Task and Goal
This is a redesign concept for my new portfolio site, since the old one was already out of date, and didn’t fulfill it’s goals.
The new one is meant to be more intuitive, richer in information and, of course, more beautiful. It’s main goal is to give fullest information of the site’s owner (e.g. me), her projects, skills, and background.
All of the work from concept to coding was done solely by myself.
Moodboard
Main reference for this work was Stripe’s website. I was impressed by a flowing gradient at the top of the site, and thought this would add a necessary attention point to the portfolio.
I have also created a moodboard to keep consistency in the design and to get an image of the colors suitable for this work.
Wireframes
I’ve started with defining potential viewers, creating user personas and trying to understand their needs and using patterns.
Then I proceeded with creating wireframes, starting with the sitemap, and continuing with low-fidelity wireframes and high-fidelity wireframes in Figma.
Points
- After setting purposes, user personas and creating the sitemap, I recreated 3 of my main reference site top pages directly in Figma, all from the sratch.
- I used Sass as a preprocessor, JQuery for interactions and PHP for my form.
- I didn’t use any library for my top page, except for JQuery, ‘cause I wanted it to be more lightweight.
Here you can find my Figma design file.
Colors
- #FEF9F3
- #271B12
- #3E002C
- #FBB009
- #C1015D
Typography
Large Headings
Other Headings and paragraph text
Thanks for watching!
