How to Design an Animated Mobile App Onboarding Flow in Adobe XD (Tutorial)



Hi all, back with another tutorial!

I asked you all what topic I should make my next video about and you answered. This video covers 3 of the top requested topics in the poll I posted recently: Illustration, Onboarding, and Voice.

Hope you enjoy! 😀

AUTO-ANIMATE VIDEO IN MORE DETAIL: https://www.youtube.com/watch?v=C3naMbrEzcg

SKIP TO SEGMENTS

2:55 WIREFRAMING

8:47 ILLUSTRATION

23:20 DESIGNING IN ADOBE XD

31:14 PROTOTYPING WITH AUTO-ANIMATE IN ADOBE XD

34:49 DOWNLOAD IOS UI KIT

56:00 PROTOTYPE WITH VOICE IN ADOBE XD

1:02:26 ENTIRE FLOW

MUSIC

Yusei
https://twitter.com/junkiewill
https://instagram.com/yuseiworld

Moody Nights
https://www.youtube.com/watch?v=WVBsqT74f_o

A girl name alice
https://www.youtube.com/watch?v=p_Vx847783Q

Lost Love
https://www.youtube.com/watch?v=74N2x72UO4Y

Always sad
https://www.youtube.com/watch?v=uY98v21NsIw

Healing
https://www.youtube.com/watch?v=hiPJVTpJxQs

Wish I’d stayed
https://www.youtube.com/watch?v=fk7L0ZrA6p0

Zeeky Beats

Lunch Thoughts
https://www.youtube.com/watch?v=kOsJKvh368I

Sweetheart
https://www.youtube.com/watch?v=xzudKNsL1I8

Autumn Jazz

https://www.youtube.com/watch?v=Q3saFny02KU

Ordinary
https://www.youtube.com/watch?v=CUA6Fgtm_RA

8ROKEBOY
Frank Ocean & Daniel Ceasar Type Beat – On My Mind (ft. Mac Demarco) || SAD LOFI TYPE BEAT
https://www.youtube.com/watch?v=1lrg_9R_RIU
Social
Soundcloud: https://soundcloud.com/8rokeboy
Instagram: https://www.instagram.com/8rokeboy

harris cole x arbour – rosewood
https://www.youtube.com/watch?v=BSFNIfbE0dI
Music by Chillhop: http://chillhop.com/listen

Follow harris cole
https://soundcloud.com/iamharriscole
https://twitter.com/_harriscole
https://www.facebook.com/iamharriscole
https://www.instagram.com/_harris.cole/
https://spoti.fi/2snAUAk

leavv – Mind Garden
https://www.youtube.com/watch?v=qj8ANTneS1A
Music by Chillhop: http://chillhop.com/listen

Follow leavv
https://spoti.fi/2MG5XDG
https://soundcloud.com/leavv
https://leavv.bandcamp.com/
https://twitter.com/leavvbeats
https://www.facebook.com/leavvprod

smeyeul – Distant Travels
https://www.youtube.com/watch?v=wDvTzFAbpCY
Music by Chillhop: http://chillhop.com/listen
Follow smeyeul
https://spoti.fi/2yE9jhf
https://www.instagram.com/smeyeulmusic
https://twitter.com/smeyeul
https://soundcloud.com/smeyeul
https://smeyeul.bandcamp.com/

chief. – Yesterday
https://www.youtube.com/watch?v=5ciUQmQc7T8
Follow chief.
https://spoti.fi/2ETZ2mE
https://soundcloud.com/chiefslc
https://chiefmusicslc.bandcamp.com/

j. roosevelt – Sandalwood
https://www.youtube.com/watch?v=MlaSON-LXZc
Music by Chillhop: http://chillhop.com/listen

Follow j. roosevelt
https://spoti.fi/2yvafV5
https://soundcloud.com/jroosevelt
https://www.instagram.com/jrooseveltm

Joe Corfield – Wildflower
https://www.youtube.com/watch?v=keA4jDYLBjoMusic by Chillhop: http://chillhop.com/listen

Follow Joe Corfield
https://soundcloud.com/joe-corfield-1
https://www.facebook.com/joecorfieldb
https://www.instagram.com/joecorfield__/
https://spoti.fi/2IjQXsP

WHAT TO EXPECT FROM THIS CHANNEL:

I aim to publish meaningful & concise content that provides insight into the field of graphic design, web design, illustration, branding, app design, & other creative areas I find important in my field as a commercial artist. This media includes software tutorials, lifestyle vlogs, and other useful videos to help and inspire anyone looking to improve their skills as a creative badass and take their creativity to new heights.

ABOUT ME:

Hey there, I’m Cody. A craft-beer drinking Designer living in San Diego, Ca.

I’ve been designing professionally for the last 7 years and have learned quite a bit along the way. Throughout my career as a creative I’ve had the pleasure of designing for a number of incredible brands & creative agencies.

From working with a variety of clients and organizations, my style can been seen as eclectic and constantly evolving, much like a chameleon. In the world of commercial arts I’ve had to get out of my comfort zone and adapt to the brands and tasks at hand. I like to think that my personal aesthetic is contemporary and minimal combing modern techniques with classic design elements.

SKILLS

Some of the skills I’ve acquired throughout my journey as a creative:

Art & Creative Direction
Styling
Graphic Design
Branding & Identity Design
Web Site Design (optimized for mobile & tablet)
App Design
Photography
Illustration
Image Manipulation
Typography & Lettering
Motion Graphics
Video Production & Editing
Animation

MY STUFF

Website: http://www.codybrowndesign.com
Dribble: https://dribbble.com/codybrown23
Behance: https://www.behance.net/codycanvas
Instagram: https://www.instagram.com/mistercodybrown

Duration: 01:03:54

source