A website that speaks the company language

Maglabs, a company specializing in bespoke marketing technology, aimed to establish a distinctive and consistent identity. They sought to refresh their brand identity for greater cohesion. Upon initial assessment, it became evident that while they had a logo, its application varied in terms of layout and colors. Furthermore, their current website did not convey the intended tone; instead of resembling a technology-focused site, it gave the impression of a health services company. Clarifying their core offerings was challenging at first glance.

The Start - Looking at the existing site

As I began gathering information, it became clear that documents and presentations were crafted independently by various departments. Upon review, it was evident that these pieces lacked cohesion in design, appearing disjointed when viewed together. The website presented even more complex challenges, with a jumble of fonts, colors, and layouts contributing to a confusing user experience. Additionally, understanding the company's structure and offerings proved challenging during the information-gathering process. Some employees perceived the Maglabs team as a product due to its organization by product lines. However, in reality, the company has three distinct products already developed, with a versatile team capable of creating customized solutions. Furthermore, there is a sister company, Maglabs Digital, specializing in website design and development.

The toughest part was trying to give the whole website a fresh new look, considering it's a big site with loads of pages. But here's the kicker: the company didn't want to spend too much time on the rebuild.

Finding issues to create solutions

One of the key UX issues I uncovered was the lack of clarity regarding the products and services offered on the website. To address this, I implemented a clear statement outlining their offerings right after the main title on the homepage. My goal was to ensure that all visitors could easily understand what Maglabs does. I applied the 3-30-3 rule: defining Maglabs within the first 3 seconds, and elaborating on how they organize their services and teams within the following 30 seconds.

"A good rule of thumb for a website is the 3-30-3 rule."

3-30-3 rule: You have three seconds to make a first impression. If they stay for three seconds, you have thirty seconds to give them what they came to the site for. If your visitor stays on your site for 3 minutes or more, they are more likely to share your content with others and become a valued customer.

A wide range of clients

During my information-gathering process, I found that Maglabs' prospects were incredibly diverse, ranging from startups to global corporations, each with varying levels of understanding of marketing or technology. At times, these prospects included employees under pressure to present budgetary proposals in boardroom meetings, seeking bespoke solutions for complex issues.

Recognizing that some users might not have a clear understanding of their specific needs or wants, I focused on identifying their primary characteristics or roles. From there, I tailored offers to address their potential needs. I developed dedicated pages for each user type, outlining all relevant products and services that could pique their interest.

My objective was to ensure that the offer was crystal clear, especially for users uncertain about which solution would best suit their needs.

Reality-based design

In my final decision-making process, I opted against imposing a completely new workflow, recognizing that achieving this solely through a website overhaul was unfeasible. Instead, I chose to honor their existing work approach while enhancing it through thoughtful design. Given that various departments contributed content to the website regularly, and considering the need to streamline the site's creation process, I developed a straightforward design system with clear guidelines for all pages. My aim was to ensure that anyone tasked with creating a new page in the future would feel empowered by a structured system and straightforward rules to follow.

Going live and post live stages.

Most of the site has been implemented and can be reached at maglabs.net maglabs.net We are currently in the planning stages for implementing and deploying a blog-type section in the coming months. This section is designed to foster trust and keep users informed about our latest news and updates. It is specifically tailored to cater to a different set of users who visit the site, including stakeholders and job applicants. These users depend on the site to provide them with valuable and up-to-date information, which helps in establishing domain authority and credibility.