LFW Online Platform

Client:
London Fashion Week
Agency:
Forever Audio
Release:
2020
My Focus Areas:
Ideation
Graphic Design
UX/UI Design
Design System

Overview

London Fashion Week is seeking to revitalize its online presence through a platform capable of accommodating all fashion designers and their collections. Additionally, it aims to be a center of inspiration for everyone by sharing various types of fashion-related content capable of inspiring anyone who visits their page. Furthermore, they also want the ability to share catwalks and podcasts from various designers and fashion bloggers.

Problems and Challenges

  • Ability to add an unlimited list of designers, allowing each designer's page to be customizable through the use of colors and logos.

  • Ability to share events, catwalks and interviews of different designers in real-time.

  • The website must be easily and intuitively updatable by both the client and the designers themselves.

  • Need for a calendar to inform users about the presence of various upcoming events.

Sitemap Structure

This is a stylized representation of the website's map. The site consists of 5 main pages to access various types of content. The homepage acts as a social bulletin board where users can find a wide range of content added by the fashion community, while the other pages are dedicated to event scheduling, the events themselves, and the profiles and collections of designers.

Wireframes

Before proceeding with the design, the team and I provided the client with a set of wireframes where we carefully studied every detail of the website's main structure.

Imagery and Style Guide

Below is a summary of the colors chosen in collaboration with the client, along with the selected fonts and various UI elements.

Design Highlights

Embarking on our design journey, we transformed approved wireframes into captivating visuals, infusing them with the unique essence of the client's brand. With an artist's eye, we orchestrated a symphony of colors and fonts, crafting a seamless and visually stunning experience for users to immerse themselves in.

Streaming Live Event

Behold the screens that usher users to the streaming event. In the first glimpse, users immerse themselves in the week's upcoming event calendar. The second screen tantalizes with a countdown to the main event. Finally, behold the page design hosting the live event.

Color Keying

Below is an example of a customized event page with graphics tailored to match the organizer's chosen color, ensuring distinctiveness and brand alignment.

Logo 1Logo 2Logo 3Logo 4Logo 5Logo 6Logo 7Logo 8Logo 9Logo 10Logo 11Logo 12Logo 13Logo 14Logo 15Logo 16Logo 17Logo 18Logo 19Logo 20Logo 21Logo 22Logo 23Logo 24Logo 25Logo 26Logo 27
Logo 1Logo 2Logo 3Logo 4Logo 5Logo 6Logo 7Logo 8Logo 9Logo 10Logo 11Logo 12Logo 13Logo 14Logo 15Logo 16Logo 17Logo 18Logo 19Logo 20Logo 21Logo 22Logo 23Logo 24Logo 25Logo 26Logo 27