Case Study
About Us Page-
The Green Book Project Website
Challenge
Some busy brides/grooms hire a wedding planner to organize their big event.
However, for the busy bride/groom wanting to plan their own event (or just wanting to be more organized as they interface with their wedding planner) this website will provide everything they need to stay on track.
Solution
This website provides the budget minded bride or groom a way to find vendors and venues easily by allowing filtering by price before requesting a quote.
Challenge
The founder of The Green Book Project was under a time crunch when he first built out the company web page. So, he had to settle for a MVP, which meant putting some elements of the About page on the Home page.
Goal
-
Pay down this tech debt
-
Improve SEO
-
Provide more information about company and staff
Solution
Create a separate web page for information about The Green Book Project--- an About page.
My Role
UX Designer, Research Designer and Visual Designer
Responsibilities
Conducting interviews (w/SME), paper and digital wireframing, low and high-fidelity prototyping, accounting for accessibility and iterating on designs.
Project duration
April 2022
Understanding the User
User Research
The CEO and Associate UX Designer conducted user interviews over a period of months in 2021. The specifics details are proprietary.
User Pain Points
Mission
​
Providing information about our mission and our purpose in one place
Insights
​
Give our users insights to who we are, what we do and why our mission and our purpose in one place
Availability
​
An easy way for our users to contact us
Persona & Problem Statement
Maribel is a nurse who wants to find safe places to travel because she and her partner are queer
.png)
Katie is a digital marketing specialist who wants to find safe places to eat because she wants to avoid discrimination
.png)
User Journey Map
I created a user journey map of Maribel's experience using the site to help identify possible pain points and improvement opportunities.
Starting the design
Starting the design
Paper Wireframes
We had decided on a simple layout for the About page which would include a paragraph or two about The Green Book Project and then bios with pictures of each of the four staff members.
Digital Wireframes
I created a digital wireframe from the paper wireframe. I was the content writer for the Guide page, so I wanted to have a similar information architecture on this page.
Mockups
First Iteration
Final Iteration
I created mockups of the page, with the intent of making it look similar to the Guide page. After getting feedback, I changed the design according to the new specifications. There were several iterations. The final iteration included adding more white space and segmenting the pictures and text rather than using the pictures as backgrounds.
Mockups: Mobile Version
After I completed the website version, my supervisor asked me to create a mobile version.
