Altron Website Design
Altron is a leading South African technology group providing integrated IT and digital solutions that help businesses and the public sector improve customer experiences.
Industry
Technology
My role
Timeline:
UI Designer
3 Months (2023-2024)
Project Overview
Problem Statement:
Altron partnered with MO Agency to consolidate multiple fragmented WordPress sites into a single, unified HubSpot CMS website. The goal was to merge the group’s divisions under one strong brand, simplify content management, and create a seamless user experience that reflects Altron’s modern digital identity.
The existing websites were outdated, inconsistent, and difficult to manage. Users struggled to find relevant information due to complex navigation, unclear messaging, and multiple disconnected brand sites. Internally, content updates were time-consuming and lacked governance or performance tracking.
Project Goal and Specific Objectives:
Brainstorming and wireframing
The Wireframes were provided by the designers of the MO Agency team. The process began with defining the mega menu structure, which became the foundation for the entire website architecture.
Three levels of service page templates were developed from high-level business units down to specific service offerings, ensuring a smooth and intuitive content flow. Early wireframes focused on structure and user flow, not aesthetics, to prioritise clarity and navigation.
View more projects
- Migrate multiple WordPress sites into one HubSpot CMS platform.
- Streamline the customer journey with intuitive navigation and consistent design.
- Build a scalable system to easily manage and update content.
- Improve SEO, analytics, and conversion tracking across the group.
- Strengthen brand unity and credibility through a cohesive visual identity.
Research method: Competitor Analysis
We analysed leading technology and SaaS websites including GE, Seismic, NTT, and Salesforce to identify UX and UI patterns that deliver clarity, engagement, and trust.
Key insights:
- Clear information hierarchy improves understanding.
- Service-focused structure simplifies complex offerings.
- Case studies and proof points enhance credibility.
- Personalized journeys increase conversion likelihood.
High-fidelity designs
The approved design system introduced a refreshed, modern visual identity aligned with Altron’s updated CI.
The homepage incorporated dynamic carousels showcasing key statistics and client logos, while internal pages followed a clean modular grid, consistent typography, and strong accessibility principles. Service pages featured interactive elements and clear CTAs designed to guide users toward relevant solutions.
User Research: Journey Map
The following journey illustrates the typical user flow for an IT decision-maker seeking digital transformation services.
Key stages: Awareness → Exploration → Evaluation → Engagement → Conversion
Impact and outcomes
- Enhanced user experience through a simplified structure and consistent design.
- Operational efficiency with unified content management and reduced maintenance.
- Improved SEO visibility and measurable campaign performance via HubSpot analytics.
- Brand cohesion: one group, one story, one experience.
Reflection
This project demonstrated the value of collaboration between strategic design and technical execution. By consolidating multiple websites into one scalable HubSpot CMS solution, Altron is positioned for sustainable digital growth, improved brand perception, and measurable marketing success.
Thanks for stopping by, Let’s connect
View more projects
Altron Website Design
Altron is a leading South African technology group providing integrated IT and digital solutions that help businesses and the public sector improve customer experiences.
Industry
Technology
My role
Timeline:
UI Designer
3 Months (2023-2024)
Project Overview
Problem Statement:
Project Goal and Specific Objectives:
Research Method: Competitor Analysis
Impact and outcomes
Reflection
High-fidelity designs
Brainstorming and wireframing
Altron partnered with MO Agency to consolidate multiple fragmented WordPress sites into a single, unified HubSpot CMS website. The goal was to merge the group’s divisions under one strong brand, simplify content management, and create a seamless user experience that reflects Altron’s modern digital identity.
The existing websites were outdated, inconsistent, and difficult to manage. Users struggled to find relevant information due to complex navigation, unclear messaging, and multiple disconnected brand sites. Internally, content updates were time-consuming and lacked governance or performance tracking.
- Migrate multiple WordPress sites into one HubSpot CMS platform.
- Streamline the customer journey with intuitive navigation and consistent design.
- Build a scalable system to easily manage and update content.
- Improve SEO, analytics, and conversion tracking across the group.
- Strengthen brand unity and credibility through a cohesive visual identity.
We analysed leading technology and SaaS websites including GE, Seismic, NTT, and Salesforce to identify UX and UI patterns that deliver clarity, engagement, and trust.
Key insights:
- Clear information hierarchy improves understanding.
- Service-focused structure simplifies complex offerings.
- Case studies and proof points enhance credibility.
- Personalized journeys increase conversion likelihood.
- Enhanced user experience through a simplified structure and consistent design.
- Operational efficiency with unified content management and reduced maintenance.
- Improved SEO visibility and measurable campaign performance via HubSpot analytics.
- Brand cohesion: one group, one story, one experience.
This project demonstrated the value of collaboration between strategic design and technical execution. By consolidating multiple websites into one scalable HubSpot CMS solution, Altron is positioned for sustainable digital growth, improved brand perception, and measurable marketing success.
The approved design system introduced a refreshed, modern visual identity aligned with Altron’s updated CI.
The homepage incorporated dynamic carousels showcasing key statistics and client logos, while internal pages followed a clean modular grid, consistent typography, and strong accessibility principles. Service pages featured interactive elements and clear CTAs designed to guide users toward relevant solutions.
The Wireframes were provided by the designers of the MO Agency team. The process began with defining the mega menu structure, which became the foundation for the entire website architecture.
Three levels of service page templates were developed from high-level business units down to specific service offerings, ensuring a smooth and intuitive content flow. Early wireframes focused on structure and user flow, not aesthetics, to prioritise clarity and navigation.
User Research: Journey Map
The following journey illustrates the typical user flow for an IT decision-maker seeking digital transformation services.
Key stages: Awareness → Exploration → Evaluation → Engagement → Conversion
View more projects
Altron Website Design
Altron is a leading South African technology group providing integrated IT and digital solutions that help businesses and the public sector improve customer experiences.
Industry
Technology
My role
Timeline:
UI Designer
3 Months (2023-2024)
Project Overview
Problem Statement:
Project Goal and Specific Objectives:
Research Method: Competitor Analysis
Impact and outcomes
Reflection
High-fidelity designs
Brainstorming and wireframing
User Research: Journey Map
Altron partnered with MO Agency to consolidate multiple fragmented WordPress sites into a single, unified HubSpot CMS website. The goal was to merge the group’s divisions under one strong brand, simplify content management, and create a seamless user experience that reflects Altron’s modern digital identity.
The existing websites were outdated, inconsistent, and difficult to manage. Users struggled to find relevant information due to complex navigation, unclear messaging, and multiple disconnected brand sites. Internally, content updates were time-consuming and lacked governance or performance tracking.
- Migrate multiple WordPress sites into one HubSpot CMS platform.
- Streamline the customer journey with intuitive navigation and consistent design.
- Build a scalable system to easily manage and update content.
- Improve SEO, analytics, and conversion tracking across the group.
- Strengthen brand unity and credibility through a cohesive visual identity.
We analysed leading technology and SaaS websites including GE, Seismic, NTT, and Salesforce to identify UX and UI patterns that deliver clarity, engagement, and trust.
Key insights:
- Clear information hierarchy improves understanding.
- Service-focused structure simplifies complex offerings.
- Case studies and proof points enhance credibility.
- Personalized journeys increase conversion likelihood.
The following journey illustrates the typical user flow for an IT decision-maker seeking digital transformation services.
Key stages: Awareness → Exploration → Evaluation → Engagement → Conversion
- Enhanced user experience through a simplified structure and consistent design.
- Operational efficiency with unified content management and reduced maintenance.
- Improved SEO visibility and measurable campaign performance via HubSpot analytics.
- Brand cohesion: one group, one story, one experience.
This project demonstrated the value of collaboration between strategic design and technical execution. By consolidating multiple websites into one scalable HubSpot CMS solution, Altron is positioned for sustainable digital growth, improved brand perception, and measurable marketing success.
The approved design system introduced a refreshed, modern visual identity aligned with Altron’s updated CI.
The homepage incorporated dynamic carousels showcasing key statistics and client logos, while internal pages followed a clean modular grid, consistent typography, and strong accessibility principles. Service pages featured interactive elements and clear CTAs designed to guide users toward relevant solutions.
The Wireframes were provided by the designers of the MO Agency team. The process began with defining the mega menu structure, which became the foundation for the entire website architecture.
Three levels of service page templates were developed from high-level business units down to specific service offerings, ensuring a smooth and intuitive content flow. Early wireframes focused on structure and user flow, not aesthetics, to prioritise clarity and navigation.
