{client} Kit Renovation
{project} Website & Mobile Site Re-design
{description} At NewCo: An IAC Incubator, I assumed a leadership role in orchestrating a comprehensive website redesign for one of our startup ventures. This project allowed me to apply my proficiency in UX research, problem-solving, branding, wireframing, and prototyping utilizing Figma. Additionally, I honed my skills in leadership and communication throughout the project. Despite the subsequent closure of the company, I am pleased to share insights into the project's process and showcase the final screens.
Laying the groundwork
Kit is a bathroom renovation company that focuses on providing its customers with beautiful bathroom designs, easy installation, fixed prices, and a pleasant renovation process.
How can we make the site more visually appealing, easier to navigate, and retain more users?
Roles & Responsibilities
As the lead UI/UX Designer for Kit Renovation's website redesign, I collaborated with a team of three designers and the client's web development team, conducting user research and crafting an exceptional website.
Designing for the User
I led a successful user-centric redesign of Kit Renovation's website, addressing challenges through detailed research to significantly improve the user experience. The result was an aesthetically pleasing, user-friendly website that significantly improved the overall user experience.
Ideating & Iterating
With my design team, we iteratively improved user interaction, incorporating feedback to create a visually compelling website that meets functional requirements and resonates with the target audience.
The Process
Troubleshooting & Research
Troubleshoot the original site
Identify areas in need of improvement
Explore User Research
Define the target audience
Create and organize tangible goals
Brainstorm with the client, product manager, and web dev team to ensure that our goals are reachable
Revamp & Innovate
Redefine messaging, branding, and visual language
Re-design and create components
Create a sitemap
Design lo-fi wireframes
Design initial prototypes for testing to present our ideas and collaborate/iterate with the client and the web dev team
Prototyping to Publication
Create hi-fi prototypes for user testing
Tweak based on user feedback
Put designs into development with the web dev team
Publish final site
Strength in Simplicity
When working on this project I identified multiple pain points that needed to be fixed. Below I lay out a few examples of those pain points - how I identified them - and the changes I made to ensure a better, simpler, and more intuitive experience for the user.
Pain Point 1: Style Selection
Identification:
The hierarchy of the action items displayed on the page was not intuitive
The visual and written language was improper
The responsiveness to action items was displayed in a poor format
Fixing the issues:
Optimized Information Architecture based on User Research.
Collaborated to refine the language.
Improved responsiveness of action items in collaboration with the web dev team.
Pain Point 2: Navigation Bar
Identification:
The selections weren’t being highlighted properly
The button to schedule a consultation was not placed properly in following a strong visual hierarchy
Fixing the issues:
Enhanced selection hover in the navigation bar with improved spacing and high-contrast visibility.
Applied Information Architecture skills to organize webpages intuitively.
Pain Point 3: Shop Page
Identification:
The filter to sort by color and style was buggy.
The sizing of the images varied in a disorderly fashion.
The style categories weren’t clear.
Fixing the issues:
Ensured the designs that were displayed properly matched up with the color and style selections.
Obtained consistent imagery regarding size, as well as layout.
Redesigned the composition of the page.
This project was important to me because it taught it me a great amount about how to lead, being self driven, working at a fast pace, and how to communicate my designs effectively.
