Google UX Design Professional Certificate:
Responsive Website

En Plein Air

Image by Alex Dudar

Course

Course 6/7

May 2022

Google UX Design Professional Certificate

Image by Rubaitul Azad

Technical Skills

Adobe XD

Google Docs, Sheets, Slides

Image by Firmbee.com

Soft Skills

Analysis

Creativity

Flexibility

Mockup 1 - Homepage 2.jpg

Objective

This goal of this project was to design a user experience flow for a responsive website. This involved creating a fully functioning high fidelity prototype of a responsive website.

 

The prompt that I chose and designed for was:

Design a responsive website for a trendy wedding venue.

Vision

With a background in event planning and a passion for this prompt, I was quickly and easily able to come up with ideas for this project, as a UX Designer.

Prompt 2 Website Sitemap.jpg
Screen Shot 2022-06-10 at 9.17.00 AM.png

Research

I began this project the same as we began the other work throughout the course - with the beginning UX Design Process steps: Empathize, Define, and Ideate.

I developed personas, created user stories, user journey maps, problem statements, and completed a competitive audit.

Based on this information, I determined that the intended audience of the responsive website to be primarily adults, who are searching for an event venue to book their upcoming event - wedding or other.

Wireframes

After completing the beginning design process, I moved on to creating wireframes and a low-fidelity prototype.

Since I was designing across devices, I used a progressive enhancement strategy, focusing on a mobile-first philosophy. Since the primary user would potentially be using the mobile version of the website, I chose to focus my attention on this portion of the project first.

I began with paper wireframes and converted them into a low-fidelity prototype.

iPhone Page 1 - Homepage.jpg

User Testing & Results

Next, we tested the low-fidelity prototype in a usability study. This was an unmoderated study, that the users were set to complete within a 30 minute timeframe, at their earliest availability.

Based on the user testing, there were some iterations made to the design, and the low-fidelity prototypes were remade based on suggestions provided by the user feedback.

Screen Shot 2022-06-10 at 9.25.58 AM.png

Final Design

To view the final, high-fidelity, interactive prototypes, please use the buttons below.

Conclusions/Lessons Learned

Analyzing a Competitive Audit to Design a Responsive Website

Even though I had been through the process of a competitive audit for the first prompt, this experience was different and more enlightening when comparing different sizes of a responsive website. There are a lot of factors that go into the design decisions, and they were made very clear during the analyzation of this competitive audit.

Create a Responsive
Website

Although we had made an app in the first prompt, creating a responsive website was a very different experience. I got to learn a lot about design decisions and got to think about designing for a user in a new and unique way.