Mobile App Design and Wireframe

Mobile App Design and Wireframe - student project

Branding and logo creation done in Adobe Illustrator. Layout and Design of the mobile app done in Adobe Xd. Creation of live wireframe created in Adobe Xd. Check out the video below that details the app flow and design. 

Do you want to follow my entire process of this app creation and learn Adobe Xd? My latest Skillshare Class Adobe Xd Masterclass: Learn the Future of Design is now on Skillshare!

Mobile App Design and Wireframe - image 1 - student project

Mobile App Design and Wireframe - image 2 - student project

Mobile App Design and Wireframe - image 3 - student project

Creating wireframes of your app or web design is fairly easy using Adobe Xd. You can even do a lot of the design and layout work in this program too. I simply exported my logo files from Adobe Illustrator as a .png's and brought them into Xd as assets. Mobile App Design and Wireframe - image 4 - student project

Do you want to follow my entire process of this app creation and learn Adobe Xd? My latest Skillshare Class Adobe Xd Masterclass: Learn the Future of Design is now on Skillshare!

Lindsay Marsh
Over 300,000 Design Students & Counting!
Teacher