Seattle Posture Institute

Featured Case Study

Roles

UX/UI Designer

Web Design

Tools

Sketch

WordPress

Skills

Wireframing

Information Architecture

Prototyping

Product design

Website

Click here

See Note at Bottom

My Process

Define

Needed a quick and simple website.

Design

Organized information architecture. Began wireframing.

Build

Used WordPress divi builder for designing responsive mockups.

Iterate

Frequently presented designs, elicited feedback and iterated product design. Adapted design from client feedback.

UI Flow Wireframes

UI Design

I used paper prototypes, and then wordpress to complete these website pages. 

Note

UI Design Reversion

Current live website is not consistent with designs above. Client requested designs to be reverted to earlier revision. He said the tone of the earlier website version was more authentic and representative of his personality. Per his request I have reverted the live website but included the second iteration wireframes seen above to showcase my design skills. 

In Summary

Results

Designed and implemented UI design using wordpress from scratch. Delivered under budget and on time with satisfactory results.

Next Steps

Gather specific content: professional photos, video and logo design. Major design overhaul: Styling consistency, edit copy, edit typography. Add new pages such as a blog page, pricing page, testimonials page.

Thanks for Reading!

[email protected] Next Case Study