Now you don’t have to change your lifestyle for your leaks. La Vie™ products are made to the highest standards of quality, performance and comfort, so you can handle leaks at the same standard you choose to live. Uncompromised.
Challenge
My team was tasked with redesigning La Vie's website to create a cohesive merger of La Vie Fem Care and Light Bladder Leak portfolios into one Master brand website that encompasses La Vie's Uncompromised brand idea. La Vie also wanted to develop a Give Back grant page that shares La Vie’s corporate social responsibility efforts in a meaningful way that connects and excites consumers.
Objectives
Tools
Photoshop, Illustrator, Figma, InDesign, trusty ol' pencil & paper
Team
1 UX designer (yours truly), 1 project manager, 1 copywriter, 1 creative director, 2 developers
My Role
UX Design, Art Direction, Branding
Timeline
Overall: 4+ weeks
Discovery & Research: 1 week
Design & testing: 3 weeks
After starting the project, we established our research plan and goals with a focus on comprehending the target audience and their difficulties. We created an online survey and distributed it via social media and Userlytics.
Based on the survey, with 86 respondents, 5+ interviews, and secondary research, the following findings were identified:
During the winter months, a woman’s flow, period duration, and even pain level are longer than the summer. This pattern also extends to women who live in colder climates rather than warmer temperature….aaaaand that’s why I had to get out of Chicago. (kidding but not completely kidding)
Purpose: Start the conversation with the visitor and direct her to the pages of the website where her questions can be answered.
What we want her to take away:
Think:
Feel:
Do:
Purpose:
Answer her product questions and reassure her. Convince her of product efficacy and get her to convert/buy. Inform her about LBL products and their benefits.
What we want her to take away:
Think:
Feel:
Do:
What is the Grant Program?
Why the STEM field?
Our Impact with the Grants
Recipient Impact: These grants will support the work and progress of the recipients
Overall Impact: Our goal is to share these inspirational stories with our followers and to inspire others considering this field or struggling in it (inspire a higher standard).
We want to give women in STEM a voice on our platform to show their success and talk about how they overcame these gender challenges.
Why our consumer would care?
How does it link to the Brand
Get sketchy with it
To jumpstart decision making and save (my precioussss) time, I started off my design process with some rough sketches and wireframes. I drew inspiration from the initial user interviews, the business objective, and the heuristic evaluation to come up with my sketches. They all pointed to the same issue - there were way too many distractions in the flow.
Sitemap
Every pirate needs a trusty map to get the traysure (or booty, whatever floats your boat). A sitemap is suuuper duper helpful in visualizing the connection between the content and figuring out the hierarchy.
Lo-Fi Wireframes/Explorations
Creating low-fidelity wireframes using Figma is a massive game-changer (if you don’t use Figma ya need to get on it like, yesterday). It gives me a ton of flexibility to easily explore and test prototypes on the fly. I came up with multiple variations of the digital platform and the different modules for each page.
I’m a big mood board queen. ♛
They are a fabulous way to gather inspiration and get those creative juices flowing. Through primary research, I learned that users felt La Vie's current branding felt outdated and catered to an older audience. I opted for a visually intriguing marriage between bold colors and exciting textures.
Bold
Uncompromising
Confident
VIbrant
This is my favorite part of the process where I can finally breathe some life into all my ground work and see how the finished product will look (posture be damned).
With the final prototype come to fruition, I believe I checked every metaphorical box that I outlined at the conception of the design process. I gave La Vie a bold new look that neatly marries La Vie Fem Care and LBL portfolios into one Master brand website.
If I had more time, I would have liked to create a full social media plan to keep brand assets consistent across all platforms buuuut c'est la vie (sorry, couldn’t resist using that just one time).
This is the point where I can see the light at the end of the tunnel. My last task is to wrap this project up with a neat little bow and present it to our brilliant dev team to begin the development stage. I obsessively redline my final design deliverables because the dev team may not be aware of specific spacing and sizing of design elements. This also helps cut back on multiple rounds of QC and I endeavor to make the handoff process as efficient as possible to make things easier for final development.
Revisions are imminent as La Vie continues to grow with the flow. I maintain a direct line of contact with my PM, copywriter and the client to address future updates.
Copyright © 2023. All rights reserved.
Powered by a misfit from the North Pole.
We use cookies to analyze website traffic and optimize your website experience. By accepting our use of cookies, your data will be aggregated with all other user data.