Flannels x Christian Louboutin
An eye-catching landing page for a product launch
Role
Design Lead
Design team
1 designer
Time
4 months
Company
Flannels
Problem
Flannels wanted to create a unique landing page for Christian Louboutin, promoting their two new products, Loubi Shark and Loubi Rain. The landing page needed to provide an immersive experience similar to their offline stores, allowing customers to feel the brand's luxurious atmosphere. The challenge was to seamlessly incorporate campaign promo videos, while ensuring accessibility for all users and maintaining Flannels' high-end feel.
Solution
Create an immersive and visually appealing landing page that showcases Christian Louboutin's new products in an elegant and engaging manner.
My role
As the UX Design Lead, my role was to lead the design process from start to finish. I collaborated with the Flannels team, stakeholders, and other designers to define the project's vision and goals. I created wireframes, interactive prototypes, and visual designs that align with the project's objectives. My primary focus was to ensure the landing page not only meets Flannels' and Christian Louboutin's expectations but also provides a delightful and seamless user experience for all visitors.
Project kickoff and research
I started by conducting a project kickoff meeting with stakeholders, including representatives from Flannels and Christian Louboutin, to understand their goals, objectives, and expectations for the landing page.
Following that, I worked closely with the in-house creative team to get early access to initial campaign concepts and imagery.
Define project scope and goals
Based on the research findings, I defined the scope of the project, including the specific features, functionalities, and content required on the landing page.
I then set clear and measurable goals for the landing page, that included increasing product visibility and engagement.
Information architecture and wireframing
I created an information architecture to map out the page's structure, ensuring a logical flow of content and navigation.
I then develop low-fidelity wireframes to visualise the layout and arrangement of elements on the landing page, considering the incorporation of videos and call-to-action buttons.
Interactive prototyping
I created interactive prototypes in Figma to demonstrate how the landing page will look and function.
I tested the prototypes internally with the project team to ensure a smooth user experience and identify any usability issues.
Video integration and accessibility
Working closely with the development team, we optimised and compressed videos for best performance.
I ensure videos are accessible by providing video controls and alternative content for users who may have difficulties accessing videos.
Responsive design
I designed a responsive layout to ensure the landing page looks and functions well on different devices, such as desktops, tablets, and mobiles.
I, later on, tested the designs across different devices and browsers to identify and fix any design or functionality issues
Development and implementation
I worked closely with the development team to provide them with design assets and specifications required for the implementation. I conduct regular reviews to ensure the development aligns with the approved design and functionalities.
Launch and post-launch
Christian Louboutin page launched in late October 2022. In the time that the campaign was alive, the landing page has achieved predetermined KPIs and has been considered a success.