Learn how to design beautiful mobile apps for iOS and Android by combining theory with practice! 🧠
Master design with the best-rated, user-centric 770-page guide, following the successful design framework behind the UK's top government bank app redesign I took last year.
The UI Professional's Design Manual (Theory + Practice) is perfect for...
✅ UX and UI Designers — Improve your mobile designs, gain expert knowledge, and take your skills to the next level
✅ Web Designers — Master mobile design, practice your skills with bonus Figma files, and become a more capable designer
✅ Mobile Developers — Learn the fundamentals of UI design, typography, color, and princinples of visual perception. Don’t rely on your designers as much!
✅ Freelance Designers — Improve your workflow, earn more money, build better products, and deliver projects in no time by following our super simple design framework
✅ Everyone wanting to learn mobile design and UI from the foundations to design handoff, in the most streamlined way possible
What will you find inside? 📦
The Design Manual e-book is divided into 5 parts and 58 chapters, counting 770 pages. 3 parts are theory-based, explaining best UI and iOS + Android practices, and 2 parts are design-focused, going over the Fintech App’s theory and practice.
⭐️ Part 1: Intro to UI/UX, Design roles, How to understand design
The first part of this e-book will show you the basics of UI and UX, teach you how to understand good design, practice good design, and learn good design the fastest way possible!
⭐️ Part 2: iOS Design Principles & native elements
In the second part, you’ll learn about the basics of iOS design, iOS native elements, and effects like blurs, shadows, and colors to improve your understanding of mobile design!
⭐️ Part 3: Android Design Principles & native elements
In the third part, you’ll learn about the basics of Material design and Android native elements. You'll also learn to create design tokens, color, and type systems. In just a few simple steps!
⭐️ Part 4: Fintech App - Design Framework
You’ll learn the exact process I take when designing apps for commercial clients - no secrets hidden! Every stage of the process is supplemented by the appropriate template you’ll receive for free with this e-book.
⭐️ Part 5: Design Manual
After you’ve learned all the above, you’ll be taken into the Design Manual, where we cover every screen from our Fintech app, explain the theory and structure behind Onboarding, Account setup, Verification processes, Home screens, tab bars, navigation bars, status bars, etc.
🎁 BONUS: Fintech UI Kit
Lastly, the “Cherry on top” - your own UI kit and practice files to take all the theory and knowledge from this e-book and apply it correctly! Don’t worry; you’re not left there alone. That’s what the Design Manual is for - to guide you by hand and design everything with me :)
Learn design by doing!
Depending on your experience level, you’ll be able to trace, copy, or modify the designs by following the best practices and referencing our Design Manual, which covers the theory and layout structure of every single screen designed.
✅ Copying - Set up grids, add guides, and start copying
✅ Tracing - Paste the screen for reference, reduce opacity, and trace it!
✅ Modifying - Transform the UI kit and build your mobile portfolio in days!
What you will achieve by reading it? 📖
The "Design Manual" e-Book will help you:
💎 Master mobile design in the shortest amount of time possible.
With over 770 pages full of pure design knowledge, and a fully explained design framework you can follow from A to Z, you’ll learn the exact process I took redesigning an app for the biggest government-owned savings bank in the UK!
💎 Understand the design process behind a £50,000+ app project
You’ll learn the exact UX and UI design process I followed to redesign an app for the biggest government-owned savings bank in the UK!
💎 Jump straight into design and start improving your design skills right away
Depending on your skills, you will be able to trace, copy, or replicate the Practice file designs, following our detailed, step-by-step guides as your reference.
💎 Learn and practice iOS/Android design
You'll get to practice your design skills with a Fintech UI kit designed specifically for this e-book. Each of the 100+ screens is meticulously designed and explained in the Design Manual.
You can trace, copy, or replicate the designs, following our guides as your reference.
💎 Save time, earn more money, and become a better designer overall
Why stop at web design or development when you can build apps for a living?
Average app design costs between $5000-20000+
These are just two of the 770 pages we have written for you! There are no filler pages, just everything you need to know to get the whole picture about the UI, UX, and all you need to know to design better mobile interfaces. We’re hiding no secrets!
+ the amazing bonuses you’ll get 🎁
✅ My complete UX/UI design framework with bonus templates
✅ Fintech UI Kit for Android and iOS (200+ responsive screens)
✅ 550 components and 60 global styles you can use for other projects!
✅ Reusable fonts, illustrations, and icons
✅ Social media post templates (Instagram + Dribbble)
✅ 100-day plan to put your new knowledge into action!
💫 Recognized by the design community 💫
You don’t have to take my word for it. See what others are saying about this e-book 😊👇
Frequently asked questions 💬
What exactly is a “Design Manual” e-book?
This e-book and the practice files are all you need to learn mobile design and become a better designer. We wrote this e-book thinking about everyone lost in the learning process and missing a real actionable step-by-step guide on delivering a complete project.
I’m a complete beginner. Will this e-book help me?
Of course! This design e-book will teach you the basics of design for iOS and Android, but not only that. It will teach you the basic principles of design and show you all there is to know about mobile design. It’s made for beginners in mind!
How is it different from other e-books?
I’m showing you everything I know about mobile app design. It’s not another book written by a “designer” who’s not practicing what he preaches. I’ve designed over 170 products to date, made multiple-six figures from design alone, and been in this industry for over 6 years. I’m hiding no secrets here :)
Will this e-book help me make more money?
By following the theory and the guide, you will learn how to create commercial-ready projects that I have personally charged on average between £8000- £15000+. If you keep honing your skills after you read it, you’ll be able to attract much better clients that recognize good skills.
Can I use the practice files for my own portfolio?
Of course! The UI kit was made specifically for that reason. To help you get inspired and create development-ready designs to attract better clients. Just remember, don't copy the designs exactly as they are. Change colors and fonts, and play around with the images. Add your own little twist!
Can I get the Design Manual for my entire team?
If you're interested in getting this book for your entire team, we offer team pricing options that can save you up to 50%. The discount amount will depend on the size of your team, and you'll receive a single invoice for the entire purchase. Please get in touch with me at firstname.lastname@example.org
What payment options are available?
Sure! Gumroad ensures secure payment processing and accepts various payment methods, including most credit cards and PayPal. You can pay using PayPal, Apple and Google Pay, Visa, Mastercard, AMEX, Discover, Maestro.
Will I receive lifetime updates?
Yes, absolutely! You'll receive lifetime updates for this book. You'll be notified via email whenever a new version is released, and you can download the latest version at no extra charge.
Disclaimer: This product is non-refundable because it is a digital product.
If you want to see a FREE sample (60+ pages) before you purchase it, please click on this link.
770 pages PDF | 200+ screen UI Kit on Figma | Free assets | Mini design system