Portfolio

Personal portfolio site

Basamiq

CSS

Git

Gulp

HTML

Illustrator

JavaScript

Photoshop

Sass

WordPress

The personal portfolio was designed and created to serve as a platform for sharing my work with the world. People can find out a bit about me and my work and the thought process behind each project. I chose to build the site with WordPress to allow for the content to be edited and added dynamically.

The custom WordPress theme is designed for simplicity through the use of ample white space and clean layout.

Planning Process

The planning of the portfolio project involved sketching up wireframes and creating Photoshop mockups. I started designing for mobile first then for larger screen sizes for both wireframes and mockups as the same process would be applied for the development stage as well.

Haena Lee Portfolio mobile home page wireframe Haena Lee Portfolio desktop home page wireframe Haena Lee Portfolio mobile work page wireframe Haena Lee Portfolio Photoshop mockup for mobile screen Haena Lee Portfolio Photoshop mockup for desktop screen

Colour Palette

#CE4235

#FA6A5D

#4F515C

Design

Haena Lee Portfolio desktop home page screenshot Haena Lee Portfolio desktop work page screenshot Haena Lee Portfolio desktop about page screenshot Haena Lee Portfolio desktop contact page screenshot

Tablet

Haena Lee Portfolio tablet home page screenshot Haena Lee Portfolio tablet work page screenshot Haena Lee Portfolio tablet work description screenshot

Mobile

Haena Lee Portfolio mobile home page screenshot
Haena Lee Portfolio mobile work page screenshot
Haena Lee Portfolio mobile work description screenshot
Haena Lee Portfolio mobile about page screenshot
Haena Lee Portfolio mobile contact page screenshot
Haena Lee Portfolio mobile contact form screenshot