UX DESIGN / WEB
Redesigning Cetaris.com
Redesigning Cetaris.com
Improving website usability to increase conversions and enhance the quality of traffic (reduce bounce rates, increase time on page, and increase conversion rates).
ROLE
User research, Ideation, Wireframe, Prototyping, User Testing, Illustrations
User research, Ideation, Wireframe, Prototyping, User Testing, Illustrations
TOOLS
Sketch, Illustrator, Zeplin, FullStory, Google Analytics, Trello
Sketch, Illustrator, Zeplin, FullStory, Google Analytics, Trello
DURATION
Nov 2018 - July 2019
Nov 2018 - July 2019
TEAM
1 UX Designer (Me), 1 Deveoper, 1 Illustrator, 1 Project Manager
1 UX Designer (Me), 1 Deveoper, 1 Illustrator, 1 Project Manager
Overview
Overview
During my time at Cetaris, I had the opportunity to redesign the marketing website and improve the information architecture of the customer support application.
During my time at Cetaris, I had the opportunity to redesign the marketing website and improve the information architecture of the customer support application.
Team Setup and Role
Team Setup & Role
I was situated under the marketing and design team, with one copywriter/project manager, one illustrator, and a third-party developer. Every week I worked with the lead UX designer on the product team to get feedback and critiques on my work.
My main role in this project included creating user interview questions, coming up with user flows, designing low and high-fidelity wireframes, collaborating with the developer to bring the designs to life, and QA testing for bugs. Some minor work I did involve creating hero illustrations for the industry page and creating product mockups
I was situated under the marketing and design team, with one copywriter/project manager, one illustrator, and a third-party developer. Every week I worked with the lead UX designer on the product team to get feedback and critiques on my work.
My main role in this project included creating user interview questions, coming up with user flows, designing low and high-fidelity wireframes, collaborating with the developer to bring the designs to life, and QA testing for bugs. Some minor work I did involve creating hero illustrations for the industry page and creating product mockups
Problem
Problem
Through customer interviews, Fullstory sessions, and Google Analytics, I uncovered five issues that occurred within the marketing website:
Through customer interviews, Fullstory sessions, and Google Analytics, I uncovered five issues that occurred within the marketing website:
- High bounce rate
- Low session duration
- Inconsistent design style
- Lack of content clarity
- Information architecture within the navigation
- High bounce rate
- Low session duration
- Inconsistent design style
- Lack of content clarity
- Information architecture within the navigation
Challenge
Challenge
How might we reduce bounce rates while increasing conversions and customer acquisitions on Cetaris.com?
How might we reduce bounce rates while increasing conversions and customer acquisitions on Cetaris.com?
Solution
Solution
The redesign of Cetaris.com focused on three main aspects:
The redesign of Cetaris.com focused on three main aspects:
- Improve the information architecture and website accessibility.
- Align the website design styles with the customer-facing products that were already in place.
- Revise website content by “showing” Cetaris products rather than “telling” prospective customers about it.
- Improve the information architecture and website accessibility.
- Align the website design styles with the customer-facing products that were already in place.
- Revise website content by “showing” Cetaris products rather than “telling” prospective customers about it.
Approach
Approach
In this project, my team and I used the Kanban agile system. We used Trello to monitor the progress of each task within the first release and prioritized the work based on how often users visit each page.
Phase work deliverables
Phase work deliverables
In the first release of the website, our goal was to redesign the home page, product pages, industry pages and contact page. The company page would be left alone until the next iteration. However, based on time restraints, I was not able to fully redesign the industry pages.
User Research
User Research
Our goal was to interview recently converted customers. They were decision-makers during the selection process for fleet maintenance software. In the research session, our main goal was to understand the mindset of prospective customers during the buying process and see what they valued in maintenance software.
I also analyzed FullStory sessions to see the user journey and touchpoints that allowed users to convert, and how to further improve on it.
Research Methods
Research Methods
Website walkthrough
Goal: To understand how prospective customers go through the website.
1-1 interviews
Goal: This method allowed us to get qualitative data that informed the design direction.
Card sorting exercise
Goal: We used card sorting as a way to understand what our customers and prospective customers valued when deciding on a maintenance software solution. It allowed us to prioritize what content comes first.
Design
Design
Based on the research and journey mapping phase, I translated the insights onto the redesign.
Based on the research and journey mapping phase, I translated the insights onto the redesign.
Landing page
We rethought the messaging and created supporting illustrations to make it more clear what Cetaris did.
Navigation
The new dropdown menu was designed to create a clear differentiation between the different products that Cetaris offers.
Products
This section allows users to navigate directly to different Cetaris products.
Asset type
The two buttons (fleet assets and facility assets) was created to guide users to the right products they seek.
The two buttons (fleet assets and facility assets) was created to guide users to the right products they seek.
See the full website
Challenges & Learning
Challenges & Learning
Over the course of the project, I faced many challenges. During the research phase, it was difficult to find prospective customers to interview that were within our niche (maintenance software) and who held upper management roles. Therefore, the second-best option was to speak to new customers who recently converted through our website.
Another challenge I experienced was balancing the needs of SEO and content with user experience. In the old website, most people ended up skipping over a lot of the content because it was overwhelming to consume. I tried to fix that issue by working with the copywriter to reduce the amount of copy that was shown to users. In the end, we had to compromise between having a specific amount of content for SEO and searchability purposes.
Working with a third-party developer effectively required alignment on shared processes and communication protocols. One tool that was particularly helpful was implementing an excel sheet to document and report bugs during acceptance testing in the development phase.
Over the course of the project, I faced many challenges. During the research phase, it was difficult to find prospective customers to interview that were within our niche (maintenance software) and who held upper management roles. Therefore, the second-best option was to speak to new customers who recently converted through our website.
Another challenge I experienced was balancing the needs of SEO and content with user experience. In the old website, most people ended up skipping over a lot of the content because it was overwhelming to consume. I tried to fix that issue by working with the copywriter to reduce the amount of copy that was shown to users. In the end, we had to compromise between having a specific amount of content for SEO and searchability purposes.
Working with a third-party developer effectively required alignment on shared processes and communication protocols. One tool that was particularly helpful was implementing an excel sheet to document and report bugs during acceptance testing in the development phase.
All / Vax / Cetaris / Portr / Travel App / Xesto / Boston Children's Museum