QuDo » Presta
Case study
  • Home
  • About
  • Services
  • Work
  • Case Studies
  • Blog
  • Contact

Hire us

office@wearepresta.com

General

hello@wearepresta.com

Phone

+381 64 17 12 935

Location

Dobračina 30b, Belgrade, Serbia
© 2023 Presta. ALL RIGHTS RESERVED.
  • facebook
  • twitter
  • linkedin
  • instagram
  • amplifyre

01

Customer

Questionardo is young and promising UK startup that wants to make a revolution in marketing research ecosystem. They are harnessing the power of AI to run, analyze and activate on comprehensive research programmes, all within a single, easy to use platform.

​

qudo.ai

Problem

Marketing research is complex and time consuming task that requires seasoned experts and their experience to provide great results. Often, these researches are not affordable and accessible to vast number of brands.

Solution

QuDo provides comprehensive survey instruments to precisely fit market research needs as well as advanced analysis and segmentation developed to surface the insights to customer groups which really matter. Last, but not the least, QuDo lets you translate your research data to actionable insights designed to improve your digital and creative output.

0
Happy Customers
0
Time and money savings
0
Total Participants
02

Design proccess

We have approached QuDo with upmost attention to detail and a very clear picture of proto persona provided by the Client. Our process consists of the following steps:

  1. Project definition & Brainstorming
  2. Research stakeholders, competitors and practitioners
  3. Idea workshop & Prototyping
  4. Usability Testing
  5. Design Delivery
03

User flow

Probably one of the most important steps in application such as QuDo are User Flows. We try to put ourselves in users shoes and see what are the most frequent operations that need to be done. Then, the “easiest” part is making these operations as simple as possible while maintaining visual appeal and ease of use.

04

Wireframes

Before getting to design stage, we always create interactive prototypes. They allow both the team and the customers to understand how the product will work.

Interactive prototypes are also a perfect way to run user testing without expensive full-fledges development.

Design system

Specifically because this approach preforms well on the front-end as well.

Documentation
Basics
Naming rules
Writing principles
Animations
Layouts
…
Base
Grid
Spacings
Colors
Typography
…
Atoms
Buttons
Controls
Icons
Links
Illustrations
…
Moleculas
Fields
Dropdowns
Lists
Tables
Tabs
…
Organisms
Headres
Forms
Modals
Charts
…

Basing user inteface on existing brand guidelines

Avenir font family
Primary colors
Windsor
#400a67
C38
M90
Y0
K 60
R 64
G 10
B 103
Razzmatazz
#df0e6e
C0
M94
Y51
K 13
R 223
G 14
B 110
Black Rock
#040229
C90
M95
Y0
K 84
R 4
G 2
B 41
Secondary colors
Jaffa
#f47a3d
C0
M50
Y75
K 4
R 244
G 122
B 61
Jazzberry Jam
#a40d7d
C0
M92
Y24
K 36
R 164
G 13
B 125
Celery
#9dca63
C22
M0
Y51
K 21
R 157
G 202
B 99

Neumorphic User Interface

We follow the principle of atomic design when building design systems. Specifically because this approach preforms well on the front-end as well.

Keeping up with Tech Trends

React JS

React (also known as React.js or ReactJS) is a free and open-source front-end JavaScript library for building user interfaces based on UI components. It is maintained by Meta (formerly Facebook) and a community of individual developers and companies.

Python

Python is a high-level, general-purpose programming language. Its design philosophy emphasizes code readability with the use of significant indentation. Python is dynamically-typed and garbage-collected. It supports multiple programming paradigms, including structured (particularly procedural), object-oriented and functional programming.

Flask Framework

Flask is a micro web framework written in Python. It is classified as a micro framework because it does not require particular tools or libraries. It has no database abstraction layer, form validation, or any other components where pre-existing third-party libraries provide common functions. However, Flask supports extensions that can add application features as if they were implemented in Flask itself.

More pages and layouts

We follow the principle of atomic design when building design systems. Specifically because this approach preforms well on the front-end as well.

Enjoy our work
Have a sneak peek at some of our other projects and if you like what you see don’t be shy and get in touch! We would love to know more about you and your business.
United Nations
Case Study
Klinika
Case Study
View all recent cases→
Would you like free 30min consultation
about your project?

    © 2023 Presta. ALL RIGHTS RESERVED.
    • facebook
    • twitter
    • linkedin
    • instagram
    • amplifyre