01. Project Overview
The Project
This project involved the complete redesign and rebranding of a mechanical engineering consulting company's website. The client requested a modern, fully responsive website that would enhance their digital presence and better reflect their professional identity.
The Problem
The original MMS Technology website faced several usability, credibility and design issues.
The lack of clear content and hierarchy makes it hard for user navigation and user friendliness.
The design is outdated and lacks various fundamental UI principles.
The website fails to reflect the company’s professionalism and business values, resulting in low trust from potential clients.
The content itself is also outdated and does not convey the full extent of what the company offer.
The Goal
The primary goal of the redesign had various objectives:
Help MMS Technology attract new clients by presenting a more professional and trustworthy online presence.
The business needed a website that clearly communicated their services, showcased their expertise, and make it easy for potential clients to navigate the site and get in touch.
The new design also aimed to improve the actual content and its structure, enhance mobile responsiveness, and include credibility-building elements.
Additional Problem Research
Problem Statement
Potential clients are business users who visit MMS Technology’s website to quickly understand the company’s services, assess credibility, and make contact. However, they struggle to find key information due to poor navigation, lack of content, and an outdated interface design. These users are often accessing the site from their offices or on mobile devices during the workday. The absence of clear service breakdowns, trust-building content, and accessible contact options makes the site frustrating to use and causes them to lose confidence in the brand. As a result, MMS misses valuable opportunities to generate leads and establish credibility in a competitive industry.
Research Goals
1
Outdated visual design and lacking brand credibility.
2
No clear navigation or service breakdown.
3
Website not mobile-optimized.
4
No social proof, lack of case studies, or call-to-action (CTA).
5
Poor contact methods — just an email address with no form or working number.
02. Starting the Design
Wireframing
Sitemap
StyleGuide
03. Final Designs
Home Page
Old
Scroll
New
Scroll
Profesionalism & Credibility
Clear Value Proposition & Branding
Clear value proposition and business offerings along with a prominent CTA on the landing page, establishing credibility and professionalism up front.
Use of Social Proof & Case Studies
Client logos are grouped with more clarity, and featured projects include titles, tags, descriptions, and links to view more — increasing trust and demonstrating expertise.
Services Page
Old
Scroll
New
Scroll
Fully Responsive
Designed with responsiveness in mind, using modular components and scalable typography that ensures readability and usability across devices.
Contact Page
Old
Scroll
New
Scroll
Improved UI Design
Improved navigation bar and footer
Clean, well-structured footer with grouped links, branding, and contact info. Navbar is redesigned with prominent page states — improving navigation and professional feel.
Improved Accessibility
All text have an AAA colour conformance and all content is configured to work with screen readers.
Stronger Visual Hierarchy & Layout
Uses a strong grid system, ample white space, card layouts, and modern typography to create a clear hierarchy.
Modern, Consistent Visual Design
Uses a sleek, modern design with dark mode styling, vector line illustrations, consistent icons, and a professional color palette that aligns with an engineering/tech feel.
About Page
Old
Scroll
New
Scroll
Improved Content
Content Revision & SEO
The websites text content is redone and is broken into digestible parts with visual support. Along with this the websites html structure and content itself is optimized for the best possible search results.
Added content
Extra projects case studies, social proof, images, contact methods, workflow and services explanations is added.
Project Page
Old
Scroll
New
Scroll
Outcome & Key Takeaways
Client feedback:
Qualitative improvements:
The client reported increased confidence when sharing the website.
A lot of company staff gave very positive feedback.
Enhanced Brand Perception - users describe the site as “professional,” “modern,” and “trustworthy,” reflecting MMS’s technical expertise and elevating the company’s reputation among prospects.
My Takeaways:
Understanding the core of the business and their clients is of vital importance.
Clear content hierarchy and trust-building visuals matter just as much as aesthetics.