In this section, I’ll cover PART 2 of creating your UI/UX design:
- How to create a mood board and find inspiration for your app design
- How to develop a brand kit for your app design
For PART 1: 2. Wireframing for UI/UX – How to start your UI/UX project
Creating a Mood Board
This is an important and helpful step to developing a higher fidelity prototype which will require a branding style that includes defined/consistent typography and color.
To develop your mood board, pull together images that inspire the type of app look and feel you want to have whether it’s for desktop/web or mobile.
Resources for finding inspiration:
The mood board that I developed for my community mobile app in this example:
For this mood board, I looked for colors, typography, UI/UX screen examples and other visual design that felt aligned with the branding I wanted for my mobile app.
Creating a Brand Kit
A brand kit is a helpful tool to refer to as you start designing the visual design of your app. It helps you stay consistent as you create your design. Use the mood board you curated to help develop your brand kit and logo.
What to include in your brand kit:
- Type, Font
- Colors
- Logo
Optional: Graphics, Icons, Illustrations
The brand kit I developed for my community mobile app following my mood board:
