Case Study
Akrivia Health
UCD • Branding
An overview
OrangeGrove approached me in a contractual capacity to collaborate on the new Wordpress site of the innovative dementia research organisation, Akrivia Health. Read on to see how I remotely collaborated with the OrangeGrove team to produce the bespoke mobile first UI for this innovative idea.
👨🏻💻 Role: UI Lead
💻 Platform: WordPress
👥 Team: 1 Dev, 1 Designer
👁 Vision: Mobile 1st Brochure
⏱ Delivery: 1 Month
💼 Agency: OrangeGrove
Defining the problem
OrangeGrove had carried out an extensive mobile first user centred design process and produced a set of signed off wireframes. It was now my responsibility to successfully design the user interface for the site. The key problems identified were; the brand didn’t yet have a set of online digital styles. An extensive range of bespoke, scalable illustration work was required, in keeping with the branding.
The challenges
The UI had to successfully translate across multiple platforms and the design assets needed to be handed over to a developer remotely for the build. In order to achieve this, I used a combination of Sketch and Invision to sync assets remotely for the development team to download, directly from the browser. This kept the process efficient and ensured that it was deliverable within deadline.
It was clear to me that I needed to establish a design system for the agency and brand in order to keep the process efficient, unified and watertight. Collaboration with the development team was essential to the resulting success of put this in place, giving agency and client an efficient platform to build and design sites from, going forward.
Vector illustration
The concept
After defining the design system for Akrivia health, which established a digital style guide for the brand, I was able to rapidly produce interface work across multiple platforms, with the design system as the central control point of all interface styles. This was then presented remotely via Invision for feedback and prototyped where necessary.
The illustration work had to convey some relatively complex subject matter in a simple and easy to understand format. To do this, we were able to define a style with the client quite early on in the process. This then allowed me to define that illustration style within the design system too. The illustrations were vector based, which meant that I could scale them from mobile to desktop and save them out as SVG assets for the development team to implement into the site during build.
Homepage concept
The results
The site intends to be launched in 2 phases. Since phase 1 launched, Akriva Health have enjoyed accelerated growth. The second stage of the site is to launch very shortly, with result tracking expected to commence in the months to follow. Both client and agency are confident in the continued success of the site.
What the client said
Louisa Dunbar
Owner & Creative Director at OrangeGrove
“It’s an absolute pleasure working with Joe, he makes the process incredibly simple and stress-free and I know we can rely on him for great insights and user-centred designs. His designs are modern and are able to capture the essence of the business whilst still being tailored to the end-user. He takes feedback well and implements it effectively – that’s if there is any feedback! He’s thorough in his approach and mindful of developers' requirements too making him an excellent all-rounder.”
Next project Beds Are Uzzz
