website
/SunPower
SUNPOWER.COM RESKIN
TIME
1 week
ROLE
UI design
SEC.
/OVERVIEW
INTROduction
SunPower plans to introduce a refreshed website that embodies a contemporary aesthetic. I participated in the creative brainstorming process and crafted three pages for the revamped SunPower.com. Moreover, I reimagined the hero section and form, incorporating them into the new design scheme.
SCOPE
01.
Develop a new adaptable web interface for builder and dealer pages.
02.
Work jointly with the PM and the primary product designer on this project to establish a consistent experience on the new website.
CHALLENGES
The challenge involved reimagining the builder and dealer pages using new established design elements, ensuring the new look aligned with the overall design language.
solution
01.
Modular Design Approach
Break down the user page into modular components that can be reskinned individually while maintaining alignment with the existing design system. This allows for creativity in specific areas without disrupting the overall cohesion.
02.
Enhanced Visual Hierarchy
Improve the visual hierarchy by adjusting the size, placement, and emphasis of key elements, like buttons, headings, and forms. This approach utilizes existing components but rearranges or restyles them to create a more intuitive and aesthetically pleasing layout.
/define
understanding
Initiating a dialogue with the PM and crew, I grasped the objectives set for the revamped SunPower.com, along with understanding my role in its fruition. Following an investigation into the existing site, I came across a number of issues.
problems
01.
Without a distinct visual structure, our website may fail to communicate our message effectively, appearing lackluster or antiquated, possibly damaging the corporate brand reputation and diminishing visitors’ confidence.
02.
Large amount of reading paragraphs, it's challenging for users to comprehend the information
03.
Redundant form leads to perplexity; the dissemination of facts is oddly arranged, characterized by a noticeable lack of lucidity.
/FINAL components
builder page
link to the LIVE PAGE
before
after
FORM
logo grid
Card
dealer page
link to the LIVE PAGE
before
after
FORM
Selling point
/plan
look into the future
Starting with meeting with PM and the team, I learned about the the goal for new SunPower.com
learnings
01.
Without a distinct visual structure, our website may fail to communicate our message effectively, appearing lackluster or antiquated, possibly damaging the corporate brand reputation and diminishing visitors’ confidence.
02.
Large amount of reading paragraphs, it's challenging for users to comprehend the information
03.
Redundant form leads to perplexity; the dissemination of facts is oddly arranged, characterized by a noticeable lack of lucidity.
