HEAR.COM
Responsive website
Hear.com
Hear better. Live better.
Background
Hear.com provides free consultations and top-of-the-line hearing aids. It is one of the largest networks of hearing care professionals. The company works with 1,600 of the best audiologists and hearing specialists in the country. They use the latest technology to evaluate your hearing, recommend a tailor-made solution, and put you on the path to a better quality of life.
Task and role
Hear.com received millions of visitors from organic search or ads but over half of these users did not finish what they were supposed to do. The site navigation was confusing. During our user testing, users said that they completed the questionnaire without finding what they wanted.
Who is the user?
John
Casual info seeker
User goal
John is looking for information about the hearing aid or hearing loss.
Behavior
John is having a minor hearing problem but he does not necessarily want to buy a device yet. He spends a lot of time on research the symptoms and devices.
George
Want to buy a hearing device right away.
User goal
Geroge wants to get a hearing aid to hear better and improve his life.
Behavior
George has a hearing problem that causes a major impact on his life.
Brainstorming
Before the meeting, I have pulled data from Google Analytics and feedbacks from customers. We showed the collected information during the meeting and used a whiteboard to write down all the ideas and what we would like to achieve. We came up a project timeline, a rough flowchart, define key stakeholder and top 10 ideas that we would like to happen at this project.
Mood-board to style guide
Setting up the tone, look, and feel of the website. Since we are selling medical devices, the blue color is the best color to represent medical-related industries. I also want to show the clean and sleek style of how I will design the page. I also want to add icon graphics so it adds extra visual information with text.
Sitemap
Based on the existing page data and user testing, customers had difficulty finding what they needed. I have designed the flow to reduce the amount of time the customer requires to find the right hearing aid and hearing health-related questions.
Wireframe
I placed the trust element on every page because it gave users confidence in Hear.com’s services and products. Hear.com is one of the few companies that offers 45 days risk-free and money-back guarantee. A lot of customers said they did not know about these great features after they talked to the hearing consultation.
Visual design
Millions of customers arrive here first from the searching engine. I want to create a strong statement by showing the slogan and the top hearing aid image above the fold. This is followed by the 3 USPs, which show what Hear.com offers. I also want to show the easy step-by-step process buying process.
Home page
Desktop
Mobile
Hearing aid styles
Questionnaire
Hearing health
About us
