Whats in a card.png

Design Examples

I put together this page to showcase some of the work I have done in recent years. All of these are real projects. I don’t have many samples of great UI (for the sake of), as I often don’t have/spend enough time working on specific portfolio items, well in recent years at least. Think of all of the below as conversation starters, so soak up and ask me anything!


PriceCheck Redesign (2021)

Sitting in Bootleggers (a coffee shop turned co-working space - not officially) following my usual morning routine - sending emails, doing some project work, and checking who came into the “office” that day, I saw, sat in front of me, the founder of Pricecheck (he wasn’t the owner when I was working there, but soon after I had left, he bought it back). Anyway, I walked over, introduced myself, told him I had written and was most proud of a case study about how I was part of the team that “broke” Pricecheck, and asked him to read it. He did, immediately and I have been working with him since on his path to continue rebuilding the platform.

The case study: How we broke an e-commerce giant!

 

Pricecheck Redesign: Mobile screens

I commissioned Jared for a project to rethink our UX and redesign our site in a minimalist, performant, user-friendly way. He spent time doing research and really understanding our needs...
— Kevin Tucker
 
 

 

Quick App for a Network Provider (2021)

I was hired and given 2 weeks (in reality this was 6 working days) to deliver a ready for development app based on a concept living in my client’s head. I spent most of my time understanding - a) the apps intended users, where-when-how they would interact with such an app; b) the business case including business goals for the project, and my client’s expectations given I had 6 days and very little guidance.

It was fun, the client loved it and I was referred to an even bigger client thereafter, so. I would say it was successful.

 

Screen collage

Discovery

  • Requirement gathering

    • Business case

    • Project goals

    • Product concept

    • Gamification rules

    • Why an app?

    • What do we understand about the audience?

  • Understanding my users

    • Who are they?

    • When-where-how will they interact with this app?

    • How does the content of this app fit into their lives currently?

    • Identifying any blockers that may slow adoption (I highlighted a few obvious ones).

Design

  • Product concept sketches

  • Content map

  • IA

  • User flows

  • Low fidelity wireframes

  • Hi-fidelity comps (including revisions)

 

 

Promota MVP (2021)

In 2021 I was approached by the founder of Promota. He had gone a little bit further than a concept on this one, he had sold a vision and had potential buyers of the artifacts generated by the platform, the one he needed to be built. He started with the Marketing page which I thought was to create some form of credibility while the rest sat in development.

When he first came to me (referred through a friend of mine, living, working, and growing in London), he had a developer creating the bare bones for a backend that would power the app. To build the app, he’d received quotes from development houses that went all the way up to 200k (ZAR). After a few sessions with him, I identified that he was already on to version one of the product, so I pitched him - on his MVP.

I recognized early on that even though he (the business) was interested in the platform, his paying audience was interested in the outcome. So that’s what I pitched - a solution that would mimic the app, exactly (if not better) in the way he envisioned it, with logical flows, requiring minimal effort by the user (different from the initial concept), with an even more powerful means to capture and handoff the money-making part…

The original app was to be built over the course of a few months to a year. I finished in 3 weeks.

To build the Promota MVP, I used the following tools:

 

Promota MVP: Artist Landing Page

 

 

PartnerPage Agency Landing Page Redesign (2020)

I was hired as PartnerPage’s first designer, so after making my acquaintance with the rest of the team, figuring out how things worked internally (product and communication), I started to lay the foundation for a culture of design for us as an organisation, and only then myself and my Product Manager set out to speak to a bunch of our clients - to get the scoop!

Besides the meet & greet which is obviously useful for a new product team, we were also out to identify what would become, and how we’d prioritise our roadmap. Among other things it turned out that users loved our product (says everyone) and they had ideas for which features would make it more attractive to them, but what was more important and brought up in most of the first 10 calls with clients, was the amount of time they spent in-app doing very simple things that when added up took a lot of their time.

We figured out 1) adding a few extra elements representing functions already present in the app, 2) better use of the screen real estate, and 3) removing an extra click (of course) could drastically minimise the time they spent doing those menial yet admin intensive tasks - this allowing them to get right back to the more important things that filled their days.

Below are a few of the screens that represent a few of the changes.

One of the fixes: In this case adding a fixed column down the right-hand side of the screen showcasing the detail (the meat & bones) they needed was quicker than having to click to a new page, then click to come back.

 
 

Identifying and labelling screen sections according to most common used language in the team.

One of many many iterations - trying my best to keep it simple, but make it more intuitive.

One weekend it all came together and this was a first stab at the new layout using a few spicier UI elements.

Since the app was strung together using a magical mix of simplistic UI elements I pushed to adopt TailwindUI so we could save time right out the gates. I took my weekender version and customised it to use TailwindUI components thus making it almost copy+paste for the dev team.

 

 

Search results screen (2018)

When I first started at Voyya all they had was a landing page with a link in the middle that redirected users to Booking.com to make hotel bookings. Over the coming months we would design 3 travel management channels - Flights, Hotels and Car rental.

By the end we had created a hotel full booking flow:

Search > results > details > reserve > add detail > confirm payment > thank you

 

Hotel search results screen (2018)

 

 

Itinerary App for iOS (2016)

During my time at Wetu I worked on 30 plus projects ranging in complexity. One of the projects was to create a mobile app for both iOS and Android that would make sense of the very content heavy web itineraries send to travellers. Itineraries was the core of Wetu’s offering so getting this right was very important.

I took inspiration from the mobile responsive web project I worked on earlier in the year, and through further competitor/user research, multiple design iterations and fresh user feedback, we landed on something that worked.

 

Itinerary App for iOS (2016)

 

 

E-comm site Redesign (2019)

At the end of 2019 I was contracted as UX Designer on a project to redesign a brand’s e-comm web (desktop and mobile) experience. 3 months later and with multiple trips between Cape Town and the Netherlands - I had managed the project from start to end, changed the platform on which it would be built, sourced, and connected a better suited strategic development partner.

320 (clocked) hours later, below are some of the mobile screens.

Tags: Headless e-commerce, Shopify Plus, Gatsby.js, Sketch, Adobe XD, Google Docs, product design, UX research, business goals, communication, project management.

Live site: https://maille.com/fr

 

E-comm site Redesign (2019)

Juliette Crouzet-Mertens

Jared has done an amazing job at developing our new e-commerce & brand website for Maille, going above and beyond to ensure we have the perfect customer experience, and re-designing the consumer journey in an impactful way. We have had significant improvement in terms of engagement since the launch. I highly recommend working with him!
 
 

Martijn Wijsmuller

Jared is a great person to work with, he has shown a professional and extremely engaged work ethic. I first met with Jared over Google Meets in December of 2019. His client was in a crisis and he came to Ask Phill for e-commerce development help. He did his due diligence, asking the right questions to ensure Ask Phil was a good fit for his client and even flew out to Amsterdam to meet me in person...
 
 

 

Itinerary App Flow (2019)

I was contracted by Voyya to create a mobile itinerary app for them. My past experience working for the company and my in-depth experience having created itineraries before (on a range of platforms, with a multitude of outputs) made this job an easy one.

I knew from the get go what the most important thing to keep in mind was - “Know thy stakeholder!”

I created mid-fi wireframes, explaining how each piece fit together using existing data; the flow factoring in multiple channels; and how users (and admins) could create and manage these “Trips” from the desktop app.

 

1 - Timeline (Logic)

2 - Itinerary app flow (Data)

3 - Creating a trip (Application)

 

 

Tommy Assignment (2019)

In October last year I was approach by the team at PVH group about a position available - Product Designer for MYTOMMY App. I went for the interview at their offices in Amsterdam. Later I was asked to spend as little time as possible completing an assignment, which I did.

The below is nice example that’ll give you insight into how I think when approaching a new problem.

The task:

“Tommy has defined 3 major opportunities to increase engagement and conversation among Tommy Hilfiger consumers who are using the app.”

  1. I needed to explain which one I thought has the most potential and why;

  2. After I chose one, I would need to propose a design.

Click the “VIEW THE ASSIGNMENT” button below to see my solution (PDF document). I present some research, a mini heuristic evaluation and give high level input based on what I know about the phycology behind why users engage online.

Oh, there’s also a fun Invision App prototype for you to explore.

Note: I kept the styling as I found it, colors, fonts, buttons, etc.

 
Tommy Assignment (2019)

Tommy Assignment (2019)

Ps. I didn’t get the job at Tommy, but not because another candidate was better than I was. They dissolved the position and were no longer going to hire for it. I’m not counting that one as a loss 🙃

 

 

Taxi App (2018)

At the end of 2018 I was contracted by a startup to help them with a new Taxi App they were prepping to create and launch in South Africa. After some initial conversation and Q&A’s I was handed Adobe XD files for the 3 apps - For Drivers, For Passengers and For Owners.

They had rough high-defs showing the bigger picture, but had no real flow, no actual business logic and lacked product development know-how. So, I helped. After spending an hour or two doing research I found that similar products had been tried in South Africa before and research showed this was not going to be an easy feat. Upon further investigation into all 3 users, (drivers, passengers, owners) and a seemingly forgotten stakeholder, the taxi organisation - I needed to drastically overhaul the products MVP.

By the end I had created new, simplified user flows with streamlined objectives for each of the 3 app users. I designed low-fi wireframes for the app that would need to work on the lowest grade smartphones and also created Invision App prototypes to give an idea of the app in action.

I spent a total of 23 hours on the project, and after sending off the final designs, the project manager went completely quiet on me. I was not paid a cent for that job, so I encourage you to have a closer look and if you’d like the files are free to download.

All requirements gathered, research, product Q&A’s and designs (Sketch) available from the “SHOW ME EVERYTHING” button.

 

Taxi App (2018)

Ps. I think the reason I got ghosted is that after I presented my work (including many objections to the product and business goals) the team realised how deep they were in over their heads and decided that they were not going to be able to pull it off.

Thanks for reading

Be kind. Be helpful. Be useful