Adobe XD prototypes
High-fidelity, fully functional, with all of the bits and bobs.
There is a plethora of reasons to love XD, but in a nutshell, XD lets me create anything from icons and logos to wonderful animated prototypes like these.
First prototype
Mock e-commerce app
Everything you see in this demo is created using XD.
This prototype is for a fictional online fashion store and showcases a simple user flow from login to checkout, including some key e-commerce features like:
- login / signup;
- tailored content based on user activity;
- dynamic filters based on popular categories;
- simple and quick checkout;
- flexible payment options and more.
The designs
Second prototype
Mock financial app and website
PiggyBank is a fictional digital wallet – a simple financial app users can use to create saving accounts, monitor their expenses, or send money to other users.
Both the mobile app and the promotional website were created using Illustrator for icons, logos, and some of the background images and XD for designs and prototyping.
The mobile demo showcases the latter flow and the desktop demo show the homepage flow.