Visual Tour of Diora's Key Features and User Interfaces
Explore what makes Diora the ultimate fashion platform
A visual tour of Diora's key features and user interfaces for fashion enthusiasts, shoppers, and retailers. This showcase demonstrates the platform's capabilities across different user types and use cases.
Navigation & Getting Started
| Login | Sign Up |
|---|---|
 |
 |
| Fig 1.1: Login Screen | Fig 1.2: Sign Up Screen |
Secure user access:
- Email/password authentication
- Account recovery options
Social Features
| Home Feed | Explore Page 1 | Explore Page 2 |
|---|---|---|
 |
 |
 |
| Fig 2.1: Home Feed | Fig 2.2: Explore Page 1 | Fig 2.3: Explore Page 2 |
The main Feed tab where users discover fashion inspiration:
- Scroll through a curated feed of outfit posts from followed users and trending content
- Like and comment on posts that inspire them
- Follow users whose style they admire
- Get real-time updates from followed accounts
| Post Creation Screen 1 | Post Creation Screen 2 |
|---|---|
 |
 |
| Fig 2.4: Post Creation Screen 1 | Fig 2.5: Post Creation Screen 2 |
Users can share their fashion choices with the community:
- Upload outfit photos from camera or gallery
- Add detailed captions with styling tips and hashtags
| Individual Post View | Comments Section | Liked Post |
|---|---|---|
 |
 |
 |
| Fig 2.6: Individual Post View | Fig 2.7: Comments Section | Fig 2.8: Liked Post |
Detailed post viewing and interaction:
- Complete caption and styling details
- Nested comment system with threading
- User mentions and hashtag linking
- Report inappropriate content options
User Profiles & Social Networking
| User Profile | Other User Profile | Profile Edit Screen |
|---|---|---|
 |
 |
 |
| Fig 3.1: User Profile | Fig 3.2: Other User Profile | Fig 3.3: Profile Edit Screen |
Personal style showcases and user information:
- Display user's posted outfits in a grid layout
- Show follower and following statistics
- Personal bio and style preferences
- Follow/unfollow functionality
- Direct messaging access
Find and connect with fashion enthusiasts:
- Search users by username
- Filter by location, style categories, and activity
- Trending users based on engagement metrics
- Follow suggestions based on interests
E-Commerce & Shopping
| Product Catalog |
|---|
 |
| Fig 4.1: Product Catalog |
Browse and discover fashion products:
- Curated fashion products from verified retailers
- Filter by categories, price, and popularity
- Search products by name or brand
- Add items to wishlist for later consideration
| Product Page | ||
|---|---|---|
 |
 |
 |
| Fig 4.2: Product Page 1 | Fig 4.3: Product Page 2 | Fig 4.4: Product Page 3 |
Comprehensive product information:
- High-quality product images
- Detailed descriptions and specifications
- Size and color selection options
- Customer reviews and ratings
- Add to cart and wishlist functionality
| Shopping Cart | Checkout Page | Stripe Payment Gateway |
|---|---|---|
 |
 |
 |
| Fig 4.5: Shopping Cart | Fig 4.6: Checkout Page | Fig 4.7: Stripe Payment Gateway |
Streamlined purchasing experience:
- Review selected items with quantity adjustment
- Secure address and payment information entry
- Multiple payment methods such as credit card via Stripe, Bkash and Cash on Delivery
- Order confirmation with tracking details
| Order History Screen | Order Details |
|---|---|
 |
 |
| Fig 4.8: Order History Screen | Fig 4.9: Order Details |
Complete order lifecycle management:
- Order history with filtering for processed, shipped, and delivered orders
- Detailed order information and receipts
- Order Cancellation and return options
Shop Owner Features
| Shop Dashboard | Shop Profile | Shop Order List |
|---|---|---|
 |
 |
 |
| Fig 5.1: Shop Dashboard | Fig 5.2: Shop Profile | Fig 5.3: Shop Order List |
| Shop Promotion Request Modal |
|---|
 |
| Fig 5.4: Shop Promotion Request Modal |
| Product Creation Screen 1 | Product Creation Screen 2 |
|---|---|
 |
 |
| Fig 5.5: Product Creation Screen 1 | Fig 5.6: Product Creation Screen 2 |
Comprehensive tools for fashion retailers:
- Create and manage branded shop profiles
- Upload and organize product catalogs
- Track sales analytics and performance metrics
- Manage orders and inventory
- Communicate directly with customers
Real-Time Messaging
| Conversation List | Chat Interface |
|---|---|
 |
 |
| Fig 6.1: Conversation List | Fig 6.2: Chat Interface |
Instant messaging capabilities throughout the platform:
- Direct messaging between users
- Group conversations for style discussions
- Message reactions and media sharing
- Push notifications for immediate updates
Administrative Panel
| Admin Analytics | Admin Profile |
|---|---|
 |
 |
| Fig 7.1: Admin Analytics | Fig 7.2: Admin Profile |
| User Monitoring | Post Monitoring | Product Monitoring |
|---|---|---|
 |
 |
 |
| Fig 7.3: User Monitoring | Fig 7.4: Post Monitoring | Fig 7.5: Product Monitoring |
| Admin Report Management | Report Detail 1 | Report Detail 2 |
|---|---|---|
 |
 |
 |
| Fig 7.6: Admin Report Management | Fig 7.7: Report Detail 1 | Fig 7.8: Report Detail 2 |
Platform management tools for administrators:
- Real-time platform statistics and user growth metrics
- User management (search, suspend, ban, warn users)
- Content moderation system (hide/show posts and products)
- Shop promotion request approval workflow
- System health monitoring and performance metrics
Search & Discovery
| Explore Interface |
|---|
 |
| Fig 8.1: Explore Interface |
Powerful Explore tab for search and discovery capabilities:
- Unified search across users, posts, and products
- Real-time search suggestions and autocomplete
- Advanced filters by category, location, and price
- Trending posts and popular fashion content
- Shop directory with ratings and reviews
Notifications & Activity Feed
| Notifications List | Notification Settings |
|---|---|
 |
 |
| Fig 9.1: Notifications List | Fig 9.2: Notification Preference Setting |
Stay updated with platform activity:
- Real-time push notifications via Firebase
- In-app notification center with activity history
- Customizable notification preferences and settings
Additional Features
| Home Feed Dark Mode |
|---|
 |
| Fig 10.1: Home Feed Dark Mode |
Accessibility and personalization:
- Complete dark theme implementation
- Consistent visual hierarchy in both themes
- Reduced eye strain for low-light usage
- User preference storage and automatic switching
| Wishlist Screen |
|---|
 |
| Fig 10.2: Wishlist Screen |
Save items for future consideration:
- Bookmark icon to save products from anywhere in the app
- Organized wishlist with product details
- Quick add to cart from wishlist
| Settings Screen |
|---|
 |
| Fig 10.3: Settings Screen |
App settings and preferences:
- Account settings and privacy options
- Notification preferences
- Theme selection (light/dark mode)
- Language and region settings
- Help and support access
Diora represents a comprehensive fashion technology platform that seamlessly integrates:
Social Fashion Community:
- Content creation and sharing
- User profiles and social networking
- Real-time messaging and collaboration
- Content discovery and trending
- Community moderation and safety
E-Commerce Platform:
- Product catalog and inventory management
- Secure checkout and payment processing
- Order fulfillment and tracking
- Shop management and analytics
- Customer service and support
This showcase demonstrates Diora's comprehensive approach to combining social fashion sharing with practical shopping solutions, creating a complete ecosystem for fashion enthusiasts and retailers alike.