Our process. Dodo it right.

02 - Discovery & Research

At Dodonut, we understand the challenges of creating a new website or other digital experiences. Our goal is to find a point of contact that meets all of your stakeholders' needs in the most efficient way possible.

We do this through quantitative and qualitative research methods that help us revise assumptions and validate them into factual statements. We then use this information to understand what we've learned by identifying trends and patterns among our findings. Those insights allow us to define your product's direction moving forward.

Analysis

After the workshop, we analyze what we already know from achievable sources like web analytics and entry and desk research. Collected data helps us create a list of assumptions that we will validate later. At this stage, you can suspect:

• Competitor analysis
• Web Analytics - Google Analytics, HotJar, Mixpanel

Research

In product discovery, research is always a core to finding an answer and confirming our assumptions. There is no space for guessing. We have to be sure that the proposed solutions will work well, respond to the client's needs, attract new users, and make others loyal to your brand and offer.

Qualitative research

Qualitative UX research methods offer a rich understanding of individual users, focused on the user's direct experience and human behavior. In web design, it serves us, for instance, to find out why users do what they do and what motivates them to complete a particular task. For qualitative research, we design a scenario for an external interview or focus group (e.g., with a potential target group and individual users). Properly asking questions can help us validate what we suspect or guess to ensure that design solutions will work. We use methods like:

• In-depth Interviews (IDI)
• Focus group
• Usability testing
• Discovery workshop

Quantitative research

We use quantitative research to gain insights into our user's expectations and understand their behavior as they interact with the website. We ask questions that can be answered with numbers (quantitative data) and analyze the results. We employ methods such as:

• Surveys and questionnaires
• Mouse heatmaps
• Clicking tests
• A/B testing

UX Strategy

Based on the research results, we prepare a UX strategy that will give appropriate direction to designing and developing websites. UX strategy for the company consists:

• Summary of Target group
• Competition analysis
• Persona or jobs-to-be-done (JTBD)
• Unique value propositions (UVP)
• Recommendations for the new website
• The architecture of the new webpages
• User Journey Map and User Flow

03 - UX Design

Once we know our target group and users, we know their goals, motivations, and problems, and we understand how to solve these problems with our product - it's time to start creating the website's skeleton.

Information Architecture & User flow

The information architecture is a diagram that visualizes how to arrange the content on the page. User flow, in turn, shows how users do a particular task through the designed interface.

We create a high-level structure of a website or application using simple diagrams. We also check the correctness of the User Stories listed before, verifying Success Stories and possible failure paths.

Wireframes

Wireframes are low-fidelity, simplified outlines of the digital product. Designers use for them distinctive block layouts represented schematically with placeholders, buttons, image boxes, and text fields. The wireframe can give us a reliable view of the product without the need to spend time on details and possible changes to the website core.

Prototypes

We can create a clickable interface based on implemented wireframes to show to stakeholders. Such a prototype can be run on any computer and check whether the project decisions have rational sense. We also check them during user and guerrilla tests. Such a prototype can also be used for research in the Product Discovery phase.

User testing

User testing is a critical component of the UX process. By testing our designs with users, we can ensure that they are intuitive and easy to use. When we have ready wireframes and prototypes, we always try them with users and other stakeholders. The goal of user testing is to get feedback about how easy or difficult it is to use the product and what they like or dislike about it. This information can help us improve our designs and make sure they match the needs and wants of real people.

04 - UI Design

UI design is a process in which we add muscles and a beautiful appearance to the previously built skeleton in wireframes. We focus here on how the website will look and its style, always keeping in mind its functionality, stakeholders' aim, and the best user experience. We create the visual version of the website via a few steps in this phase:

Moodboard

It's a collection of images, colors, shapes, and other materials used to communicate a particular design or project's visual style, voice, direction, and language. We treat it as an inspiration to develop our original website project.

Branding

When your company also needs branding, we meet at a separate session where, during brainstorming, we create a map of brand associations. We propose a visual set of features for the company to develop a strong and positive brand perception.

Illustrations

Along with branding, we often discuss visual strategies for your brand. Together with it, we create a set of illustrations for your brand.

Initial Design

After determining the moodboard, brand, and visual direction for your project, we can go to the first graphic views of your website or other digital product.

We start the graphic work by creating the first view. Together, we decide which page will be the first for which we will prepare a visual appearance. Usually, we design in two significantly different directions. After creating the proposal, we call the meeting where we discuss it.

UI Design & Mockups

When we have approved the design, we create views for subsequent subpages. Based on the information architecture, we divide the work into the individual flow and smaller stages - usually weekly. Successively, we provide designed views based on wireframes.

Styleguide & Design System

When we have a graphic design of the created product, it is worth taking care of its appropriate documentation for development and other designers who can develop the project.

We create a simple styleguide or a complex design system depending on the needs.

WCAG recommendations

We know how the issue of accessibility is essential to make a digital experience tailored to all users. Therefore we follow WCAG recommendations to ensure that our website will be usable and legible for everyone.

05 - Development

Development is an integral part of the entire process, which helps our ideas come alive. We've been working with professional development since 2018 under the Bejamas brand. You can find more information on technologies and development approaches on their website:

At every stage of development, we aim to reduce your newly designed sustainable website's carbon emissions and energy consumption.

and last but not least...

06 - Support and Growth

As Neville Brody once said, digital design is like painting, except the paint never dries. If you have created digital products before, you know that the release is just the beginning. With us, you can develop your product further from design stage to development. After product release, your company can always count on additional research, support, and verification of product UX.

• Development maintenance
• Application verification
• Planning of sprints
• Project development analysis
• Roadmaps
• Research & Discovery