Etiam convallis elementum sapien, a aliquam turpis aliquam vitae. Praesent sollicitudin felis vel mi facilisis posuere. Nulla ultrices facilisis justo, non varius nisl semper vel.
Problem
Etiam convallis elementum sapien, a aliquam turpis aliquam vitae. Praesent sollicitudin felis vel mi facilisis posuere. Nulla ultrices facilisis justo, non varius nisl semper vel.
Solution
Curabitur vulputate arcu odio, ac facilisis diam accumsan ut. Ut imperdiet et leo in vulputate. Sed eleifend lacus eu sapien sagittis imperdiet. Etiam tempor mollis augue, ut tincidunt ex interdum eu. Pellentesque rhoncus lectus sed posuere viverra. Vestibulum id turpis lectus.
0
Happy clinics
0
Time and money savings
0
Smisli nesto
02
Design proccess
Curabitur vulputate arcu odio, ac facilisis diam accumsan ut. Ut imperdiet et leo in vulputate. Sed eleifend lacus eu sapien sagittis imperdiet. Etiam tempor mollis augue, ut tincidunt ex interdum eu. Pellentesque rhoncus lectus sed posuere viverra. Vestibulum id turpis lectus.
- Project definition & Brainstorming
- Research stakeholders, competitors and practitioners
- Idea workshop & Prototyping
- Usability Testing
- Design Delivery
03
User flow
Curabitur vulputate arcu odio, ac facilisis diam accumsan ut. Ut imperdiet et leo in vulputate. Sed eleifend lacus eu sapien sagittis imperdiet. Etiam tempor mollis augue, ut tincidunt ex interdum eu. Pellentesque rhoncus lectus sed posuere viverra. Vestibulum id turpis lectus.
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
D3.js
Curabitur vulputate arcu odio, ac facilisis diam accumsan ut. Ut imperdiet et leo in vulputate.
Scss
Curabitur vulputate arcu odio, ac facilisis diam accumsan ut. Ut imperdiet et leo in vulputate.
Html
Curabitur vulputate arcu odio, ac facilisis diam accumsan ut. Ut imperdiet et leo in vulputate.
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.