mc.labucca

A&M Electric Contractors Inc. Website


Project Hero Image

Duration

1 Month (Jan - Feb 2025)

Industry

Electrical Contracting and Services

Role

Frontend Developer & Visual Designer

Tools Used

HTML, CSS, and JavaScript

Overview

A&M Electrical Contractors Inc. is a Raleigh, NC-based electrical contracting company offering commercial and industrial services across project management, engineering, and deployment. This project involved building their website from the ground up, giving them a proper online home that reflects who they are and what they do.

My role covered the overall visual direction of the site, taking into account the client's preferences and their company branding. This included designing graphic content like the footer, optimizing logos and images used throughout the site, and co-developing the frontend.

Web Design Frontend Development Graphic Design Image Optimization Electrical Contracting B2B

Problem

A&M came with a straightforward but critical challenge — they simply didn't exist online.

  • No website, no online presence, and no way for potential clients to find them.
  • Anyone searching for electrical contractors in their area wouldn't come across A&M at all.
  • There was nowhere for people to learn about the company, browse their services, or see their past work.
  • For a business where trust and first impressions carry a lot of weight, that invisibility was holding them back.

Solution

We built A&M a website that finally put them on the map both visually and digitally.

  • Designed and developed a full website from scratch, giving visitors everything they'd want to know: who A&M is, what they offer, their past projects, their team, and how to reach them.
  • Made visual and layout decisions directly in code while applying best UX practices, shaping the look and feel of the site as it was being built.
  • Took ownership of the overall visual direction, making sure the site felt like a true reflection of their brand.
  • Created a custom footer and optimized all logos and images to keep the look sharp and consistent throughout.
  • Co-led the frontend build, turning the designs into a responsive, fully functional site that works smoothly on any device.

Visual Showcase

See how the site came together

Design Process Step 1 Design Process Step 1 Design Process Step 1 Design Process Step 1 Design Process Step 1 Design Process Step 1

Conclusion

This project gave A&M a real digital presence, a place where potential clients can learn about them, explore their services, and get in touch. It's a solid foundation to build on as the business grows.

It also introduced me to the practice of image optimization, and I quickly saw how much of an impact it has on site performance. It's something I now bring to every project.

100%

Client Satisfaction

5

Total Pages Built

100/100

Best Practice Upon Initial Deployment

Must-See Projects

A curated selection of my top projects.

Iram II Elementary School - Student Transcript and Academic Records System
Apr - Jun 2025
Project Manager Lead Designer

Iram II Elementary School - Student Transcript and Academic Records System

Directed design and development of a desktop system for a local public elementary school, improving access to 200+ student records and replacing manual processes.

View Project
Planate Management Group Support Center
Apr - Nov 2025
Interaction & Visual Designer Frontend Developer

Planate Management Group Support Center

Led overall UX design and supported frontend development for an in-house ticketing system of Planate Management Group, streamlining support requests across 500+ employees.

View Project
Lunas Talaan Mobile Application
Dec 2024
Project Manager UI/UX Designer

Lunas Talaan Mobile Application

Designed and led the development of Lunas Talaan, a medication reminder app helping users manage their medications, reaching 1,000+ installs across APKPure and Amazon Appstore.

View Project

Let's Work Together

Whether you need design, development perspective, project management, or someone who can do a little bit of everything—let's talk.

Get In Touch

Have a project in mind or just want to chat? Feel free to reach out. I'm always open to discussing new opportunities and collaborations.

0 / 1000 characters