iPhone App Design In A Day (Sketch + InVision)

Flux Academy · Beginner ·🖌️ UI/UX Design ·9y ago

Key Takeaways

Designs an iPhone app using Sketch and InVision in a day

Full Transcript

[Music] Good morning. It is quite early, but this is a special day. Here's what's going on. 2 days ago, a CEO of a startup company in the fashion industry gave me a call. They told me they were launching their app in a couple of weeks, and they have a problem with one of their screens. they feel it's not good enough and they wanted my help to kind of improve the experience. They didn't have a huge budget. So, what we've decided to do was to kind of make a one-day hackathon where I'm going to go to the home actually of the CEO going to brainstorm with the product team and try to come up with a better solution and uh then I'll go home try to design it and get it ready for development all in one day. So, the meeting is in two hours. I'm going to do some research, prepare the meeting, and I'm pretty excited about it. [Applause] [Music] [Applause] [Music] [Applause] [Music] All right, it is time to go out. I feel ready, prepared, excited. It's going to be raining today, so I can't take the bike, but fine. I'm going to take a cab, head out to the meeting. [Music] All right, brainstorm was a big success. I'm going to pick something for Tommy's birthday party and then head home to start the design. [Music] [Applause] [Music] [Applause] [Music] [Music] So brainstorm was excellent. It was with two really interesting and talented women, CEO and product manager. We spent like twothirds two hours almost just discussing the problem trying to really understand what is it that we're trying to solve. I kind of asked a question. It was really good that I did the research uh this morning cuz I could give them example from different industries. As I told you they are in the fashion industry. So, and then the last hour we kind of really sketched ideas together and I think we really came to a really good solution. Of course, they've asked for me to redesign one one screen of the app. But if you really try to understand the problem and rethink the whole experience, we had no uh choice but to uh redesign the whole app. But that also meant leaving out some of the stuff that they already did. So, it's basically more or less three screens. I hope I can get it done everything today. I'm going to start with sketch probably move it to envision later to show them how it feels and work and also um get the assets from the new Invision assets uh feature which I haven't tested yet. I think it'll be a great idea uh to try use it this time. Let's do it. [Music] [Applause] [Music] [Applause] All right. So, it is 4:30. Means I've been working on this right now for about 3 and 1/2 hours, around 3 and 1/2 hours. Um, and I'm done. I'm finished. I'm so bummed out that I can't show you because they're in an NDA with a big fashion company that they're working with. So, I can't really show it to you. But I do want to talk about the process that allows me to actually complete an app in like three and a half hours. And actually I'm super happy with it again. Uh so Sketch, first of all, Sketch new version, the symbols are so great and so awesome. The fact that you can replace images, text, place symbols within symbols, so you can actually create states like selected and deselected. This make my work so much faster. And I love it. I got to say, I love the new symbols on Sketch. Envision. The fact that I can with one click sync my artboards straight to Envision, have it all synced up no matter what changes I make. And the new assets that Adobe uh Adobe that Envision implemented. That's just crazy. I don't need Zeppelin anymore. Um so that's awesome. It's you just with one click, it's ready for development. You know, I don't have to prepare assets for the developers folders. I used to have to export so many things. I don't do that. I just make it like exportable in Sketch and that's it. Envision will allow it to be downloadable. So that's really awesome. You know, those tools make my process so much faster and efficient and also fun. I really enjoy doing it. And in general projects like today which is like overall six or seven hours sprint like a hackathon uh from concept to execution. I really really enjoy these type of things and I hope I'll get um more chances for these kind of projects. I'm wondering what they'll say about the outcome. I really think it's a huge improvement from what they had before and I'm actually excited to see how people will actually use it. So hopefully when it's it's going to be kind of a secret pilot. So I hope that when it hits the general market I can share it with you. That's all. It's been really fun day except for the rain. I don't like the rain. It sucks. Overall it's been fun. So hope you guys have a great day. By the way, one last thing that I forgot to say for a couple of days. Maybe you've uh noticed that I have a new uh intro video for the for the vlog. And it's kind of a funny story because I've received like probably a month ago a cold email from somebody I don't know. It's a motion designer from Georgia and he was like, "Hey Ron, uh, do you want me to do an intro video for you?" with like links to several other YouTube channels that he did an intro for. And usually that feels like spam, but he was really nice. His work was really, really awesome. Uh, so I just said, "Hey, you know what? I have been thinking about making a new intro for my vlog. So, let's do that. Uh, and it was a great experience. The first he sent me stuff. I didn't really tell him what I was looking for, but he did something and I didn't really like it. I told him, "Come on, let's do try something else." I tried to explain a little bit more what I was going for and he was super super cool about it and did what you just saw. If you don't remember, check it out. and I really like it and I think you should definitely go and check out his stuff. And also there's something to learn here. You can reach out to people and try to kind of sell your services, but if you do it right, if you do it nicely with a short email with good references like he did, that works. Anyway, one last update for today. I just sent it to her and she called me, "Oh my god, oh my god, it's so beautiful. It's so good." And it's so fun to get that feedback from work that you're doing. So, I'm super super happy. Have a great day. I'll catch you tomorrow. [Music]

Original Description

One Day App Hackathon - New Intro animation by: Giga Khurtsilava: http://gigakhurtsilava.com/ - Subscribe: https://www.youtube.com/fluxwithransegall?sub_confirmation=1 - Currently working on: http://www.goprospero.com http://www.thenuschool.com - Join the Flux community on Patreon: https://www.patreon.com/flux_ransegall - Music by: - Twitter: http://twitter.com/ransegall Instagram: https://www.instagram.com/ransegall/ - Vlogging camera - Canon G7x: http://amzn.to/22dnCQt - Work Hard & Be Nice Poster: https://society6.com/ransegall
Watch on YouTube ↗ (saves to browser)
Sign in to unlock AI tutor explanation · ⚡30

Playlist

Uploads from Flux Academy · Flux Academy · 50 of 60

1 Finding Great Partners As A Designer
Finding Great Partners As A Designer
Flux Academy
2 Distributing Your Content So Others Will Find It
Distributing Your Content So Others Will Find It
Flux Academy
3 Productivity & Pricing Workshop In Jerusalem
Productivity & Pricing Workshop In Jerusalem
Flux Academy
4 What Is Product Market Fit
What Is Product Market Fit
Flux Academy
5 Money, Impact Or Fun?
Money, Impact Or Fun?
Flux Academy
6 Scared Of Similar Logos
Scared Of Similar Logos
Flux Academy
7 I Suck At Scheduling
I Suck At Scheduling
Flux Academy
8 Giving Up Your Loyal Clients
Giving Up Your Loyal Clients
Flux Academy
9 Trying A New Business Model
Trying A New Business Model
Flux Academy
10 What Clients REALLY Care About (3 Types)
What Clients REALLY Care About (3 Types)
Flux Academy
11 How Much Money Can Designers Make?
How Much Money Can Designers Make?
Flux Academy
12 Holidays Suck! (for entrepreneurs)
Holidays Suck! (for entrepreneurs)
Flux Academy
13 Increasing Self Awareness With Meditation
Increasing Self Awareness With Meditation
Flux Academy
14 It Pays To Eat Out
It Pays To Eat Out
Flux Academy
15 Better Way To Build Landing Pages? (iGloo Review)
Better Way To Build Landing Pages? (iGloo Review)
Flux Academy
16 Thoughts On Collaborative Design (Figma 1.0 Review)
Thoughts On Collaborative Design (Figma 1.0 Review)
Flux Academy
17 New Ideas During My Time Off
New Ideas During My Time Off
Flux Academy
18 Who Are You? | #SenKimsin
Who Are You? | #SenKimsin
Flux Academy
19 I Don't Know What Works
I Don't Know What Works
Flux Academy
20 Thinking About The Next 5 Years
Thinking About The Next 5 Years
Flux Academy
21 Cool Features Are Not Enough
Cool Features Are Not Enough
Flux Academy
22 All Cars Are GONE! (Yom Kipur 2016)
All Cars Are GONE! (Yom Kipur 2016)
Flux Academy
23 Thinking For A Living
Thinking For A Living
Flux Academy
24 Stuck In Shallow Work
Stuck In Shallow Work
Flux Academy
25 Trying To Challenge Myself
Trying To Challenge Myself
Flux Academy
26 VR Design: Getting Started With Unity 3D
VR Design: Getting Started With Unity 3D
Flux Academy
27 Communicating Clearly
Communicating Clearly
Flux Academy
28 Skills VS Assets
Skills VS Assets
Flux Academy
29 Setting Payment Milestones
Setting Payment Milestones
Flux Academy
30 Designing Cover For My New Marketing Book
Designing Cover For My New Marketing Book
Flux Academy
31 Learning From Negative Feedback
Learning From Negative Feedback
Flux Academy
32 Everyone Here Loves Webflow
Everyone Here Loves Webflow
Flux Academy
33 Future of Design Industry (KiKK festival day 1)
Future of Design Industry (KiKK festival day 1)
Flux Academy
34 Beauty Matters (KiKK Festival Day 2)
Beauty Matters (KiKK Festival Day 2)
Flux Academy
35 The Power Of A Story
The Power Of A Story
Flux Academy
36 You Get What You Pay For
You Get What You Pay For
Flux Academy
37 Photography For Designers
Photography For Designers
Flux Academy
38 Starting A New Blog
Starting A New Blog
Flux Academy
39 Hard Work is a LIE!
Hard Work is a LIE!
Flux Academy
40 Principals Of Poster Design
Principals Of Poster Design
Flux Academy
41 How We Party In Thailand
How We Party In Thailand
Flux Academy
42 10,000 Subscribes. What's Next?
10,000 Subscribes. What's Next?
Flux Academy
43 Startup Logo Case Study: Nexar
Startup Logo Case Study: Nexar
Flux Academy
44 Super Talented, But Fired
Super Talented, But Fired
Flux Academy
45 Cracking Under Pressure
Cracking Under Pressure
Flux Academy
46 Frustration Is An Opportunity
Frustration Is An Opportunity
Flux Academy
47 How Much $ Am I Worth?
How Much $ Am I Worth?
Flux Academy
48 Are Contracts Worthless?
Are Contracts Worthless?
Flux Academy
49 Blog On Webflow VS WordPress
Blog On Webflow VS WordPress
Flux Academy
iPhone App Design In A Day (Sketch + InVision)
iPhone App Design In A Day (Sketch + InVision)
Flux Academy
51 2nd Version Is Always Better
2nd Version Is Always Better
Flux Academy
52 Creating Your Dream Job
Creating Your Dream Job
Flux Academy
53 Designer Exploring Jerusalem
Designer Exploring Jerusalem
Flux Academy
54 Designers Hourly Rate
Designers Hourly Rate
Flux Academy
55 My Country Doesn't Value Design
My Country Doesn't Value Design
Flux Academy
56 Designing My Week For Deep Work (Time Management Hack)
Designing My Week For Deep Work (Time Management Hack)
Flux Academy
57 Big-Shots Get Rejected Too
Big-Shots Get Rejected Too
Flux Academy
58 Designing A Landing Page With A Hammer
Designing A Landing Page With A Hammer
Flux Academy
59 Becoming A Superstar Designer
Becoming A Superstar Designer
Flux Academy
60 Negotiating Deadlines With Clients
Negotiating Deadlines With Clients
Flux Academy

Related Reads

📰
How to replace Canva and Photopea with an open-source HTML render engine using Playwright
Replace Canva and Photopea with an open-source HTML render engine using Playwright for zero subscription cost and full control
Dev.to · Mohamed Amine Ben Mallessa
📰
Comment remplacer Canva et Photoshop par un moteur HTML open source avec Playwright
Replace Canva and Photoshop with an open-source HTML engine using Playwright for generating posters
Dev.to · Mohamed Amine Ben Mallessa
📰
Générer des mockups produits en lot
Learn to generate product mockups in bulk using Photopea and a CSV template, streamlining your design workflow
Dev.to · Mohamed Amine Ben Mallessa
📰
A Comparison of the Best 3D Modeling Apps for iPad and Android (2026)
Discover the top 3D modeling apps for iPad and Android in 2026 and learn how to choose the best one for your needs
Medium · UX Design
Up next
Free AI UX Design Course by Figma
The Cutting Edge School
Watch →