My Framer Site

Webpage Redesign for New Energy Company

Pursue a more unified and futuristic visual style.

This is a redesign challenge I did for a new energy company, which is a leading manufacturer of electrolyzers in the industry.

As a leading enterprise in the new energy sector, this company is pursuing a futuristic, forward-looking design style. I have redesigned their website to create a more unified, cohesive aesthetic that better aligns with the company's brand image and identity.

Below is a sneak peak.

What I did
Heuristic UI/UX redesign

Duration

2 days

Duration

2 days

Part 1 Heuristic Analysis

As I browsed through their webpage, I came across a few issues:

The hero section lacks clear messaging about the company's core business.
The overall webpage design lacks visual consistency, with the top and bottom halves feeling disconnected in their aesthetic approaches.
The color palette, especially the pairing of mint green and blue, does not feel cohesive or well-coordinated.

SECTION REVIEW : Webpage has a bit of an inconsistent visual style between the top and bottom halves.

Top half:
embraces a stronger futuristic aesthetic, centered around a refreshing mint green color palette

Button half:
takes on a more minimalist, streamlined approach, primarily utilizing a solid blue color scheme

COLOR REVIEW: Color palette contains more than one primary colors

Part 2 Moodboard collection

To align with the futuristic theme, I've found some dark-themed UI elements and materials featuring a lot of metal and technological components. I will be using these as references for the redesign.

Part 3 Web Redesign

Hero section
1. Replace introductory video with hero image and company core value to convey the company's core business in a way that's immediately clear to visitors
2. Unify size and color palette of partner logo, show partner list directly at hero section

Introduction section

Update design with more futuristic elements and emphasize the company's brand

Introduction section

Update design with more futuristic elements and emphasize the company's brand

Other sessions

Replace pure blue with mint green as primary color to keep style consistency across different sessions

Other sessions

Replace pure blue with mint green as primary color to keep style consistency across different sessions

Part 4 Research Plan

The main challenges of this project are time and user resources.

If possible, I would love to conduct more client research and gather their preference and understanding about their brand and further iterate on my design.

The main challenges of this project are time and user resources.

If possible, I would love to conduct more client research and gather their preference and understanding about their brand and further iterate on my design.

Next project

Intelligent Imaging Diagnostic Platform

Sneak Peak

Let's talk

Drop me a line

Let's talk

Drop me a line