Role: Design, HTML, CSS, SASS, Javascript/Jquery
Project Goal
Donna was looking for a personal website to write about her background in each area she teaches with any certifications or credentials, a place to post her class schedule and a means for people to contact her.

Rough wireframes exploring the mobile layout

Mood board for site layout and each sections color focus

We got to add some fun small css animations such as the bouncing balls on the homepage as if they were breathing. Small fades on button overlays and sticky headers and do a masonic type of image gallery for each page. We based each page around a separate color palette much like how a Chakra distinguishes itself by a separate color.

Final look of website pages as they would appear on desktop

Left: Slide-out navigation  |  Middle: Home page on mobile  |  Right: Sample page

Back to Top