UX Case Study
Company | Internet Brands
Internet Brands is a digital media, marketing services, and software company based in El Segundo, California, United States. The company operates online media, e-commerce, and SaaS businesses in various vertical markets.
Role
UX Designer for their Health CMS called Page Layout Editor (PLE)
Tools
Figma
Task
Research, Data collection, Mockups
Project
​
Best Practice Templates/Layouts for all Health Verticals
Objective
The project aimed to create a more intuitive and user-friendly template that would serve as a unified guide for content creators and designers.
Solution
The optimized best practices template and guide improved the user experience and enhanced content consistency and clarity across the website. The case study highlights the design process, key features implemented, usability testing results, and the positive impact of the new template on the user experience and project outcomes.
Research
The research consisted of:
​
Comprehensive Audit:​
-
A base outline of all required sections was created.
-
Competitors' research
-
Information was gathered from the onboarding team. To understand the needs, behaviors, and preferences of the target audience.
Evaluation:
-
The effectiveness and usability of the new template were assessed.
-
Valuable feedback and insights were collected to refine the design.
Template Optimization:
-
The optimized best practices template enhanced user experience.
-
Improved content consistency and clarity across the website.
Based on the insights gathered, the following were delivered:
​
-
one master template
-
two special focus templates.
-
one guide for the onboarding team.
​
Case Study Highlights:
-
Best Practices Template Guide and Usage
-
Best Practices Templates
-
Highlighted key features implemented.
-
-
Showcased the positive impact on user experience and project outcomes.
Best Practices Template Guide and Usage
This template is designed to guide you through the essential elements of an effective landing page. From the hero section to the CTA, we've outlined key components and tips to ensure your landing page not only looks great but also drives results.
​
A well-designed landing page can make or break your online success. To help you create a high-converting and engaging landing page, follow these best practices and guidelines.
Master Template
Sections:
-
Hero
-
Problem/Solution
-
Benefits
-
Social Proof/Testimonials
-
Features/List of Services
-
Frequently Asked Questions
-
CTA
-
Form
-
Location/Contact Information
​
Hero
-
Headline: Highlight the value or result in the main headline to emphasize why it matters.
-
Subheadline: Explain how the result is delivered and call out the ideal customer.
-
CTA (Call to Action): Ensure it's extremely prominent, possibly using wider, bigger banner-specific buttons for better visibility.
-
Image: The main image should be viewed for an average of 6 seconds (according to a study) to connect with the audience emotionally.
Problem/Solution Section
Address a problem and give a solution. The solution can be one of the services the doctor and lawyer provide.
Good to Pair with a Video:
-
Video will help keep visitors on their site, which is a great signal to Google.
-
Pages with video on them increase conversions by 86% on average.
Benefits Section
-
Put 3 most important benefits
-
Don’t talk about features, talk about the benefits of the provided services.
-
Features can be mentioned as the solution in the description of the benefit.
Social Proof/Testimonials
Incorporate 3 impactful testimonials that address concerns, doubts, or the benefits mentioned above.
-
Ensure testimonials are concise and to the point.
-
Include star ratings for quick recognition of a positive review.
-
Add a photo to enhance credibility.​
-
Highlight business reputation
Features/List of Services
A list of features, especially those mentioned in the benefits section or the services offered.
-
It can be showcased in a list as bullets or a checklist with icons.
-
This area shouldn't be too long and everything should be clear for the patient/client to understand.
Frequently Asked Questions
-
Clear and Concise Information: FAQs provide quick and easily accessible answers to common health-related questions, helping users find the information they need without navigating through extensive content.
-
Enhanced User Experience: By addressing common concerns and queries upfront, FAQs improve user satisfaction and reduce frustration, leading to a more positive and engaging experience on the health site.
-
Establish Trust and Credibility: Well-crafted FAQs demonstrate expertise and transparency, building trust with users and establishing the health site as a reliable and authoritative source of information.
Call To Action
CTA addresses the same topic and reenforces the beginning of the homepage.
Form
A contact form is like the handshake of your website—it's essential for building connections with your visitors:
-
Connect with Visitors: It lets people easily reach out to you, turning them from just browsing to potential customers.
-
Engage with Users: It invites interaction! Visitors can ask questions, request info, or share feedback.
-
Collect Useful Info: You'll get important details like names and email addresses. This helps with future marketing and understanding your audience better.
-
Offer Great Customer Service**: It provides a direct way to help visitors with their questions or concerns.
-
Look Professional: A contact form makes your site look polished and shows visitors you're ready to chat.
​
Location/Contact Information
-
Accessibility and Convenience: Providing clear location and contact information enables patients to easily locate the health facility and get in touch, enhancing accessibility and convenience for those seeking medical services or assistance.
-
Builds Trust and Credibility: Transparently displaying location and contact details instills confidence in users, reassuring them of the health site's legitimacy and credibility, which is crucial in the healthcare sector.
-
Enhances Patient Engagement: Easy access to contact information encourages patients to reach out with questions, book appointments, or seek medical advice, fostering greater patient engagement and interaction with the health site and its services.
Best Practices Templates
The prototypes, incorporate key features and design solutions to address the identified user needs and project objectives.
Master Template
The prototypes, incorporate key features and design solutions to address the identified user needs and project objectives.
Hero
Problem/Solution:
​
Address a problem and give a solution.
Benefits :
the most popular services provided can be promated here.
Social Proof/Testimonials
Features/List of Services​:
a longer list of services can be listed here.
Frequently Asked Questions​
CTA​:
Copy should reference the end goal of the websites's purpose
Form​
Location/Contact Information
Sleek and Streamlined Website Template
This template offers a sleek and streamlined design, perfect for those who prefer a minimalist approach to their online presence. With concise and focused content sections, it delivers key information effectively without overwhelming the visitor. Ideal for startups, small businesses, or personal portfolios, this template provides a clean canvas for your message to stand out with clarity and impact.
Hero
Problem/Solution:
​
Address a problem and give a solution.
Benefits
Quick Links To Solutions
Cards That Link to Services
Social Proof/Testimonials
FAQs
Form​
Location/Contact Information
Image-Centric
Website Template
This template is designed with a focus on visually engaging content, making it ideal for showcasing photography, artwork, or any image-heavy WEbsite. With a clean and minimalistic layout, it provides ample space to highlight high-quality images, ensuring they take center stage.
​
Because this template is image-heavy the copy(text) will be light.
Not recommended for a client with a lot of information or text to display.
Hero
Services
Quick Links
Welcome Paragraph:
The problem and solution section was replaced with the Welcome section.
Benefits
Social Proof/Testimonials
Form​
Location/Contact Information
FAQs
​