Enhancing corporate website usability.
This project involved a comprehensive website redesign to modernize visual communication and streamline the user experience for a global customer base. The final platform delivers an accessible, engaging interface that effectively showcases technical capabilities to drive international business growth.
Role
Protoyping, Interaction design, Layout design
Timeline
2 months
Team
NDA
Tools
Wordpress, Figma,
Adobe illustrator
Here is a brief project breakdown to quickly skim
Quick Overview
What did I do?
Executed a full website redesign and information overhaul informed by industry insights from a global partner.
Why was it done?
To modernize the brand and more effectively communicate technical capabilities to both domestic and international markets.
What impact did it have?
Created a more accessible, professional platform that directly supports the company’s growth and global outreach goals.
What did I learn?
Gained experience in transitioning a figma concept prototype design into a live website using wordpress.
Project Goals
1
Align Electric Motor Shop’s online presence with the needs of high-tech customers and potential customers.
2
Showcase core service capabilities and experience in motor and pumps.
3
Enhance User Experience & Site Navigation
Problem
Despite offering valuable services and products, the Electric Motor Shop website presents several user experience challenges, including outdated visual design, limited mobile responsiveness, and unclear navigation, which hinder users from efficiently finding information, understanding services, and initiating contact, ultimately impacting user trust and business growth opportunities.
Design Solution
Final Design Highlights
-
Responsive across Desktop, Mobile, and Tablet
-
In page navigation and Footer quick nav links.
-
Industry offerings are grouped into Industrial, Municipal, and Processing
-
Service and capabilities focused Landing page
-
Easy navigation to “Contact Us” through contact sections across the website and a dedicated page.
-
Cohesive language across all industry-specific offerings and service capabilities.
-
Clear showcase of capabilities and CTA’s on each page.
Market Research
Market research to better understand the motor industry and UI/UX practices in both B2B and B2C industrial services, providing insights into industry language, content structure, and competitor analysis in the electric motor market.
Clearwater Inc.
-
Direct competitor to Electric Motor Shop
-
Offer clear division of types of industries served ie. Municipal, Industrial offerings
-
Clear CTA’s but navigation is not user friendly
WEG
-
Describe company capabilities and technical support services clearly
-
Uses a mix of video and icons to introduce service offerings in an engaging way.
-
Service-related content reinforces engineering credibility
Wolong Electric
-
Clean, minimal approach to service descriptions, often paired with visual diagrams
-
Site structure highlights solutions by sector, a strategy considered for EMS’s layout
Wilo
-
Clean Naviagation top navigation
-
Cohesive language
-
Offers downloadable brochures
-
Customizable and user friendly functions
Pain Points
Old Website
-
Outdated, repetitive, and inconsistent info
-
Confusing and messy navigation
-
No showcase of equipment or capabilities
-
No clear calls to actions
-
Missing information and blank pages
-
Limited visual or information hierarchy
-
Request a quote disappears when user scrolls
Ideation- UI Inspiration
Development
Mid- Fi Wirweframes
Icon Designs
Future Opportunities
1
E-commerce Integration
An E-commerce store could be added to the New Products page. This would give customers the ability to purchase products directly online without having to call.
2
Service booking portal
Implementing an online scheduling system for service appointments, field service consultations, or repairs in the future could help streamline customer interactions, increase efficiency. and ability to quickly service more high tech customers.
Final Design Impact
Performance Optimization
Improved site architecture to handle increased engagement from domestic and international markets.
Modernized Visibility
Transformed the company's digital presence to align with modern industry standards, enhancing searchability and outreach.
Strategic Growth
Built a scalable platform designed to capture and convert traffic from global partners and new regional prospects.
