Iain McConchie
Selected work

Tesco

In 2016 the UK grocery chain Tesco underwent a visual rebrand which included all their digital touch points. The Tesco Digital Design Language (DDL) was born and slowly began filtering across their product line. Around the same time research and conceptual prototypes began to reimagine the core groceries shopping experience on mobile. This work was conducted in-house along with an external 3rd party.

Pitched as innovation work, it was clear that while they were creatively interesting, the concepts hadn’t been considered from an engineering or product delivery point of view. My role consisted of two parts. First was to work with their internal team to take the discovery output, the new DDL and bring them all together into a usable consumer product. The second was to expedite delivery by up-skilling and embedding best practises around Design Systems, Accessibility and Product Design.

We had to distil the product experience into essential and helpful interactions, adopting an accessibility first mindset. When revenue is impacted by how successfully a consumer can find, comprehend and add an item to a basket then it's imperative that they do so with with as little friction as possible. And rather than focus on tactics to increase the potential basket value from £50 to £55, instead by making the product accessible to as many people as possible you increase the number of £50 baskets.

The net effect of the project not only increased the number of baskets but, even without that as the focus, it also increased the overall value of the baskets. Positive review submissions of the app increased by over 1,000% a month after the initial release, which had the halo effect of increasing the number of people actively using the service.

  • Design Leadership
  • Design Systems
  • Design Operations
  • Interaction Design
Tesco app screen Screenshot of product iterations Screenshot of the Tesco pattern library App rewiews

Headspace — 2012

The original engagement with Headspace was to try to fix user behaviour within the constraints of their app. Taking a more holistic approach myself and the team examined not only the app but their complete service offering and looked to simplify that before generating anything else. This involved a number of key activities including a workshop with the founders Rich and Andy, mapping out their website and getting insight from the Headspace community.

In doing so we reduced the concept and key interaction of the app to a singular dot, pulsing and imperfect, a malleable representation of your headspace. Information was presented only when necessary and faded away once you pressed play. This reduction of visual noise and clutter was applied throughout the app and then extended out to the Headspace brand which underwent a complete redesign as a result of the work.

The app currently available is a tweaked and refined version of the app we created for them having parted ways about 80% into the final build. However the core concept and aspects of the user experience remains.

  • Workshop
  • Concept
  • Creative Direction
  • Interaction Design
headspace_dot headspace_sketch headspace_sketch02 headspace_mechanic headspace_story_1 headspace_story_2 headspace_story_3
headspace_concept_01 headspace_animated headspace_concept_02

McLaren F1 app

The core concept was to create an app that would enable fans of the McLaren F1 team to get closer to the not only the drivers but the entire F1 team experiencing every aspect of what it takes to be a successful Formula One team.

Along with information on the drivers, the seasons car, tracks and team partners, the Transmission Centre collates all social media output from a variety team members (not just the drivers) and delivers them in a dynamic and fluid timeline. This content represents more than just the official McLaren voice, giving you a more rounded and raw view of the entire team.

This was then backed with a live panel which gives you a realtime pit crew communication along with statistics on the car tyres and driver position.

  • Concept
  • Creative Direction
  • Interaction Design
mclaren_sketchbook mclaren_pitch mclaren_whiteboard_1 mclaren_whiteboard_2 mclaren_sketchbook-2 mclaren_release_version mclaren_design_evolution

HORaTONe - MacOS app

I'd often spend hours in Photoshop converting photographic images to branded duotone images to use in company presentations. While a useful action existed it still meant someone with Photoshop having to convert the images. After discussing this with one of our engineers, Neil Horton, he reckoned he could make a simple Mac app that would allow anyone to drag and drop an image in and get a duotone out.

The app turned out to be not so simple to build in the end, but the output is a very focussed and specific app that saves countless hours and keeps things consistent with the brand.

  • Concept
  • Interface Design
  • Icon Design
Horatone app icon
HORaTONe_App_1 HORaTONe_App_2

The App Business - Glass Frosting

Moving onto the ground floor of a building right in the middle of Soho London we wanted to make our presence felt. I adapted and expanded on some exisitng branded materials to give ourselves a "shop front" that kept unwanted eyes out but also spoke to the culture of the company and helped advertised our clients.

  • Illustration
  • Art working
window_frost_front window_frost_full
window_frost_right_small window_frost_left window_frost_light

Concept visuals

Unused but still loved concepts for projects that never saw the light of day.

  • Concepting
  • Interface Design
  • Icon Design
sothebys_book_view sothebys_listings sothebys_map_view sothebys_world_view

For more information on any of these projects feel free to reach out to me on Twitter @imcconchie