top of page

Homepage Redesign

I contributed to homepage redesign, focusing on enhancing the user experience for dual-audience: B2B and D2C users. The project aimed to create an intuitive interface that guides users to make informed decisions seamlessly, whether they are vendors, investors, business clients, or consumers.

WhatsApp Image 2024-12-01 at 18.24.56.jpeg

Problem Statement

The original homepage lacked clarity in presenting targeted pathways for diverse user groups. Users, whether vendors seeking to list services or business clients exploring event solutions, experienced confusion due to generalized navigation. This resulted in higher bounce rates and decreased engagement on crucial landing pages. Additionally, the absence of a clear "Get Quote" feature limited potential leads and conversions.

Target Audience

B2B Clients: Companies looking to organize and manage events seamlessly.

​

D2C Consumers: Individual users exploring event planning and customized solutions.

​

Vendors: Businesses interested in partnering with QuietLoud to offer services.Investors: Stakeholders interested in understanding company services and growth opportunities.

Key Features Designed

Intuitive Homepage Layout:Organized navigation that caters distinctly to vendors, investors, and consumers.Sections that guide users towards relevant content with minimal cognitive load.

​

Unconscious Decision-Making Design:Integrated subtle prompts that direct users toward suitable paths without overwhelming them.Employed a visual hierarchy that promotes seamless information processing.

​

Detailed Landing Pages:Each primary homepage link leads to service-specific pages, presenting comprehensive details to educate and engage the user.

​

"Get Quote" Feature:Added a prominent call-to-action enabling users to quickly request quotes, driving leads for business development.

Challenges 

Challenge: Balancing content richness without overwhelming the users.

Solution: Implemented clean, segmented layouts and concise content blocks for clarity.

 

Challenge: Ensuring different user groups felt equally prioritized.

Solution: Structured content to offer parallel pathways tailored for each target group, creating a sense of personalization.

Impact

  • This redesign improved user navigation, leading to:Increased engagement time on the homepage and service pages.

  • Higher user satisfaction rates based on follow-up feedback from vendors and business clients.

  • Enhanced conversion rates through the “Get Quote” feature, streamlining user inquiries.

User Interviews

As part of the research phase, I conducted interviews with potential users, focusing on their interaction with various homepage design options. The objective was to gauge preferences and collect insights into usability and user satisfaction.

A.
image 1_edited.jpg
B.
TV - 1_edited.jpg
C.
image 2_edited.png
References of the designs shared with the users for interview.

Preferred Design: Design B was favored by 66.67% of the respondents.

"Design B is very appealing and catches the eyes on exactly what a customer is looking for in a pleasant way."

"The UI is easier on the eye, and more dynamic than the other in terms of sections - making it look appealing."

"It helps me get an overview of what my event atmosphere may feel like during the planning process."

"It is clear that the website is helping me book an event, and you guys do different types of events."

User-Centric Organization: Clear segmentation of information, allowing users to easily identify their paths based on whether they are vendors, investors, or consumers.

Responsive Design: Optimized for both desktop and mobile users to ensure accessibility and functionality across all devices.

Micro-interactions: Implemented subtle animations and hover states that provided feedback and subtly nudged users toward their intended goals.

Predictive Navigation: Utilized data-driven elements that predicted user behavior, making the experience feel personalized and smooth.

Scannable Content Blocks: Information was broken down into digestible chunks with clear headings and bullet points, helping users quickly find relevant details.

Visual Storytelling: Used images and icons effectively to support the text, creating an engaging narrative that explained service benefits without overwhelming text.

Interactive Form Design: Ensured the quote request form was simple and visually aligned with the rest of the page to maintain a consistent user journey.

Progressive Disclosure: Presented form fields in steps to prevent cognitive overload and make the process less intimidating.

Color Psychology: Chose a color palette that evoked a sense of trust, excitement, and clarity, which helped users feel more confident in navigating and interacting with the website.

Accessibility Considerations: Integrated elements such as larger font sizes, sufficient color contrast, and alt text for images to ensure inclusivity for all users, including those with disabilities.

Feedback Mechanism: Added subtle confirmations when users interacted with elements like buttons or forms, providing reassurance and encouraging continued engagement.

Consistency Across Pages: Maintained uniform design elements (e.g., headers, buttons, and CTAs) across the homepage and leading pages to create a seamless and cohesive user experience.

Call-to-Action Placement: Positioned CTA's in strategic locations—above the fold and at key scroll points—to capture user attention without being intrusive.

My Role

  • Collaborated closely with the design team to plan and execute the redesign.

  • Conducted comprehensive interviews with various stakeholders, including vendors, investors, and direct consumers, to understand their needs and expectations.

  • Created UX flows that mapped user journeys for different scenarios to ensure an effective user experience.

Final Product

Design B's strong visual hierarchy, detailed information layout, and user-friendly features enhanced user engagement and supported user decision-making without adding confusion. These elements together created an experience that felt intuitive and comprehensive, aligning with the needs of QuietLoud's diverse audience.The new homepage design exemplifies how understanding user needs and creating scenario-based UX flows can significantly enhance user engagement and business outcomes. This project showcases my ability to lead user-focused design changes and collaborate across teams for impactful results.

TV - 1_edited.jpg
TV - 1_edited.png

Final Prototype

References of the final design
bottom of page