Roni Wear
App & Website
A fashion e-commerce experience built for two screens
Roni Wear is a streetwear brand targeting a young, trend-conscious audience. The project involved designing both a native iOS shopping app and a fully-responsive website — two distinct platforms with a single unified brand language.
The goal was to make shopping feel effortless: fast browsing, clean product presentation, and a loyalty system that keeps customers coming back.
Designed for iOS — clean, fast, intuitive
The mobile app covers the full shopping journey: onboarding, product discovery by category, cart management, and a personalised profile with loyalty rewards. Every screen was built with thumb-friendly navigation and minimal cognitive load.
Login · Home · Profile · Registration screens
Icon design & App Store presence
The app icon uses a bold geometric grid to construct the "R" mark — a system that communicates precision and modernity. The App Store listing was designed to match, reinforcing brand trust before the first tap.
- Icon grid system built in Figma
- High-contrast black & white palette
- App Store metadata and visual design
- Home screen mockup for portfolio presentation
Roni Club — three-tier digital loyalty cards
One of the standout features is the Roni Club rewards program. Users earn bonus AZN with every purchase, progressing through Bronze, Silver, and Gold tiers. Each card was designed to feel premium and collectible.
- Bronze, Silver, Gold card hierarchy
- Real-time bonus balance display
- Integrated into the profile screen
- Bottom navigation component system
A complete flow — every state, every screen
From product listing and category browsing to the empty cart state and push notification design — the full screen library ensures a consistent experience across every touchpoint in the app.
Complete screen library — product detail, categories, cart, search & more
The web experience — same brand, bigger canvas
The Roni Wear website extends the mobile experience to a full desktop layout. A full-bleed hero image sets the mood, followed by a curated product grid, a "style builder" section, and a live chat prompt — all within a clean, editorial aesthetic.
Homepage — hero, product grid, style builder, footer
About Us · Contact Us
One brand, two platforms, zero compromise
The final product delivers a cohesive identity across iOS and web. A shared design system — typography, color tokens, component library — keeps both platforms visually aligned while respecting the interaction patterns native to each.
The modular approach to components made developer handoff clear and efficient, and the loyalty system adds a retention layer that rewards long-term customers.
See it in the real world
The website and mobile app are both live — explore them yourself.