Armature Electric

Armature Electric

Armature Electric

Description

Armature Electric Ltd. is a major electro-mechanical service provider and distributor based in Burnaby, BC.

This project focused on rethinking an existing website and infusing it with more energy – without unnecessary complexity. The primary goal was to create a modern, clear, and highly readable experience while maintaining a simple, well-structured layout, and more importantly, being responsive.

Client

Armature Electric

Year

2025

Category

Responisve UX/UI

Tools

Adobe XD, Illustrator, Photoshop, WordPress, HTML/CSS

Problem

The old website felt outdated and cluttered, with an unclear structure. The overall design lacked focus, hierarchy, and a sense of premium quality, making it hard for users to know where to go next.

Also, the old website was likely not fully responsive, making it difficult for users to view it on mobile devices.

Solution

I led the end-to-end redesign of Armature Electric’s web presence, transforming an outdated, text-heavy site into a high-converting, responsive platform.

First, I started making improvements to their Information Architecture to make it easy for users to navigate and find what they are looking for.

I streamlined the navigation and implemented a modern visual hierarchy that emphasizes lead generation. The result is a professional, accessible experience that reinforces their position as British Columbia’s premier motor repair experts.

The Process

Research & Discovery

Research & Discovery

  • Define the Problem

  • Compatitor Analysis

  • Understand Strenghts & Weaknesses

01

01

Ideate

Ideate

  • Define Objectives & Goals such as Improving User Experience (UX)

  • Information Architecture (IA)

  • Define Objectives & Goals such as Improving
    User Experience (UX)

  • Information Architecture (IA)

02

02

Design

Design

  • Lo-Fi & Hi-Fi Wireframe

  • Prototype

  • Visual Design

03

03

User Testing

User Testing

04

04

Information
Architecture (IA)

Wireframes

Low-fidelity wireframes used to define layout, hierarchy, and key interactions early in the design process.

Contact

Ready to bring your vision to life or just want to chat? Reach out, and let's create something memorable together.

I'm here to listen, collaborate, and craft design solutions that resonate.

mhssyoung@gmail.com

Email Copied