UX templates

Affinity Diagram Template

You can use an affinity diagram to generate, organize, and consolidate information that comes out of a brainstorming session. Whether you’re building a product, working through a complex problem, establishing a process, or piecing apart an issue, an affinity diagram is a useful and simple framework that gives each team member the opportunity to pitch in and share their thoughts. But it’s not just ideal for brainstorms—this is a great template and tool when you need to reach consensus or analyze data such as survey results.

Customer Journey Map Template

A customer journey map (CJM) is a visual representation of your customer’s experience. It allows you to capture the path that a customer follows when they buy a product, sign up for a service, or otherwise interact with your site. Most maps include a specific persona, outlines their customer experience from beginning to end, and captures the potential emotional highs and lows of interacting with the product or service. Use this template to easily create customer journey maps for projects of all kinds.

E-Commerce Wireframe Template

The E-commerce Website Wireframe template is designed to guide you through your e-commerce website wireframing journey. Start with a basic black-and-white wireframe, which includes all the essential elements and screens for a full UI design — just customize it to your needs. This template is ideal for any e-commerce business and can be easily adapted for a restaurant, clothing store, grocery shop, or tech retailer. With customizable components and an editable color scheme, you can quickly personalize the wireframe to fit your specific business.

Screen Flow Template

A screen flow (or wireflow) brings together a multi-screen layout that combines wireframes with flowcharts. The result is an end-to-end flow that maps out what users see on each screen and how it impacts their decision-making process through your product or service. By thinking visually about what your customers are looking at, you can communicate with internal teams, stakeholders, and clients about the decisions you’ve made. You can also use a screen flow to find new opportunities to make the user experience frictionless and free of frustration from start to end.

Buyer Persona Template

You have an ideal customer: The group (or few groups) of people who will buy and love your product or service. But to reach that ideal customer, your entire team or company has to align on who that is. Buyer personas give you a simple but creative way to get that done. These semi-fictional representations of your current and potential customers can help you shape your product offering, weed out the “bad apples,” and tailor your marketing strategies for serious success.

Website Landing Page Wireframe Template

The Website Wireframe template equips you with everything needed to kickstart your next website or web page concept. Rather than starting from scratch, the template offers a ready-to-use, customizable layout for your designs. Change and rearrange the included pages and components to build the perfect wireframe for your project.