Atomic design is the framework that can help you accelerate your process for creating amazing design systems. It consists of 5 different stages Atoms We start with the basic or most fundamental elements that can’t be broken down further anymore. form labels, inputs, buttons, colors, etc.

Index — Wireframe Recipe App Manual Design Recipe App Digital Design Wireframe A wireframe is the structure of the design, layout of the design, or just a basic sketch of an app or website to view how it looks. If you know Html, then what HTML is to the website is Wireframe to design. There are types of Wireframes Low fidelity wireframe: include the most basic content and visuals and are usually static (not interactive).

Index — User Persona News App User Persona User Persona A user persona is a fictional representation of your ideal customer. Resources: A 5 Step Framework for Building Better Personas Ask anyone about user personas, and they're going to give you one of two answers: They love them! They hate them with…dscout.com News App User Persona In this persona, I asked some of my friends what their needs, pain points, and goals are as well as mine too (I am also a customer of my application) and then make a Persona that can be visualized as an Ideal one.

Index — Journey Map My Journey Map of Discovery+ Journey Map A journey map is a visualization of the process that a person goes through in order to accomplish a goal. Read more — https://www.nngroup.com/articles/journey-mapping-101/ Discovery+ Journey Map Link to file — https://www.figma.com/file/hDdWxsRhLjwtxmrmDcRd7h/Discovery%2B-Application?node-id=0%3A1