Interactive Label

B2B Website Optimisation

Lux is an AI that is specifically focused on skincare and beauty industry. From product recommendations to skin problem solutions, Lux has been trained to only provide qualified and trust-worthy information to the users leading to an accurate digital customer support for Product ID.

Roles & Responsibilities
Design system optimisation, UX solutions, Interface Design Supervisor

Programs Used
Adobe XD, Lottie, Photoshop, Illustrator

Problem Solving

One page website

  • Redefining navigation bar: Updated website with a strong UX flow, indicating clear guidance to information. Modifications made from the oversimplified flow to a more reliable flow provided by change in copywriting and ensuring it was optimised for SEO.

  • Unified and easy flow for firs-time visitors: Poor flow with unclear directions modified to clear CTAs and navigation bar indicating specific destination. Concentrated especially on a smooth transition for visitors on requesting a demo, targeting the goal of the website presence.

Oversimplified website

Unreliable interface design

  • Animated and relevant content: Created visual content both static and animated to pursue a more persuasive storytelling about the service. Aligned content to be coherent with the written copy and embedded LUX itself for visitors to interact with the service.

Poor interaction and engagement

  • Reliable and professional: Modified design system for website design from unreliable design to clean and modern interface bringing a professional tone and manner to the visitors.

UX Flow and Wireframes

Redesigning system flow

Goals of UX flow modification:

  • Clear guidance for visitor to understand the benefits, implementation and integration of the service in their business.

  • A persuasive and interactive website which engages the visitors integrate a demo to their business.

  • A visual map of interconnected services with LUX and the expansion of the diverse benefits of the services.

What was done?:

  • Clear navigation bar and page categorisation with clear copywriting leading to expected destination by users.

  • No recycled content, and clear content corresponding with information. Design elements from the chatbot itself to present familiarity once trying the demo.

  • Modifications in UX copywriting, voicing the true benefits and advantages of LUX for business.

Built a design system that includes fonts, sizes, shapes, rounding, color palettes, components, and animations to ensure a consistent design scheme and user experience.

Design and Content

New face of LUX

  • Designed intuitive and effective UX flows, leading to increased screen time during user visits and improved overall user engagement.

  • Optimized UX copywriting and general content across all pages for SEO, ensuring higher visibility and search ranking.

  • Created over 30 pieces of content for the website, with a focus on showcasing how LUX provides exceptional accuracy and reliability in the skincare and beauty industry.

  • Provided clear guidance on integrating additional services, driving extra traffic to related service platforms within LUX and enabling the business to expand into other industries.

  • Led prototyping efforts to ensure seamless functionality and user experience for all newly designed features.

Previous

Keystone Films