Wireframe is a basic sketch showing the layout and structure of a page without any design polish. Think blueprint, not finished building. It's about where things go, not how they look.
A basic sketch showing the layout and structure of a page without any design polish. Think blueprint, not finished building. It's about where things go, not how they look.
Gray boxes showing "header here," "image here," "button here"—ugly but helps everyone agree on structure before design work.
The simplest version of your product that still solves the core problem. Ship fast, learn from real users, then improve. Don't build everything at once.
A small test to prove an idea actually works before investing serious time or money. It's not a product—it's evidence that building the product makes sense.
A working model of your product used for testing and feedback. It doesn't need to be pretty or complete—it needs to let people interact with your idea.
A high-fidelity visual design showing exactly how the final product will look. Unlike wireframes, mockups include colors, typography, and real content.
A simple sentence describing what a user wants to do and why. Format: "As a [user], I want to [action] so that [benefit]." Keeps development focused on real needs.