OGAT
•
One Garment At a Time
•
OGAT • One Garment At a Time •
For OGAT, a sustainable fashion brand, I designed and developed a bold, elegant showcase website using Framer. The site featured striking visuals, micro-animations, and scroll-triggered interactions for an engaging, immersive experience.
UX/UI designer
Role
February 2024 – May 2024
Time
Collaborators
Overview
For OGAT (One Garment at a Time), I worked with my team to create a bold and elegant showcase website using Framer, a no-code tool. Our primary goal was to deliver a visually captivating "wow" experience, filled with micro-animations and scroll-triggered interactions that significantly enhance user engagement. The site’s design reflects OGAT's innovative approach to sustainable fashion, ensuring a seamless and immersive browsing experience.
OGAT creates on-demand fashion collections for brands and creators, focusing on speed, sustainability, and customization. Using certified sustainable fabrics and eco-friendly printing techniques, they produce unique, one-of-a-kind pieces. Proudly made in Italy, OGAT offers a range of items like t-shirts, sweatshirts, pants, and dresses, enabling businesses to transform their fashion offerings sustainably.
Challenges & insights
The challenge was to create a visually stunning and highly interactive website that effectively communicated OGAT's bold aesthetic and commitment to sustainability. Through user research, competitor analysis, and gathering insights from stakeholders, we identified the need to emphasize both the brand’s sustainability values and the uniqueness of its on-demand fashion model. The target audience, consisting of fashion-conscious individuals and brands focused on sustainability, expected a seamless blend of style and innovation, which led us to focus heavily on immersive animations and engaging visuals.
Design & development process
The process began with user research and competitor analysis to gather insights on industry trends and identify ways to make OGAT’s digital presence stand out. Collaborating closely with stakeholders, we refined the concept to ensure it aligned with the brand's vision of boldness, elegance, and innovation in sustainable fashion.
After defining the core elements, we developed wireframes that structured the user journey, emphasizing the brand’s unique offering of Italian craftsmanship and sustainable practices. In the design phase, we focused on creating a sleek, modern aesthetic with bold typography and dynamic visuals, while integrating micro-animations and smooth scroll-triggered effects to keep users engaged. The storytelling aspect was crucial, guiding users through OGAT’s process of transforming businesses through customization and eco-friendly materials.
We used Framer to develop the site, capitalizing on its no-code features to implement the design with fluid animations and interactive components. This allowed for a high level of creativity without compromising on performance or accessibility.
Results & impact
The finished website achieved the desired "wow" factor with its dynamic animations and elegant design, providing an immersive experience that resonated with OGAT's audience. It effectively communicated the brand’s core values of sustainability and customization, capturing attention and increasing engagement with potential clients. The site aims to position OGAT as a leader in the on-demand printing fashion industry, contributing to both increased interest and awareness.
Final results
•
Final results •
Unfortunately, the showcase website is no longer accessible online due to a migration to a new platform for e-commerce integration. The website featured in this video was live for most of 2024.