HomElectrical

Selected Work

A full redesign of an electrical-supply e-commerce site — taking a dated, cluttered storefront to a clean, modern, trustworthy shopping experience, from wireframes through final UI.

The Challenge

HomElectrical sells 25,000+ products but the existing site looked dated and unprofessional — cluttered layouts and inconsistent styling that undercut trust in a high-volume wholesale business.

My Role

Sole designer, in-house. I owned the full redesign end to end — information architecture, wireframes, visual system, and final UI across every key page of the shopping journey.

Approach

I started in low-fidelity wireframes to fix structure and flow first — search, product, cart, checkout — then layered on a clean, modern visual system once the bones were right.

The Result

A consistent, modern storefront with a clear hierarchy and a streamlined path from search to checkout — a site that finally looks as established as the business behind it.

HomElectrical color palette: orange, cream, navy, and blues — **Foundation**A refreshed logo treatment and a focused palette — energetic orange against trustworthy navy — set the tone for a brand that feels both approachable and established.

HomElectrical homepage wireframe — **Wireframe → Final**Structure first, style second. The homepage went from a low-fidelity layout — focused purely on hierarchy and flow — to a polished, on-brand final design.

HomElectrical homepage final design — **Wireframe → Final**Structure first, style second. The homepage went from a low-fidelity layout — focused purely on hierarchy and flow — to a polished, on-brand final design.

Search results wireframe — **The Flow — Wireframes**The full purchase journey, designed in low-fidelity first: search results, product detail, cart, and a multi-step checkout.

Product page wireframe — **The Flow — Wireframes**The full purchase journey, designed in low-fidelity first: search results, product detail, cart, and a multi-step checkout.

HomElectrical 404 page final design — **Final UI**The finished visual system applied across the site — including the details that are easy to skip, like a friendly 404 and a clear, scannable order-policy page.

HomElectrical order policy page final design — **Final UI**The finished visual system applied across the site — including the details that are easy to skip, like a friendly 404 and a clear, scannable order-policy page.

In MotionWalkthroughs of key flows — login, category browsing, and the product page — showing the redesign in use.