Software and tools used: Figma, Illustrator, Zeroheight
__________
Design system:
__________
Background:
To create and maintain a design system that would set the tone for the brands direction company wide with the objective of ‘bringing clarity to a world of confusion’. Creating a simplified and less confusing process for helping the user to get an insurance quote quicker and simpler. To achieve this we also wanted to visually show a more simplified world and have that reflected in the stripped back and more minimal style of the overall brand style.
Every part of the brand needed a focus on improving user experience and a new visual style to meet this new objective. Everything from the product quote journeys to the marketing site as well as external and internal media communications and marketing assets such as emails was looked at.
As a team we needed a way of communicating these changes within the company but also a way for collaborators to contribute going forward.
__________
My responsibility:
Using Figma and collaborating with multiple teams research was conducted focusing on the user needs, accessibility and simplicity at the core and from there the basis of the design system formed. The process of finding what worked and didn’t work through testing helped to form the basis of our component styles and layouts.
Creating a library of assets within Figma. The library comprises of typography, colour, iconography, illustrations, UI components and form elements, loading sequences and more. All of this feeds into Confused.coms products and multiple touch-points, collaborating with product designers, developers and more to build out solutions. One central library allows for better continuity and efficiency across work flow with a simple change to a master component reflecting the change across all layouts that use an instance of that component.
Working closely with multiple teams and departments in the business, alongside developers and engineers we serve the needs for Confused.coms product platforms and marketing collateral designs and builds via regular sprints and meetings to make sure we are aligned and working to our goals.
__________
Result:
The design system has allowed not just the design and development team but the company as a whole to better understand our ways of working which in turn allows for better communication and collaboration amongst all parties.
The design system is ever improving and expanding platform by which we can all work by one source of truth, with a better focus on speed, quality and consistency across all our deliverables and all in one place. Ultimately we can design build and rollout deliverables at a much faster rate while keeping up the same quality
Zeroheight is the online platform we use to link assets from Figma as a way of showcasing the design system and allowing white labels, developers and third party access to all out our styles and code behind the components for use and implementation.
Storybook is where development house the coded elements and integrates well with Zeroheight via plugin integrations that allow users to see the component in isolation as a functioning piece.
Software and tools used: Figma, Illustrator, XD
__________
Product quote journeys:
__________
Background:
Re-design from the ground up the product journey line for Confused.com. Though research, testing and iteration enhancing the UI and UX with a strong emphasis on accessibility and validation. The user needs to get the best possible experience. They need to better understand what’s being asked in the quote process and where to find clarity in question sets that may not be so clear to them. All of this is required in an efficient manner to serve up the possible prices and ultimately save them time and money.
__________
My responsibility:
Working with product owners, Product designers, devs and content teams to focus on the improved layout of the quote process as well as the price result screens. This was done via regular sprints to work out the priority and estimation of the task as we focussed on a collective few stories at a time. I was tasked with creating and improving upon the UI of the whole process. Improving the UI based on best practice and accessibility before creating and testing prototypes of scenarios with users and iterating on valuable feedback.
The process is iterative and improvements are being made constantly as we test and learn, often new features are introduced as we listen to feedback and improvements to be made
__________
Result:
Conversion rate is over 2% higher on average with the new system since launch in late 2022 versus legacy platform.
Feedback suggest that people are in the most part are better at finding the information they need and understand the process versus the legacy platform.
Overall a better UX experience that many of the product journey lines now adhere to the same components and page layouts meaning a more consistent experience for the user as well as consistency with viewing across multiple devices.
Client: MiSmile
Agency: Rally Agency
__________
Software used: Sketch, Photoshop, Illustrator
__________
Visit:
__________
Background:
MiSmile is a network that comprises of over 60 Independent dental practice members which offer Invisalign treatment to their patients. Invisalign is a clear, comfortable, removable treatment and an alternative to traditional wire braces.
__________
My responsibility:
To give the website a refresh to better help with engagement and appeal within the targeted 25-40 year old market. Making it more aspirational by using the MiSmile and Invisalign brand guidelines, colours and image assets. By using such colours and image assets it help to show vibrancy in the visual side of things and also the benefit of using the aligners makes you feel confident in any activity or situation you find yourself in.
Client: Invisalign
Agency: Rally Agency
__________
Software used: Sketch/XD, Photoshop, Illustrator
__________
Visit:
__________
Background:
A microsite platform which registered practitioners can use to get the latest information, news, reviews as well as advise on anything Invisalign. Registered practitioners also get tailored emails based on their level within the Invisalign programme which notify them of interesting things going on in the industry such as events training practitioner news.
__________
My responsibility:
To re-design the Invisalign Experience platform, updating the look and feel to the new brand guidelines and also the UX side of the journey, making it easier for practitioners to use and navigate through and engage with as well as designing the template emails which get updated and rolled out on a frequent basis.
Beer label designs by De La Hop Brewery
Client: Personal project
Software used: Adobe Fresco, Photoshop, Illustrator
A personal project to create beer label designs based on themes under the name of a fictitious beer brewery called 'De La Hop'.
The beer can design labels that feature on this page are 'Lost Spirits Pale Ale' and Devil Pit Session IPA.
Clients: De La Hop logo, Opportunity DAO logo, Skyward logo
__________
Software used: Illustrator, Photoshop, Fresco app
__________
A combination of paid commissions and self initiated logo designs.
De la Hop logo
A fictitious brewery logo I created as a passion piece with the idea of it being the main brewery where it will feature on future beer label designs.
Opportunity Dao
https://opportunitydao.com/
A charitable money lending site based in the USA approached me through a contact at another company I was producing some design assets for.
Skyward Digital
https://skyward.digital/
A UK based SAAS company approached me when setting up their business and required a logo which would sell their lofty expectations.
Client: Invisalign
Agency: Rally Agency
__________
Software used: Sketch, Photoshop, Illustrator, After Effects, Adobe Premiere
__________
Background:
The Invisalign Mentoring Programme is a learning based platform containing training module videos with the aim of keeping Orthodontists at the forefront of the orthodontic industry and Invisalign technology.
__________
My responsibility:
To create storyboards for each of the training videos there are 6 training modules in total. After the storyboards were approved by the team it was a case of building out the scenes in Photoshop then importing into After Effects to create the animated sequences. Once done in After Effects they were brought into Adobe Premiere to create the training video sequences before exporting.
The videos were then provided to the Invisalign team to upload to their training system and used in assisted training to Invisalign practitioners.
Client: Personal project
Software used: Adobe XD, Photoshop, Illustrator
A personal project that I created on the back of doing a course in UI/UX using Adobe XD. Showing some of my learnings and designing a website and ordering process for a fictitious online furniture store.
Client: MiSmile/Invisalign
Agency: Rally Agency
__________
Software used: Photoshop, After Effects, Adobe Premiere
__________
Background:
MiSmile uses Facebook and Instagram channels to help promote and market Invisalign treatment to followers and potential customers alike focusing on the benefits of choosing Invisalign and how it fits in with your lifestyle.
The creative is updated with fresh copy and relevant imagery on a regular basis and in order to keep content fresh and engagement high. In addition to this I would experiment with different transitions and visual effects.
My responsibility:
Creating and producing the social videos in After Effects using Invisalign branded assets and stock assets, sourcing audio and using sites like Motion Array to work with new animation techniques and video effects.
Client: Dentally
Agency: Rally Agency
__________
Software used: Sketch, Photoshop, Illustrator
__________
Visit:
__________
Background:
Cloud based software designed to help dentists streamline, back-up and safely secure their data in a quick and easy way from anywhere. The brief was to re-design the the website and make it more dynamic and engaging through use of illustration and iconography. The old website was very content heavy and over complicated, so it was about stripping back the heavy copy sections and making it simpler for users and adding visual elements to help bring out some of the sections.
__________
My responsibility:
To create a series of bespoke icons and illustrations to be implemented into the Dentally website to support and compliment various sections throughout the website. These were concepts that I originated using pastel shades of Dentally’s brand colours.
Client: SAFE Orthodontics
Agency: Rally Agency
__________
Software used: Sketch, After Effects, Premiere, Photoshop, Illustrator
__________
Visit:
https://www.safeorthodontics.com/
__________
Background:
This is a learning platform where dentists are able to access learning content in the form of video modules which are broken further down into lessons with the aim of helping practitioners gain further knowledge in Orthodontics so they can then assess and carry out orthodontics safely on their patients.
My responsibility:
To work alongside the creative head on the the creation of the platform visuals and storyboarding the video lessons. I was also responsible for taking the storyboards and producing 8 video modules in After Effects and translating them into various languages for the European market.
Client: Unity Trust
Freelance work
__________
Software used: Sketch/XD, Photoshop, Illustrator
__________
Background:
Unity Trust is the bank that helps organisations to prosper and contribute to economic, community and social change with the aim of creating a better society.
__________
My responsibility:
To come up with a design concept for Unity Trust’s banking website, banking app and chat bot for pitch.
Client: Nationwide
Software used: Photoshop, illustrator
__________
Whilst contracting as part of the Nationwide Internal Creative Agency I was responsible for designing and creating a variety of digital content that included: Digital Display Banners, Homepage hero image assets, Nationwide's ATM screen visuals and Social media content.
