"Good design is not just about aesthetics—it's about creating meaningful experiences."
Welcome to my UI/UX Design Portfolio!
This repository showcases the interface designs and prototypes I created while learning Figma. Every project represents a step in my design journey—from simple authentication screens to complete mobile applications and responsive website interfaces.
Each design helped me explore typography, layout composition, spacing, color systems, visual hierarchy, component reuse, and user-centered design principles.
| Project | Description |
|---|---|
| 🌿 FloraCheck Mobile Application | AI-powered plant disease detection mobile application designed as part of my IEEE research project. |
| 👗 Fashion E-commerce Landing Page | Modern responsive shopping website with promotional banners, product sections, testimonials, and footer. |
| 💊 Wellness Onboarding UI | Complete onboarding experience including authentication, dashboard, and personalized health questionnaire. |
| 🍕 Food Ordering Menu UI | Restaurant application featuring category-based navigation and reusable product cards. |
| 👚 Fashion Authentication UI | Modern login and registration interface with social authentication. |
| 📱 Minimal Authentication Flow | Beginner mobile sign-up and login interface focusing on clean layouts and typography. |
UI-UX-Design-Portfolio
│
├── README.md
│
├── designs/
│ ├── flora-check-mobile-app/
│ ├── fashion-ecommerce-landing-page/
│ ├── wellness-onboarding-ui/
│ ├── food-ordering-menu-ui/
│ ├── fashion-store-authentication/
│ └── mobile-app-sign-up-flow/
│
├── assets/
- Authentication Screens
- Dashboard Design
- Bottom Navigation
- Multi-step Forms
- Profile Screens
- Camera Interface
- Image Gallery
- User Flow
- Landing Pages
- Hero Sections
- Navigation Bars
- Product Cards
- Grid Layouts
- Promotional Banners
- Testimonials
- Footer Design
- Typography
- Color Theory
- Visual Hierarchy
- Layout Composition
- White Space
- Alignment
- Consistency
- Accessibility Basics
- Components
- Auto Layout
- Interactive Prototypes
- Frames
- Constraints
- Variants
- Smart Animate
- Design Systems (Learning)
| Tool | Purpose |
|---|---|
| 🎨 Figma | UI Design & Prototyping |
| 📷 Unsplash | Images |
| 🎭 Freepik | Illustrations |
| 🔤 Google Fonts | Typography |
| 🎯 Material Icons | Icons |
| Project | Focus Area |
|---|---|
| 📱 Mobile Authentication | Typography & Forms |
| 👚 Fashion Authentication | Branding & Visual Design |
| 🍕 Restaurant UI | Navigation & Card Components |
| 💊 Wellness App | User Journey & Dashboard Design |
| 👗 Fashion Website | Responsive Web Design |
| 🌿 FloraCheck | Complete Product Design & Prototyping |
Every new project challenged me to apply the lessons learned from the previous one while exploring more advanced UI/UX concepts.
I believe that great design balances simplicity, usability, and visual appeal.
As I continue learning, my goal is to create interfaces that are not only aesthetically pleasing but also intuitive, accessible, and user-centered.
- Design Systems
- Auto Layout (Advanced)
- Responsive Design
- UX Research
- Accessibility
- Material Design 3
- Micro Interactions
- Interactive Components
These projects were created as part of my UI/UX learning journey using Figma.
Some designs were inspired by tutorials and design challenges, while others were independently designed to practice solving real-world interface problems.
If you enjoyed exploring these designs or found inspiration from them,
⭐ consider giving this repository a Star!
It motivates me to continue learning and building better user experiences.