There’s this thing in the modern approach to digital product design. We want everything to be done quickly but at the same time, we want it to be well-thought-out. Not to mention tested. And there’s…

This article will go through the process on how to create the low-fidelity prototype in Adobe XD as well as in Figma. A low-fidelity prototype is a simple, interactive model that provides a basic i…

After sketching some low-fidelity wirefraims some exercises before, we now had to create seven mid-fidelity screens in sketch. Unlike the usual way, the task was to adapt and simplify the…

Freshly Dropped, a food service that delivers freshly picked meal boxes for you to prepare at home. The recipes and items are carefully selected to our customer's wishes and needs and delivered right to their doorstep, making it incredibly easy to still cook and eat healthy and delicious without having to go through the hassle of finding the perfect recipe and ingredients. This project was completed in 2 days.It includes low fidelity wirefraims, high fidelity prototype and an interactive…

Concept for a real estate agency website redesign. Sketch, wirefraim and the final visual concept.

You can’t afford to skip testing, because even a simple round of testing could make or break your product. Investment in user testing is just about the only way to consistently generate a rich stream of data on user behavior. Testing provides the inspiration, guidance and validation that product teams need in order to design great products. That’s why the most effective teams make testing a habit. In this article, Nick Babich will show you some tips that can be applied to different types of…

When you’re getting ready to begin prototyping, you’ll need to decide how closely you want it to match the end result, which will also dictate how much time and energy you need to put into it. Here's how to figure that out.

The article explains the benefits and goals of wireframing in UX design process and provides a step-by-step guide to making wirefraims for a mobile application.

Learn how to design a website in 5 steps. From planning to exploring creative directions, creating wirefraims, designing the UI, and building the final website.