So I designed an AI bartender... | App UX/UI Design

Опубликовано: 01 Январь 1970
на канале: Demystifying Design
394
20

Subscribe for more! → https://bit.ly/2UGi9YR
Want a custom design for your business? → https://marcmcdougall.com

Watch the full playlist here → https://bit.ly/2UqOzBH
Here's the Figma file for this project → https://bit.ly/42DAvYQ

In the 53rd episode of Demystifying Design, I'll be designing a totally new app that tells you which cocktails you can make with the ingredients found in a picture of your bar.

The goals of this redesign were to make it easier for users to:
1. Add a photo of my bar cart, from which I’d like a list of cocktails that would be easy for me to make with the ingredients found in the image.
2. Save recipes for use later.
3. Order ingredients directly on the phone.
4. Sign in / create an account.

This entire redesign took me about 6 hours to complete (over 2 days). Hope you enjoy!

Important timestamps:

0:00 Introduction
0:41 Client brief
3:23 Style guide & stories
3:40 Redesign begins!
4:24 Navigation
4:36 Logo & header
4:50 Recipe card
6:35 Recipe list
9:04 Add cocktail modal
9:48 Photo capture flow
11:20 Scan results
12:15 Scans list
12:54 Final result!
13:15 Client debrief

Music licensed by Epidemic Sound:
Getting Tipsy, by Fox Morrow
Gave it All We Got, by Tommy Ljungberg
Trip, by Sline
Chemistry!, by Flux Vortex
Salamanca, by Sarah The Instrumentalist

All content in this video is intended to be purely transformational in nature.

#webdesign #redesign #design #designer #designchallenge #speeddesign #ai #chatgpt #bartender