Head Image
Creating my own portfolio
Design and development.
Premise


Creating and coding my own portfolio.This was my premise and what better time to learn how to do it that during a global pandemic while quarantined at home

Process: taming the code


I had some idea about HTML and CSS, youtube knowledge that is since I am a curious person and wanted to know every tangent of my new life as a UX/UI Designer.
This time I took the learning seriously, and with pen and paper, along with my computer, I signed for a couple of online courses to learn about them.

After I got the basics down it was really time to design a simple, yet functional portfolio and start developing the code and style.

Draft
Creating the Design


The design is pretty simple, I divided the information into groups and started creating the sections:
-Presentation
-Projects
-Short about me

Though simple, I worked on several versions before reaching the final wireframe.
Responsiveness was very important to me, that's why I used Bootstrap as my Framework to create a responsive site.

Options
Final Draft & Feedback


Once the first defined draft was done, I created the domain and used Github as my repository service, and just like that, I was live!
I reached out to a couple of my old teachers and had them take a look at it.

After the feedback, I made some updates and here we are.



Learn

I signed up to HTML, CSS and Javascript courses to learn the basics.




Design

Once I had the basics understood, I worked on different designs to bring my idea to life.




Code

With the design done I started using HTML and CSS to code and develop the website.


Conclusions


The project was not easy, it took me about two months in total to learn, design and put it together, working every afternoon after my office hours were over and on the weekends, but it was worth it.

New skill unlocked!