MXB Agency
An MXB Agency Project
Timeline28 weeks
Services
- UX Research
- UI/UX Design
- Art Direction
- Project Management
MXB is an award winning creative digital marketing agency based in Belfast, with 30+ years of expertise in design, strategy, and brand growth. Since joining MXB in 2019, there have been several attempts at re-vamping the agency website. My goal was to design and develop an elevated user experience through research and collaboration that better encapsulates the agency’s culture and capabilities.
Research ✎
The discovery phase of this project involved workshopping with the wider team to identify key problems with the current website. We carried out a UX audit to understand the pain points and areas of improvement in the live experience of the site. As we figured out the pain points, the next step in the process was to decide the mood and expectations for the website. Once we aligned on these sentiments, I began looking at the landscape of competitors to find commonalities amongst user expectations. This inspiration helped to inform our information hierarchy.
Ideation ⌲
The early stage of creating the website involved the preparation of the framework; this included creating a site plan, layout, navigation design, placement of page links, and a call to action. After all those rounds of discussion, I began to sketch out wireframes. I worked on the layout & orientation of the overall composition of each webpage. This helped to solidify the user flow and journey for the website, giving us a skeleton to build upon. These sketches came to life, from pen and paper to high fidelity wireframes. From there, we created a style-scape with the aim of aligning on use of typography, colour and other UI elements.
Visual Language ✎
Having completed an update to the look and feel of our internal and client facing communications at the end of 2023, my goal was to extend this treatment to our web presence. As Golden Krishna said in his recent book, the most successful UI is the least UI possible. The minimal UI that gets out of the user’s way and that’s grounded in core, low-level design goals is the most successful.
Design⌁Prototype
Building a high fidelity prototype on Adobe XD allowed the wider team to really get a sense of how the final developed site would feel. During this phase we worked on changes iteratively, as a collective. We worked on the copy, fleshing out our case studies, communicating our service offerings and agency culture.
Our developer, David Moen, then began to build out the site, learning a new language, React, along the way.
Result ✌︎
My hope with this project, is that the newly launched site serves a better experience for all users. Whether it’s a current client, a potential client, a job seeker, or perhaps, one of my colleagues who is proud to say they work at MXB. This is most certainly my biggest web project to date when in terms of research, design and content creation but would haven’t been possible without the constant support of my team members. Sincere thanks to Karen Carmichael and Barry McCabe for trusting me with this one. ✌︎