MJR TOM UX/UI re-design website – Case study
Client
Website
Mark Graatsma is Managing Director of Reason, an online marketing agency based in The Hague, the Netherlands. He approached Mr. Upside with the question if we could provide UX/UI website design. Reason mainly advises and assists its clients on a strategic and executive level. As on online marketing agency, they ensure more brand awareness, extra website traffic, more leads and sales.
Tools used
Sketch
Invision
Adobe Photoshop
Involvement
UX/UI Design
MJRTOM
They provided those services for MJR TOM. MJR TOM is known for its striking flagged backpacks at events, festivals and concerts. Founded in 1996, they have been a specialist in mobile catering services for more than 20 years. Mobile catering means extra service for the visitor of the event. And an increase in turnover for the client through an extra sales moment.
Due to extensions to Japan and Australia, MJR TOM now has international coverage.
The MJRTOM website was outdated and no longer met today’s wishes and requirements. Among other things, Reason has also offered MRTOM a website re-design.
Working within a limited budget
Limited budget
Website design is not the core business of Reason although it is part of the services they are offering. This was partly one of the reasons there was not much budget available for a Freelance Digital Designer like me.
Therefore we decided to design a very limited set of three website templates. And that Mr. Upside would deliver these templates only in a Desktop version. Reason has in-house website development available. And was able to quickly translate the supplied UX / UI design into a working responsive website.
Separating design processes ensures high quality webdesign
Wireframes / UX Design
Mr. Upside believes in separating thought processes. UX Design is really a different field today than Visual Design / UI Design. By separating these design processes, the end result will be of a much higher quality.
Michiel delivered a complete website for MJR TOM. With a wireframe for every page. Those wireframes made it clear which information belongs to a certain place in the customer journey.
Visual Design / UI Design
Without an extensive brand style guide
Then Mr. Upside briefly investigated for the right look and feel. At the time of design, MJR TOM did not have an extensive brand style guide available. After a selection by Reason, Mr. Upside designed three key templates. Based on the previously created wireframes and only Desktop versions.
