Enhance Your Portfolio: Master UI/UX Design with Practice Project

Enhance Your Portfolio: Master UI/UX Design with Practice ProjectEnhance Your Portfolio: Master UI/UX Design with Practice Project

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Abdul Ali Haqani

• Jul 9

Personal Portfolio Website – About Me Page (Practice Project)

This project is a recreation of an " Home " ,"About Me " and "Contact " a portfolio webpage created as a UI/UX design practice. The goal was to strengthen my skills in layout design, typography, spacing, visual hierarchy, and responsive interface design.

The page includes an introduction section, personal story, featured images, service highlights, testimonials, skills, software showcase, and a call-to-action, all organized to provide a clean and engaging user experience.

This project was completed for educational and portfolio purposes by following the design process demonstrated in the Evodio YouTube tutorial. While the original layout concept is inspired by the tutorial, the work presented reflects my own implementation and attention to detail in recreating the interface.

I made many tweak to the original epscially to the color slection that much better to the inviroment and purpose of the project.

Completed work

UX Design Web Design Envato Figma Framer envatochallenge UI Design

Dylan Siegel

pro

• Jul 9

Hey Abdul, make sure to post a tutorial or walkthrough video about your human input to be a valid submission and repost.

Abdul Ali Haqani

• Jul 24

I replicate the tutorial and bring some changes that would make match to requirements that I mentioned in my brief, couldn't it count for human input?

Edd Works

pro

• Nov 1

Exploring two different hero directions for a new project. Same message, two completely different visual approaches. Which one makes a stronger first impression?

A or B? Curious to hear your thoughts!

Framer Web Design UX Design

36 voted

90%

4 voted

10%

40 votes

Closed

Taimur Iqbal

• Nov 1

Both are strong. I lean towards the dark version, because the orange accent on the italic "guess." pops and the profile portrait gives it a more editorial, confident feel. The navy one reads a bit more corporate, which could suit a more conservative audience. Nice exploration!

Solomon Okeowo

pro

• Nov 1

Redesigned the ModaZ fashion e-commerce storefront with a clean, modern shopping experience focused on product discovery and brand presentation. The project included a refreshed homepage, curated product collections, new arrivals, best-selling sections, and responsive layouts. I also focused on improving navigation, product visibility, and the overall shopping journey to create a more engaging online store.

Have a fashion brand that needs a storefront upgrade? Let's talk.