HTML, CSS & UI/UX Design Practice Projects
1. Personal Portfolio Website
- Skills Used: HTML, CSS, layout, responsive design, basic animations
- UI/UX Focus: Clear navigation, visual hierarchy, accessibility
- Practice Ideas: About, Projects, Contact form
2. Landing Page for a Product
- Skills Used: Hero section, pricing table, call-to-action buttons
- UI/UX Focus: Conversion-driven design, A/B test version mockups
- Practice Ideas: Fitness app, skincare brand, digital planner
3. Login and Registration Form
- Skills Used: Form structure, CSS styling, input focus/validation (front-end only)
- UI/UX Focus: Clear instructions, password visibility toggle, mobile layout
4. Responsive Blog Page
- Skills Used: Flexbox/Grid layout, typography, blog cards
- UI/UX Focus: Readability, intuitive categories/tags
5. Restaurant Website UI
- Skills Used: Menus, gallery, contact/reservation form
- UI/UX Focus: Visual appeal, food hierarchy, easy navigation
6. E-commerce Product Page
- Skills Used: Product grid, filters, responsive layout
- UI/UX Focus: Shopping flow, button design, cart preview
7. Dashboard UI Mockup
- Skills Used: Layout design in Figma or Adobe XD
- UI/UX Focus: Data visualization, icon consistency, color scheme
8. Mobile App UI for a Habit Tracker
- Skills Used: Wireframes and UI design in Figma
- UI/UX Focus: Usability, color-coded habits, minimalist icons
