SUAY LA
What is this app?
A prototype mobile web application designed for users to explore, customize, and book clothing repair and dyeing services in partnership with Suay LA & Nike. Built with Next.js, React, and TypeScript, the app prioritizes a clean and engaging user experience, leveraging features like video backgrounds, responsive design, and dynamic service options. Data handling and user input are streamlined through Airtable and image upload capabilities, with analytics integrated for performance tracking.
How a User Would Use the App
- Landing Page: Users start on a branded page with an immersive video background, introducing the repair and dyeing services.
- Select a Service: On the "Pick The Fix" page, they choose between repair services or dye baths.
- Customize Clothing:
- Users specify the type of clothing item (e.g., tops, bottoms, outerwear).
- They select repair styles such as TONAL (matching), STATEMENT (bold), CONTRAST (different), or GET WEIRD (experimental).
- For dye baths, they explore different color options.
- Upload Photos: The "Item Photos" page allows them to upload images of their items for repair or dyeing. Photos are tagged to pin a noteform to a specific area of the garment with an easy to organize requests.
- Save Items: Users can save selections to their profile for later or proceed with the service request.
- Integration and Data Handling: User inputs are stored securely via Airtable, and backend functionality ensures seamless form handling and photo uploads.
With an emphasis on personalization and creative control, the app empowers users to restore and transform their clothing with ease, making sustainable fashion accessible and stylish.
Project Overview
Key Features
Technical Architecture
1. Fronte:
1. Backend:
1. Styling:
