Customers can find easy to make homemade meals including healthy snacks and treats. Directly from the detail pages, you can select the ingredients you need and seamlessly order them directly through the app for either collection or delivery. This is all linked via an account of your favourite participating third-party grocery vender(s). If there is more than one vendor listed it will compare prices for the cheapest option. This process can be set up after creating a free account through sign up.
The logo uses the Alfa Slab One font. I wanted a contemporary look with an extreme colour density. Something bold to emphasis the name Grubbo and read clear on light and dark backgrounds.
This is followed by the cheeky tagline “You hungry?” supported by the one time use of Satisfy.
Montserrat being one of my San favourites was an easy choice to support headers and body copy variants appearing on the app.
Light pastel shades with Burnt Brown used as a variant for the Grubbo logo and outlines for all the illustrations. Custard Yellow is used primarily for the on-boarding screens and Secondary buttons while Mint Green supports the Primary buttons.
All delicious food photography is supplied by the amazing people at https://unsplash.com/. Additional contrast edits were made to deepen the pictures.
Sketch, Photoshop, Illustrator.
Barclays Smart Business
Create a platform for small/medium size businesses that can simplify the everyday running of the company by providing smart data to help with performance and have a greater understanding into how customers are interacting with your product(s).
The tool had to be intuitive and pleasant to use, not a chore. Easy to set up and customisable to suit the way you like to work. Also flexible enough to accommodate a multitude of trade requirements for capturing data.
Design a Smart Business Dashboard that saves time and effort with a snapshot overview of the information you need to help manage areas of your business all in one place. The insight tiles can be in the form of an infographic, graph, article or other textual data. Clicking though would take you to detail pages for more granular information.
With the addition of app integration you can see your money-in and money-out next to available funds, profitability and other banking information. Set up financial goals to track overall company performance which can be customised appearing as recurring and non-recurring insights.
There are also relevant articles tailored to the business, with support information. Tips and guides from the bank and social community to help boost company performance in areas that may fall short.
Estates Gazette (EGI) Commercial Property
Create clean, responsive, intuitive, functional user interfaces that are data heavy and map based. Uplift existing pages using company branding.
Update and add to the existing styles with limited guidance, including new components, buttons, icons etc. Making sure complex components worked correctly across the break points
Looking at the overall behaviour, and structure of the site to see what areas needed improving or replacing. Much of the responsive element wasn’t working too well so this had to be rethought from the bottom up. Mobile first.
I modified some of the layout so it was more readable and clearer. Easier to scan. Maps and charts are all interactive so these were also adjusted to feel more intuitive. They also had to accommodate various amounts of data. At the early stages, prototypes were created to make sure the pages worked as intended and easier for the developers to build/replicate.
BT - Support
Design a new online support platform to help customers self-diagnose technical issues with their BT products.
Come up with a solution to help reduce physical call volumes to BT’s support centres that were becoming unmanageable. Also design a batch of new and old device illustrations to support the journeys.
We created a set of intuitive online tools for customers to self diagnose technical problems. This support would cover areas of Broadband, Home Phone and Mobile devices, TV Boxes, Engineer callouts and Deliveries.
The diagnostic flow worked via a 3 step concertina type structure. Each section broken down with clear step by step instructions moving to the next once completed. Account checks for verification, Diagnostics to begin the process then finally the Result page. Working alongside with the backend development team, making sure the new designs were supported was key, as this would sit on a new system.
Copy was also a very important component of these journeys. Because they can have variable outcomes, the tool had to be smart and flexible enough to support different users inquiry. Keeping copy to a minimum, reducing jargon and overload. Lots of white space and clean pages. Good use of iconography and accessibility.
Barclays - Premier Banking
My BT App
iOs and Android
Bring the app inline with the new brand.
With the new branding, old pages were uplifted with all new ones created including iconography that were added to the set. The end-to-end journey was also reimagined to accommodate new and existing flows to feel more cohesive and improve accessibility.
BT - Promo, Sales and Charity
Based on the new Ducati speedster, design bespoke imagery for a Brochure to be used as part of a presentation.
The speedster imagery was supplied by Ducati themselves but I choose which ones would be used showing the bike at different angles to work for my pages. The original bike was blue but I changed it as I wanted red accents instead to matched the logo.
The reds would also complement the showroom/studio backdrop setting designed from the ground up simulating spotlights along the wall and floor bringing it all together.
I made the cover page, a table of contents and the back cover. Each allowing enough room for text to be inserted if required.
A personal piece I designed for some merch printing.
Sentinel - “a soldier or guard whose job is to stand and keep watch”