S M Rasel Mahamud Rony

Runway.moda: A Fusion of Fashion and Technology

Role: Lead Product Designer and Front-end

Back

Overview

Runway.moda is a groundbreaking platform that revolutionizes the way users shop for fashion. By merging the worlds of e-commerce and live fashion shows, it allows users to purchase clothing items they see on models walking the runway, all in real-time. Additionally, fashion designers can register on the platform, creating and editing videos to showcase their products, with an easy-to-use admin panel. This unique approach to fashion retail provides a highly immersive and interactive experience for both consumers and designers.

As the Lead Product Designer, I was responsible for overseeing the entire project, from initial concept to full-scale implementation, ensuring a seamless user experience that blended fashion, video, and technology.

Problem

Fashion e-commerce platforms often struggle to provide users with a realistic view of how clothing items look and fit in real life. Static images fail to convey the texture, movement, and style of clothing in the same way that a live runway show can. Our client wanted to solve this by offering a dynamic, video-based shopping experience that replicates the energy and authenticity of a fashion show.

Additionally, there was no existing framework to support this concept. The challenge was to design the UI from scratch and integrate advanced technology, including high-quality video streaming, real-time product interaction, and a secure payment gateway.

Solution

Our team built the platform from the ground up, starting with wireframes and UI sketches that prioritized both functionality and aesthetics. The goal was to create an intuitive interface where users could seamlessly watch videos of models walking down runways and purchase the fashion items they liked with just a few clicks.

Key Features:

  • Real-Time Video Streaming: We incorporated a high-performance video streaming solution that allows users to watch live or pre-recorded runway shows directly on the website. Each piece of clothing worn by the model is linked to its corresponding product page, allowing for instant purchases.
  • Designer Admin Panel: Designers were given a robust admin panel where they could upload videos, tag products, and manage their digital fashion catalog. This feature was particularly important for smaller, independent designers looking to showcase their work to a global audience.
  • Seamless Shopping Experience: The platform allows users to pause the video, view product details, and make purchases without leaving the video interface. We integrated a secure payment system that ensured smooth transactions, while maintaining the elegance and flow of the shopping experience.
  • Global Designer Network: Runway.moda became a global stage for designers, helping users discover talent from all over the world. Designers could harness the platform to promote their collections and gain visibility.
Challenges & Innovation

One of the biggest challenges was ensuring smooth playback and interactivity with videos, especially considering the high demand for quality visuals and the need to handle large traffic volumes. Our team used top-notch technology to guarantee fast loading times, secure data processing, and a user-friendly interface that worked across multiple devices.

In addition, incorporating real-time interactions between video playback and product selection posed unique development challenges. However, we successfully synchronized the video content with product details, ensuring that users could purchase items with ease while watching the runway shows.

Result

Runway.moda quickly garnered attention from both users and the fashion community, positioning itself as an innovative leader in the fashion tech space. The client was delighted with the platform’s ability to merge fashion and technology in a way that had never been done before.

  • User Engagement: The platform saw a significant increase in user engagement, as customers were able to interact with fashion in a more realistic and immersive way. The combination of video and e-commerce proved to be a winning formula.
  • Designer Growth: Runway.moda became a go-to platform for fashion designers worldwide, providing them with the tools to showcase their collections to a larger, more engaged audience. The admin panel's ease of use enabled designers to focus on creativity rather than technology.
  • Client Satisfaction: The client was highly satisfied with the outcome, noting how the service not only met but exceeded their expectations. This service introduced a new, dynamic way to shop for fashion, and the client reported a strong increase in traffic, sales, and designer registrations.
cmp
cmp
cmp
cmp
cmp
cmp
cmp
Not all screens are provided to protect the confidentiality of Business Agreement and Client.

Tools and Technology Used

Sketch
HTML
CSS
JavaScript
Java Spring boot
MySQL
Angular
SASS
GIT
Github
AWS