Style Blog

Project Overview

The objective of this project was to design and refine the visual identity of Modesty by Design blog through strategic choices of layout, color, texture and fonts. For this project, I had twelve weeks to learn WordPress and build a functioning website with a cohesive identity.

In addition to building the website and designing the brand identity of Modesty by Design, the blog posts feature my original writing and a lookbook video I filmed and edited.

Ideation

Low-fidelity prototyping – Wireframes

Design Challenges

The target audience: urban young women between the ages of 18-25 with interests in fashion, personal style and mindful living. To gain the attention of this audience, the design needed to be simple and easy to skim, but with enough personality to keep and hold attention.

The website needed a strong visual impact on the audience and immediately show the personality of the site: creative and vibrant with a touch of simplicity and elegance.

Mood board to guide design choices

Color Palette

Usability Testing

I conducted three stages of usability testing with users, recording their screens as I asked them to navigate to different parts of the website. I made small improvements rapidly in between each test to discover common themes in the problems users faced as well as learn what worked well.

Notes from Usability Tests

• Contact info was difficult to reach, so a Contact page was added to the sitemap and a fillable contact form added to the page.
• Navigation was improved for users by adding a vertical navigation bar to the right side of the website, which marks a user’s point on the site as they scroll.
• Users pointed out that there was limited ability to search on the website. A search bar was added that is accessible from all pages.
• Page load times were lowered by decreasing the size of graphics throughout the website.

Design Solutions

Sitemap to identify which pages to create and where each page leads.

Initially all posts were going to be stored under one page, but after interviewing potential users and gathering feedback from the usability tests, I changed the design and created individual pages for each topic to allow users to quickly find what they want to read.

Final Product (Slideshow)