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

39
355

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://instagram.com/yuseiworld

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

A girl name alice

Lost Love

Always sad

Healing

Wish I’d stayed

Zeeky Beats

Lunch Thoughts

Sweetheart

Autumn Jazz

Ordinary

8ROKEBOY
Frank Ocean & Daniel Ceasar Type Beat – On My Mind (ft. Mac Demarco) || SAD LOFI TYPE BEAT

Social
Soundcloud: https://soundcloud.com/8rokeboy
Instagram: https://www.instagram.com/8rokeboy

harris cole x arbour – rosewood

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

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

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

Follow chief.
・https://spoti.fi/2ETZ2mE
・https://soundcloud.com/chiefslc
・https://chiefmusicslc.bandcamp.com/

j. roosevelt – Sandalwood

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://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

source