Lumimix came to BarkWeb with a dual-edged brief to firstly move their website away from Wordpress with a new, bespoke skin for the design and better search engine optimisation and secondly to phase in a powerful scheduling tool that uses both calendar and ecommerce functionality so that users can check availability of products, book and pay deposits online.
Lumimix has been using a Wordpress template for around a year and had reached the limitations of what they could do within the restrictions of this setup. They’re SEO was not particularly effective and the site was performing below the level the business was aspiring to. The brief was to move the design forward using bold colours and an elegant, simple layout that made it easy for users to journey through the website, and encourage them to convert into leads. We achieved this brief by porting the website onto our newest platform, Jolojo, and deploying the site with a fresh new design that reflected the most up to date UX principles.
Our design process
As with most design projects, we started the Lumimix design by specifying the website requirements, for example, what pages are required, what are the key pieces of content that need to be shouted about, where will the CTAs most effectively be used? Once the project is specified and we’ve a clear idea of what needs to be delivered we move into concepting. Our designer, Hayden, uses Adobe XD to create interactive mockups and concepts for each layout including desktop, tablet and mobile. Once a concept is selected, we move forward into designing the pages of the website and fine tuning colours, fonts, imagery and content areas. Using Adobe XD throughout the design, enabled us to provide clickable mockups to Lumimx, so the user journeys are fully and simply understood. The whole process took around 2 weeks for the Lumimix design project to be completed and approved.
Next step, development!
Lumimix was developed using our newest platform, our headless CMS platform called Jolojo.
Jolojo comes with all the normal Content Management Tools out of the box, so our task was to build a new website for Lumimix on the Go language back-end triggered by the front end code built in the vue.js framework.
The bespoke design was then turned into a mobile responsive template using SCSS and the templating system built into Jolojo. Once the development and the design were consistent, we tested the system using our range of devices at BarkWeb HQ as well as using online tools for W3C compliance and Page Speed. We then share the development site with Lumimix who approve the development to go live and replace their old Wordpress site.
Once the site was launched it was received exceedingly well by Google and started taking increased bookings within a week.
We will be continuously improving the system, monitoring the site for organic search engine rankings and are currently undertaking a round of SEO and promotion to make sure that the site delivers good results for the business, generating an improved ROI from the old Wordpress site, and enables Lumimix to grow in 2019 and beyond.