Visual Design Portfolio Website project

Open full project

I spent around 3.5 months designing and developing my portfolio website using Figma and Framer. It later got nominated for Best Visual Design Portfolio 2025 by WD Awards, which made the effort even more rewarding.

Disclaimer: Best viewed on Google Chrome Browser on Desktop

Tools used

Framer

Figma

ChatGPT

Adobe Photoshop

Lottie

Topics

Web Design Animation Attention to Detail Atomic Design

Reviews

7 reviews

Hello Subham,

your portfolio looks very impressive and well-crafted. I really enjoyed how you present your experience and skills in a clear and professional way. The structure feels thoughtful, and the visual design demonstrates both creativity and strong technical expertise. Overall, a great job that reflects your talent and dedication!

Subham Saurabh

Mentor

Visual Designer 4 reviews

Thanks, Eirin! Loved your feedback I’m working on a lighter version with fewer effects, optimised to be easier on the system. Stay tuned

2 months ago

Congrats, your hard work over 3.5 months finally paid off!

I couldn’t browse it properly since it’s too heavy for my old laptop, lol, but I can say it’s a really cool site with its design principles applied well. If you ever build a minified version, let me know!

Anis

Pro

UX/UI Designer

I have a powerful laptop and yet it's still laggy, you should improve it Shubham its ruining all your effort. Other than this slowness issue the website is really nice.

3 months ago

Seth

Mentor

UX Engineer 300 reviews

Oh, so it isn't just me then? 😮‍💨 My experience with Framer/Webflow sites is they’re usually sluggish. They seem to need proper treatment to be more inclusive across device variants.

3 months ago

Subham Saurabh

Mentor

Visual Designer 4 reviews

Yes Anis, I’m also not sure how to fix this. I’ve already cut down all the fancy effects after multiple Google site analyses, and this is the lowest I could bring it to. Still, it doesn’t seem like it’s going to get resolved. That’s why I’ve started working on a 2nd version, lighter with better UX but without compromising on visuals Thanks a lot for your genuine feedback. It’s running fine on my laptop in Chrome, but unfortunately it’s lagging on other platforms :(

3 months ago

wow, what an experience! Great work!

Subham Saurabh

Mentor

Visual Designer 4 reviews

Thanks Quang! Soon I'll update it with more content and process behind the design and development. Stay Tuned ;)

3 months ago

Great job on your portfolio site. It is clear you invested real time and care into both design and development, and the WD Awards nomination is strong proof of its quality.

As a mentor, I’d suggest highlighting what design choices or interactions make your portfolio stand out. Sharing a bit about your process or challenges could inspire other designers who want to build their own.

Overall, it is a professional and polished showcase, and the recognition you received is well deserved.

Subham Saurabh

Mentor

Visual Designer 4 reviews

You have a really good point here! Sure, I'll update the post and describe my process and challenges ❤️

3 months ago

This is awesome! I really enjoyed the experience, and I have to echo previous feedback I’ve seen regarding the site’s performance. Improving this aspect: reducing the lag (I noticed it on a MacBook Pro using Chrome with high-speed internet), would make the experience even better.

That said, I want to highlight the level of detail and the immersion achieved through the transitions. They add a lot of value and make the experience feel engaging and well thought out.

I love it ! ❤️

This is so cool!

38 Claps

Average 4.2 by 9 people

5 claps

4 claps

3 claps

2 claps

1 claps

Review project and earn 100 XP

View all

Project

Popular Courses

Course

Design Composition

Gene Kamenez

Learn the fundamental principles of visual layout, balance, and structure to create compelling and effective design compositions that engage and intrigue users.

Advanced

4.7 (4.1k)

Course

HTML Foundations

Yan Sokalau

Learn the fundamentals of HTML, from basic formatting and structure to advanced elements and best practices, to create accessible and responsive web pages.

Intermediate

4.6 (2.7k)

Course

CSS Foundations

Yan Sokalau

Learn the basics of CSS, including the box model, element style, and content positioning, to improve communication, design handoff, and web decision-making.

Advanced

4.6 (2k)

<?xml version="1.0" encoding="utf-8"?>

Visual Design Portfolio Website

Tools used

Topics

Share

Reviews

You might also like

Florish Accessibility Signup Form

Notion - Accessibility Color System

Blip - Esport app design (Light & Dark UI)

Reimagining Asana's Color System

Customer Journey Map for a Co-Working Space

Latios - Free Portfolio Template for UX/UI Designers

Popular Courses

Design Composition

HTML Foundations

CSS Foundations