Home

Projects

About

Resume

I’m Minh. I help shape ideas into products.

7+

Products launched

200K+

Users reached

40%

Boost in task completion

3

Design systems built

I’m Minh. I help shape ideas into products.

Minh Nguyen

Digital Product Designer

2+ years of experience

VPI Website Redesign

Redesigning VPI’s website to improve navigation, usability, and brand authority.

ROLE

UX/UI Product Designer

TIMELINE

July 2025

MY LANE

Information architecture, wireframing, prototyping, visual design

CONTEXT

The Vietnam Petroleum Institute’s (VPI) original website lacked visual hierarchy, clear navigation, and a modern interface to match its leading role in national energy knowledge. My goal was to redesign the site to create a professional, trustworthy, and user-friendly digital presence.

Tablet showing Bloomy UI

PROBLEMS

The original website (view here) suffered from several UX and UI issues:

Outdated visual design with poor readability.

Information was scattered and difficult to access.

The site did not reflect VPI’s innovation and national leadership in energy.

ROLE

UX/UI Product Designer

TIMELINE

July 2025

MY LANE

Information architecture, wireframing, prototyping, visual design

CONTEXT

The Vietnam Petroleum Institute’s (VPI) original website lacked visual hierarchy, clear navigation, and a modern interface to match its leading role in national energy knowledge. My goal was to redesign the site to create a professional, trustworthy, and user-friendly digital presence.

Tablet showing Bloomy UI

PROBLEMS

The original website (view here) suffered from several UX and UI issues:

Outdated visual design with poor readability.

Information was scattered and difficult to access.

The site did not reflect VPI’s innovation and national leadership in energy.

Design Process

Research & Audit

Tablet showing Bloomy UI

I reviewed the original site structure, analyzed usability gaps, and identified key improvement areas:

Users wanted faster access to products, services, and news.

The design needed to better reflect VPI’s innovation and credibility.

Clearer navigation and stronger visuals would increase trust and engagement.

Wireframing & Layout

Laptop showing Bloomy UI

I created a clean card-based layout prioritizing navigation (Products, Services, News, About).

Prototype in Figma

Laptop showing Bloomy UI

I built a clickable prototype highlighting intuitive flows and how refreshed content hierarchy.

Final Look

Tablet showing Bloomy UI

Key improvements:

Make urgency real, ethical

Personalize the message, not just the hero

Use imagery as information

Turn failure states into insight + value

Outcome

The redesign transforms VPI’s website into a modern, professional platform that communicates authority and trust. The new structure improves user navigation, enhances brand image, and better supports VPI’s mission of leading national energy knowledge.