Hada Labo Japan

Background

Hada Labo Japan faced challenges with their website, which struggled to drive conversions to retailers such as Woolworths and failed to capture the brand appeal necessary to engage users effectively. Our goal? To design a website that mirrors the brand’s luxurious and minimalist ethos while driving measurable business results. Post-launch, we equipped Hada Labo with performance data charts to track the website’s success effectively.

Here’s the before:

DESIGN APPROACH

We began with a kickoff session, including a conversation and mini-workshop, to uncover Hada Labo Japan's brand values and visual direction. These insights informed our design approach as we skipped wireframes to meet the project's tight timeline and moved straight into designing the key pages.

The design process focused on aligning firmly with the brand's guidelines. We worked closely with Hada Labo’s designers to incorporate high-quality creative assets, ensuring a cohesive and visually appealing outcome. Each page was crafted to reflect the brand's appeal while effectively showcasing products, with special emphasis on best sellers supported by Hada Labo's own research.

To drive conversions, we made the calls-to-action—buttons leading to retailers—prominent and well-placed within the user journey. Additionally, we structured FAQ sections to improve the website’s usability and support SEO efforts.

• Performed category research to understand common patterns and structures that will allow Hada Labo to stand out.
• Carefully adhered to Hada Labo’s brand guidelines to ensure the website felt cohesive and authentic to the brand’s identity.
• Collaborated closely with Hada Labo’s designer to incorporate bespoke creative assets, such as high-quality imagery and product visuals, ensuring consistency with the brand’s visual language.
• Designed pages with a clean, modern aesthetic that reflected the brand’s premium positioning while creating an engaging and user-friendly experience.
• Highlighted best-selling products in prominent sections, supported by Hada Labo’s internal research, to draw attention to customer favourites and drive interest.
• Crafted user journeys with clear pathways, ensuring calls-to-action, such as buttons leading to retailers, were prominently placed at key decision-making points for maximum impact.
• Designed the FAQ sections not only to address user concerns but also to improve organic search visibility and drive traffic through SEO optimisation.

DEVELOPMENT APPROACH

The website was built on Webflow for an efficient development process while maintaining flexibility for future updates. Key aspects of the development approach included:

• We leveraged Webflow’s features for a visually stunning yet functional site, ensuring mobile responsiveness and optimised performance.
• Incorporated smooth transitions and interactive components to enhance user engagement without compromising page speed.
• Set up GA4 with custom event tracking for deeper insights into user behaviour and to support ongoing performance evaluation.
• Developed reusable modules which could be used to quickly make additions, updates and maintain consistency, and support scalability as the website evolves.

We provided a detailed documented walkthrough to empower the client to independently update and manage the website with videos.

Results

The Hada Labo Japan website redesign focused on creating a user-friendly experience that aligned with the brand's quality image while driving measurable improvements in user engagement and conversions:

• The redesigned website increased active users by 28.51%, indicating improved engagement and interest.
• Conversion rate improvements saw a 12.6% uplift, driving more traffic to retailer sites.
• Enhanced appeal and clearer calls-to-action resulted in a 28.9% increase in new users, showcasing the site’s ability to attract fresh audiences.

By combining data-driven design with brand-focused strategies, we successfully transformed Hada Labo Japan’s website into a platform that delivers exceptional user experience and tangible business results.

BEYOND THE LAUNCH

Following the successful redesign, we extended Hada Labo Japan’s new website to the New Zealand market, ensuring consistency and effectiveness across both regions.

To support ongoing performance measurement:

• We set up GA4 to enable robust tracking and analytics.
• Custom GA4 event tracking was implemented to provide deeper insights into user interactions.
• A tailored dashboard was created to deliver weekly performance reports, giving the Hada Labo team clear visibility into their website’s status and impact.

By harmonising design principles with performance-driven strategies, we transformed Hada Labo’s website into a platform as flawless as their skincare solutions.

Looking to refine your website’s usability, amplify conversions, or streamline analytics? Contact us to see how we can craft a unique solution for your brand.