In 2024, ChargePoint's homepage had become outdated and no longer aligned with the company's shift to a software-first focus. Tasked directly by the CEO, I led the design and development of a modern, responsive site to reflect this transformation.
UX/UI Design / Design Systems / Front-end Development / Interactive Animations
Before & After
Brief
ChargePoint's homepage had remained unchanged for over five years, becoming outdated in both design and messaging. With the company shifting to a software-first focus, the CEO set an ambitious one-week deadline for the redesign to align with the earnings call, aiming to showcase innovation and reassure investors.
My Role
As the lead UI designer and front-end developer, I led the complete redesign of the homepage and the “Why ChargePoint” page under tight constraints. My dual role enabled rapid iteration and alignment across teams. This approach was critical in overcoming challenges and delivering modern, impactful pages on time.
Highlights
Challenges
1-Week Deadline
Tasked by the CEO to redesign and develop two key pages within an aggressive one-week timeframe.
Brand Integrity
Modernizing the flagship pages while strictly adhering to established brand guidelines.
Stakeholder Alignment
Coordinating simultaneous approvals and feedback from multiple teams and leadership.
Global Accessibility
Ensuring designs were effective and compliant across 15 different locales and languages.
Approach
Leveraged Design System
Utilized the design system I built to rapidly prototype and develop, ensuring consistency and efficiency.
Concurrent Workflows
Streamlined processes by running design approvals and development in parallel, allowing for immediate iterations.
Interactive Enhancements
Implemented interactive components, a compelling hero video, and UI animations using Lottie and After Effects.
Global Accessibility Focus
Designed with 15 locales in mind, ensuring accessibility and compliance across different languages and regions.
Takeaways
Collaborating with Brand
Working closely with brand and marketing helped me find a shared language that connected the company's identity with a usable interface.
Navigating Tight Deadlines
A one-week turnaround pushed me to focus on essentials, make decisions quickly, and trust my judgment.
Leveraging a Design System
Relying on a solid design system let me move fast, remain consistent, and ensure every detail felt deliberate.
Making Complexity Accessible
Video, animations, and hover effects turned complicated concepts into something users could grasp at a glance.
Designing for Global Audiences
Adapting for 15 locales reminded me that truly inclusive design requires thinking beyond a single language or culture.
Balancing Business & User Needs
Aligning investor priorities with user goals confirmed that effective design can support growth and still serve those who use it.