TRISHA
IYER
Table of Contents
1)
2)
3)
4)
7)
5)
8)
6)
9)
Client Asks
Design a website and brand identity that promote the product’s differentiators and feel credible.
Design & Development
We followed an agile creation process, consistently communicating with our client, developers, design director, and potential users for feedback.
Result
A clean, clear, and approachable website with an emphasis on Venova’s good qualities in comparison to competitors.
Competitor Analysis
We started by looking at the branding and structure in other pharmaceutical and birth control websites.
Most websites used clean design with accents. Common pages included ‘who we are, what we do, work with us, about us, research, our science, and careers.’
We also concluded that it is important to define differentiators right away.
Target Audience
We then created user stories for potential users of the website or the new birth control product.
Audience
User Stories
After consulting with our client, we realized that she didn’t have specific information to give us (like code of conduct or insurance info), so we decided to follow the more generic user stores.
Feature Prioritization
We created a set of potential features and whittled them down based on client feedback. We then created a feature prioritization list.
Least Important
Most Important
Sitemap
We created a set of potential features and whittled them down based on client feedback. We then created a feature prioritization list.
Low-Fidelity Wireframes
These are some of our low-fidelity wireframes. Our client decided to take information out of our initial flow (like market size visualizations and the research behind the product). She also decided that the ‘About Venova’ page didn’t need to be separated by stakeholders vs. consumers. So, these wireframes have some changes from the initial sitemap.
User Testing
Testing Method
We asked testers to go through our screens and think aloud as they did so. We recorded thoughts, facial expressions, challenges, and successes. We also asked them to complete specific tasks like ‘find more information about the founder’ or ‘learn more specifics about Venova’ in order to see if our structure made sense.
Questions
After our testers completed the tasks, we asked a series of questions:
-
What are your overall thoughts?
-
What did you like? Is there anything that could be improved?
-
We were attempting to convey Venova’s qualities. How well did those qualities and differentiators come across?
-
What were your thoughts when navigating the website and completing the tasks?
Takeaways
Most of the pages made sense. However, every participant said that the ‘About Venova’ page could be improved.
Length
The page is too long, especially on the mobile version.
Order
The timeline of goals and accomplishments feels the least important and should go at the bottom.
Readability
The characteristics and differentiators section is too text-heavy and could benefit from some visuals.
Information
It doesn’t make sense to include the specific side effects in the chart, especially since we’re trying to promote Venova.
Revisions
Length
I added a ‘Quick Links’ section at the top and got rid of FAQ because our client didn’t have enough info for that section.
Readability
I changed the ‘Characteristics’ section to be in card format, with placeholder boxes for icons
Information
Our client actually gave me the copy for the comparison table, and I got rid of the specific side effects.
Order
The timeline of goals and accomplishments was moved to the bottom.
Initial Brand Strategy
We handed our wireframes off to the developers and began working on Venova’s brand strategy.
Personality Levers
We conducted a brand exercise with our client, trying to understand both her and our expectations of what Venova’s brand might look like.
Moodboarding
We created six moodboards, which capitalized on the starred characteristics in the personality levers. Our client chose her favorite two.
Clean & Informative
Initial Strategy
Our client wanted us to use blues and greens, and she wanted Venova’s brand to feel somewhat sterile.
Color Experimentation
Unfortunately, we realized that solely having blues and greens would not work because it didn’t feel like a birth control brand. We looked at other birth control sites, and all of them incorporated warm pinkish colors.
.png)
We realized that a good color identity needs to be appropriate and specific to the brand according to consumers. In other words, the colors need to feel like a birth control company.
Venova Color Experiments
We experimented with adding warm colors, consistently keeping color contrast and accessibility standards in minds.
High-Fidelity Wireframes
Here are some of our high-fidelity wireframes.
Design System
