Mobile Portfolio
Personal Portfolio Page for mobile
The mobile portfolio is made in Adobe XD, aimed at design and user experience on a mobile layout. It was first made from a low-fi wireframe to a high-fi, going through many stages of testing to get the elements right.
Take a look of it in action!
Park Green
Cobalt Blue
Cool White
Color Scheme
The color scheme I have chosen for the portfolio is cobalt blue, cool white and park green. I really like these color mixes, I find the tetradic color of cobalt blue and park green makes them really striking and the white is a cherry on top. I have used the same colors for this current portfolio page too.
Mobile Navigation
Since the portfolio is suited for mobile use, I decided that hamburger bar would be the best option for navigation. Hamburger bars does not take up much space and at the same time, allow users to navigate around easily. Each pages also has it's header to indicate to the user where they are currently at to not get lost.
Interactive design
When I was desiging the website elements such as portofolio works, I though that just having the work there for display is a bit boring. So I decided that making it interactive and responsive would attract the users attention. I used carousell for the portfolio work to display the 3 items, allowing the user to swipe left or right to scroll through the items.
However, I decided that the user can only scroll one direction on the first and last work instead of a continous loop such that the user would have a better sense of their current location on the page, not getting lost in the endless loop.