Scribd
Upload
4 views2 pages

HTML CSS UIUX Practice Projects

Uploaded by

kennatlotly.n
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
4 views2 pages

HTML CSS UIUX Practice Projects

Uploaded by

kennatlotly.n
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

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

You might also like