I have worked as a creative leader for the past 18 years, and have built a unique and highly integrated creative skillset spanning advertising, digital, PR, social media and experiential.
Brand Development
Strategic knowledge of creating and distinguishing company's image, products and services from their competitors.
Digital Design
Highly skilled in visual communication and ability to present a product or service through a variety of digital interfaces.
UX/UI
Accomplished UX/UI designer, with a passion for making products or service usable, enjoyable, and accessible.
I remain focused on achieving and exceeding customer expectations with a focus on meeting client timescales and demand. I‘m also bursting with enthusiasm, creative ideas and flair!
Portfolio
I'm passionate about creating and implementing engaging design solutions across all types of media. Here's a few examples of my work...
iCompario
Comparison Site
Remit Group
Corporate Website
Brew+Press
Website Design
Scania
Apprenticeship Campaign
Remit Group
User Interface
Zeal
Packaging Design
Socket & See
Advertising Campaign
Urban8solutions
Identity & Web Design
Fourth & Youngest
Brand Development
Jonathan Wright
UX/UI Designer
Contact Me
Ready to start your next project with me? Please fill in the form below and I'll get back to you straight away.
Zeal
Packaging Design
I was given the challenge to create a new style of packaging for kitchen utensil manufacturer Zeal. My workload involved developing and presenting a number of packaging concepts, the design and development for a variety of cutters, each tailor made to compliment the desired product.
A new identity, icons, photography and text were also created to also help aid with the products sale.
Client: CKS
Category: Packaging and Graphic Design
Scania
Apprenticeship Campaign
OVERVIEW
Scania care about the road ahead and invest heavily in transforming their business. Their award-winning apprenticeship programmes is one of the best ways to have first class on-the-job training and earn a regular wage. In addition, they offer apprentices valuable experience of working with a renowned brand ready to become fully qualified experts in their field.
THE CHALLENGE
I was briefed with creating a digital campaign to promote apprenticeships at their automotive academy. I initially created a series of landing pages - one which featured information aimed at employers and another aimed at potential apprentices.
In addition, promotional videos were filmed and included on the landing pages and interactive social media posts were created to help promote the roles available.
Below shows a couple of spreads taken from a 16 page brochure I also designed. This contained detailed information about each of the apprenticeships available, advice on what to do and featured beautiful photography to help support the messaging and entice the end users.
Client: Scania
Category: Digital & Print
Urban8 Solutions
Identity & Web Design
After initially creating their identity and stationary, I was commissioned to design a responsive website to promote consultants urban8solutions. John and Bernie were delighted with the finished result and have since received a large amount of interest in their business.
Client: Urban8solutions CIC
Category: Identity and Web Design
Socket & See
Advertising Campaign.
For this project I was asked to create a new style of advertising for an electrical manufacturer. My brief was to entice a new, younger customer to their products. There was one other tiny little requirement thrown in too. My client didn't actually want to show any images of their products in the campaign.
After a few days of researching their competitors, target audience, etc, I created the illustration above, which is based on the idea of Sherlock Holmes - the company wanted to focus initially on their 'fault finding' equipment. I'm pleased to say they were delighted with the final solution.
Above shows another concept put forward. My clients had a particular interest for the work of street artist Shepard Fairey, and asked if I could create something similar to his style. I presented this piece to them but they decided on the Sherlock version.
Client: Socket and See
Category: Advertising
Dashboard
User Interface
Dashboard user interface created for internal CRM use
Client: Remit Group
Category: User Interface
iCompario
Comparison Website: Fuel Cards Division
OVERVIEW
First launched in 2018, iCompario was originally created as a UK fuel card comparison site where users could save money on their fuel costs by searching for the best cards and then apply for them. The company has since expanded its products and services, and has evolved into a larger business comparison site which now offers fuel cards, telematics, telecoms, insurance and most recently EV solutions. The site is now used globally, currently available in 16 countries.
THE CHALLENGE
The site had not been updated since it's initial launch and was looking very dated and lacked the ability to cater for todays business' requirements. The forms were long and tiresome and users were getting frustrated by the amount of information they needed to enter in order to receive their order. The graphics were old and in need of an update, and the information provided about the products and services needed new copy writing and better SEO.
My role was to improve the UX/UI of the site, and my goal was to improve conversion rates - initially on the fuel card sector. I began by doing some competitor analysis, and started collecting data to explore the types of customer iCompario was attracting, identifying any issues users were having via surveys and focus groups and finding out what could be done to improve things.
USER PERSONAS
After gathering my research I created a number of sector specific user personas to help identify what a typical end user looked like. These also helped us to look at additional products or services that could be cross sold when users took certain journeys throughout the site.
MOBILE FIRST
Research showed that 90% of iCompario's core audience was heavily steered towards mobile. I completely streamlined the mobile experience, reducing abandonment and increasing successful new user engagement. In addition, a number of concepts were designed to improve the navigation and high fidelity prototypes were created and tested.
WIREFRAMING AND USER FLOWS
Understanding the type of customer we were communicating with, and how they discovered us in the first place helped to better understand the UX flows. I used historical data from paid and organic search to design the most efficient path for users - What their touchpoints were, what they were thinking as they go through the customer acquisition journey, and what had traditionally helped them make their decision. How could we speed that up for them? A user focused experience was the mandate here. Learning to anticipate what a user is looking for was key in engagement.
CONDITIONAL LOGIC
Creating a new set of forms was one of the biggest challenges. I needed to find a way to reduce the length and time it took users to complete a form and to get those users to convert. Initially a lead gen form was created. A whole new set of questions were devised and conditional logic was introduced to make the experience a much better one, creating both horizontal and vertical versions to see which worked best.
TESTING
After development testing took place, initially on a 20/80, then 50/50 before finally using 100% where we noticed a massive uplift in conversion rates.
ASSET LIBRARIES
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
USER INTERFACE AND FINISHED RESULTS
Client: iCompario.com
Category: UX/UI
Molson Coors
Brew+Press Website.
OVERVIEW
Brew + Press are a hand-picked team of passionate beer and cider enthusiasts assembled to deliver amazing experiences to consumers. Including beer sommeliers and former cocktail bar managers, the Brew + Press team bring brands to life, through in-outlet activations and immersions.
The Brew + Press team share their love and respect for beer and cider by telling as many people as they can the fascinating stories and beguiling histories that sit behind each brand. Whether custom-built beaches, beer and food pairings or cocktail masterclasses, they create amazing experiences people will remember forever.
THE CHALLENGE
The brewing industry has traditionally been shy in educating people on the different styles and flavours of beer and cider. The average wine drinker can name a grape variety, or perhaps a region. The average beer drinker generally only knows whether they prefer lager, ale or stout. Sharing their love and respect for beer and cider with as many people as they can will hopefully change all that.
My role was to create an engaging UX and UI experience for Molson Coors responsive BREW+PRESS website. Once an initial age gate had been completed users can access the site and explore their portfolio of products, find information about events taking place, and what Molson Coors do as a company.
RESEARCH
After a number of meetings with internal stakeholders I discovered the purpose of the sites intentions. The brewing industry has traditionally been shy in educating people on the different styles and flavours of beer and cider. The average wine drinker can name a grape variety, or perhaps a region. The average beer drinker generally only knows whether they prefer lager, ale or stout. Sharing our love and respect for beer and cider with as many people as we can will change all that.
I wanted to keep the site looking nice and clean on both desktop and mobile versions, but still reflect the company branding. Above shows the mobile view of the full screen navigation, and a screenshot of their desktop version product page. The images below shows a detailed version of their product page in different screen versions.
Above shows some of the original design concepts I initially created using parallax scrolling and some simple, but effective page transitions to help make the user experience that little bit more visually interesting.
Client: Molson Coors
Category: Digital
Fourth & Youngest
Branding & Digital.
Identity, packaging and website designs for clothing brand Fourth & Youngest.
Client: Fourth & Youngest
Category: Brand & Digital
Remit Group
Corporate Website - UX/UI.
OVERVIEW
Remit are one of the UK’s top providers of government funded Apprenticeship programmes. Their recruitment and training solutions have helped thousands of businesses to find effective, affordable ways to keep profitable.
They specialise in supporting employers with managing both the apprenticeship levy and Government funded support, and deliver structured apprenticeship programmes to the automotive, IT, business, retail, hospitality, food manufacturing, care and management industries across the UK.
THE CHALLENGE
Upon its launch in 2018, there were significant problems with the original website. Users found it diffcult to complete simple tasks like finding the right apprenticeship programmes, applying for positions, or finding relevant information. In addition, bounce rates were high due to the length of forms that needed to be filled out.
DESIGN PROCESS
RESEARCH
I began by conducting a complete audit of the Remit website to explore the problems experienced by users. Overall, I found it unintuitive and diffcult to use. Simple tasks like finding an apprenticeship programme were overcomplicated and often misleading, forms were overly complicated and needed refining. It was clear the site required an overhauled user experience and design. I also analysed the sites of competitors, focussing on main issues like sign up flow, applying for programmes and navigation. My findings exposed gaps in the Remit website, which influenced my initial solutions.
TYPES OF USER
I surveyed existing end users to find out why they use Remit Training’s services. Based on the results, I identified three main user groups; school/college/uni leavers, business owners and those wanting a change in their career. Understanding the user’s motivations, as well as their problems with the existing site, helped me to identify opportunities and create user-centred designs.
Due to the large amount of content featured on the site, one of the main issues experienced by users was the diffculty of navigating around the site to find content relevant to them. I redesigned the flow to simplify this process, allowing users to easier find the content directly from the home screen.
WIREFRAMES
Based on the updated user flow, I began sketching out wireframes and created a simple prototype to test the navigation of the site.
DESIGN ITERATIONS
Once I’d tested and refined each flow, I designed the screens in XD and created a hi-fidelity prototype to test with a small focus group of end users. They were each given a list of tasks to complete, as I observed and asked questions to see how they got on. Unfortunately, due to tight deadlines, I wasn’t able to prototype the full app, which made it diffcult to test some features properly. However, it gave us some useful insights into which features customers prioritise, and I was able to iterate the designs based on these results.
The main reason existing customers use the app is to change or cancel an upcoming order, therefore I made it as easy as possible to manage this from the home screen. I also updated the visual design to reflect the fresh style of the brand.
Whilst collecting all of the research and content that needed to be featured on the site, I began sketching and planning out how I could see the site working. Above shows a number of wireframes created for the main pages of the site. From here I can then start to visualise how the user interface will look and feel, and gives me a better understanding of how the overall experience of the site will work best.
STYLE GUIDE
This interactive prototype demonstrates how users can manage their upcoming deliveries from the home screen.
FINAL DESIGNS
Below are a few examples of the original design concepts. Previously used stock imagery featured below was slowly replaced using their own brand style photography. This greatly helped give the company a much more personalised image.
