National Energy Installers

Revolutionizing User Experience for Renewable Energy

At National Energy Installers, I led the creation of a cohesive, data-driven UX strategy and scalable design system that redefined the digital experience for a solar energy company. Through cross-functional collaboration, I helped drive a 25% increase in user satisfaction and streamlined the design-development pipeline, resulting in faster, more consistent product iterations.

ROLE

Full-Stack Developer
Lead Product Designer
SEO Specialist

National Energy Installers

Revolutionizing User Experience for Renewable Energy

At National Energy Installers, I led the creation of a cohesive, data-driven UX strategy and scalable design system that redefined the digital experience for a solar energy company. Through cross-functional collaboration, I helped drive a 25% increase in user satisfaction and streamlined the design-development pipeline, resulting in faster, more consistent product iterations.

ROLE

Full-Stack Developer | Lead Product Designer | SEO Specialist

The Challenge: Aligning Vision Across Platforms

National Energy Installers faced inconsistent branding and user experience across its digital platforms, impacting both user engagement and internal workflow efficiency. With fragmented design elements, users experienced a lack of cohesion, which limited their trust in the brand and made it difficult to provide a seamless digital experience. Internally, this inconsistency slowed down development, as teams often needed to recreate or manually input data across different platforms.

Before

Click Image to View Full Version

After

Click Image to View Full Version

Crafting a Cohesive Experience from the Ground Up

I led the creation of a scalable, modular design system to unify National Energy Installers’ brand across all platforms. This design system covered typography, color palette, button styles, and responsive layouts, ensuring a consistent user experience. Through data-driven insights and user testing, the system was refined to meet the needs of both customers and internal teams.

  • 1

    Research & Discovery: Conducted user research and gathered cross-functional input to identify key pain points and branding inconsistencies.

  • 2

    Design System Development: Developed a modular design system in Figma with reusable components, covering typography, color palette, button styles, icons, and layout guidelines.

  • 3

    Cross-Functional Collaboration: Collaborated closely with engineering, marketing, and product teams to align the design system with technical requirements and brand goals.

  • 4

    User Testing & Iteration: Tested prototypes with real users and iterated based on feedback to ensure the system met user needs and improved satisfaction.

Building Blocks of a Brand-Driven Experience

NEI Brand Style Guide

Click Above to View Style Guide

  • Consistent Typography: Established a clear hierarchy with modern, readable fonts that reinforce the brand’s professionalism.

  • Flexible Color Palette: Developed a color palette that reflects the clean, sustainable values of the brand, with primary and secondary colors to create visual harmony.

  • Reusable Components: Created modular components (buttons, forms, icons) that can be quickly implemented across platforms, reducing design and development time.

Heading Typography
Roboto Medium

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

0123456789?!

Body Typography
Nunito sans Regular

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

0123456789?!

Buttons

Results & Impact: Elevating Engagement and Efficiency

This design system revolutionized National Energy Installers’ digital presence, transforming a fragmented user experience into a cohesive, visually compelling platform. The streamlined, user-centered design not only reinforced brand trust but also drove an impressive 300% increase in organic user engagement.

  • 300% increase in user engagement due to consistent, visually appealing design elements

  • 25% boost in user satisfaction, driven by a user-friendly and unified experience across platforms

  • 20% reduction in development time by providing reusable components and clear design guidelines

Insights & Evolution

What I Learned:
Creating a scalable design system requires both strategic thinking and close collaboration. This project reinforced the importance of aligning with cross-functional teams and continuously iterating based on user feedback to ensure that the design system not only meets user needs but also supports internal efficiency.

Future Applications:
This experience shaped my approach to future projects, emphasizing the value of modular design systems and the impact of user-centered strategies. I plan to apply these insights to build efficient, user-friendly systems in other industries, ensuring consistent and engaging digital experiences.

Explore More Projects