MCD Services
One Page Website & Digital Repositioning
- role
- Web Designer
- year
- 2022
- focus
- One Page Website · Web Design · UX / UI
deliverables
- One-page website design
- Brand repositioning
- Contact integration
- WordPress build
- Scalable foundation
A one-page website translating a new brand identity into a digital presence — signalling transformation, credibility, and future ambition as the first phase of a broader digital roadmap.
challenge
Communicate a clear shift in positioning through a one-page format, balancing clarity, brevity and impact while building a foundation for future scalability.
approach
Strategic positioning through design with a renewed visual presence, concise content structuring, and a clear vertical journey leading to a contact CTA.
outcome
A modern, credible digital foundation that clearly communicates the new brand direction and positions MCD Services for future growth.
01 Overview
MCD Services is a company specialised in diesel systems and automotive technology, recognised for its commitment to quality, advanced diagnostics, and personalised service.
Following a brand redesign developed internally, this project focused on translating that new identity into a digital presence through the design of a one-page website that signals transformation, credibility, and future ambition. This is the first phase of a broader roadmap, with the next step being the development of a full website with e-commerce capabilities.
02 The Challenge
The main challenge was to communicate a clear shift in positioning. The website needed to reflect the new brand identity and visual language, signal an ongoing digital transformation, communicate services in a simple and direct format, and build a foundation for a future scalable platform. Additionally, the one-page format required balancing clarity, brevity and impact.
- Reflect a new brand identity and visual language
- Signal an ongoing digital transformation
- Clearly communicate services in a simple and direct format
- Build a foundation for a future scalable platform
03 The Approach
Strategic Positioning Through Design
The one-page was designed not just as a website, but as a statement of change. Emphasis was placed on a renewed and modern visual presence, with clear messaging around expertise and technology, and reinforcement of credibility through brand associations such as Bosch Car Service. The goal was to immediately communicate that this is a company evolving and investing in its future.
Content Structuring
Given the one-page format, content needed to be concise and well-structured. Sections were designed to cover the brand introduction and positioning, an overview of services and expertise, highlights of technology and partnerships, and a contact form for enquiries. This structure ensures users can quickly understand who MCD Services is, what they do, and how to get in touch.
UX & Wireframing
Wireframes were developed to support a clear vertical journey. Key considerations included a strong opening section to establish positioning, a logical flow between sections, clear CTA placement, and a smooth scrolling experience. The result is a journey that feels direct, intuitive and purposeful.
UI Design & Visual Direction
The visual direction builds on the newly defined brand identity. Design principles followed a clean and modern layout with balanced use of whitespace for clarity, visual emphasis on key sections and CTAs, and integration of Bosch Car Service branding as a trust signal. The interface reflects technical expertise with a contemporary edge.
04 Accessibility & Usability
The experience was designed with accessibility and usability in mind throughout. Clear typographic hierarchy with readable contrast across sections, simple and intuitive navigation, an optimised scrolling experience, and a contact form designed for ease of use — ensuring a smooth experience for all users.
- Clear typographic hierarchy
- Readable contrast across sections
- Simple and intuitive navigation
- Optimised scrolling experience
- Contact form designed for ease of use
05 Technology
The one-page website was built in WordPress using Elementor, allowing for fast deployment and iteration, easy content updates, and a scalable base for future expansion.
Stack: WordPress · Elementor
- Fast deployment and iteration
- Easy content updates
- Scalable base for future expansion
06 Brand & Visual System
The website reflects the newly redesigned brand with a strong, technical and professional tone, modernised visual language, and clear alignment between offline and digital presence.
- Visual Identity — Technical, professional and modernised brand expression.
- Color Palette — Clean base palette with strategic brand colours for emphasis.
- Typography — Clean, functional type system optimised for readability.
07 The Outcome
The one-page successfully establishes a new digital foundation for MCD Services. This first phase positions the brand for future growth and digital expansion.
- Clear communication of the new brand direction
- Improved perception of modernity and professionalism
- Structured and easy-to-navigate experience
- Solid base for the upcoming full website and e-commerce platform
08 Next Steps
Phase 2 will focus on:
- Full website expansion
- Development of an e-commerce experience
- Deeper service exploration and content
- Enhanced digital capabilities
09 Key Takeaways
- One-page websites can be powerful when focused on clarity and intent
- Design can effectively communicate business transformation
- Even early phases should be built with future scalability in mind
next project