Contact

Umami

View Site

2020
UI/UX
WOW Website
Visual Brand Identity

About

Umami View – is an omnichannel SaaS platform that connect all areas of optometrist IT in one clear platform to help opticians work more efficiently, faster and easier.

CHALLENGE

Our studio was tasked with creating an efficient, fast, and easy-to-navigate website that presents the apps for opticians developed by Umami View. We needed to describe the software in a way that was easily understandable and appealing to optometrists.

SOLUTION

Amazing website that represent Umami View platform in the best way.

Umami View Website-1
Text section
Order number
1
Remove spacing
(type 'top' or 'bottom')
Umami View Website-1
Full screen section
Order number
2
Remove spacing
(type 'top' or 'bottom')
Umami View Website-1
Full screen section
Order number
2
Remove spacing
(type 'top' or 'bottom')
No items found.
Umami View Website-1
Multi image section
Order number
Remove spacing
(type 'top' or 'bottom')

Umami View Website-1
Details section
Order number
Remove spacing
(type 'top' or 'bottom')
Umami View Website-1
Framed section
Order number
Remove spacing
(type 'top' or 'bottom')
Umami View Website-1
Framed section
Order number
Remove spacing
(type 'top' or 'bottom')
Umami View Website-2
Text section
Order number
Remove spacing
(type 'top' or 'bottom')
Umami View Website-2
Full screen section
Order number
1
Remove spacing
(type 'top' or 'bottom')
bottom
Umami View Website-2
Full screen section
Order number
1
Remove spacing
(type 'top' or 'bottom')
bottom
No items found.
Umami View Website-2
Multi image section
Order number
2
Remove spacing
(type 'top' or 'bottom')
top

Umami View Website-2
Details section
Order number
Remove spacing
(type 'top' or 'bottom')
Umami View Website-2
Framed section
Order number
3
Remove spacing
(type 'top' or 'bottom')
Umami View Website-2
Framed section
Order number
3
Remove spacing
(type 'top' or 'bottom')
Umami View Website-4
Text section
Order number
Remove spacing
(type 'top' or 'bottom')
Umami View Website-4
Full screen section
Order number
2
Remove spacing
(type 'top' or 'bottom')
top
Umami View Website-4
Full screen section
Order number
2
Remove spacing
(type 'top' or 'bottom')
top
No items found.
Umami View Website-4
Multi image section
Order number
Remove spacing
(type 'top' or 'bottom')
FROM CHAOS TO STRUCTURE

The animation idea is clear. Optometrists work with many tools and have a lot of data to work with. And it is such a chaotic thing! But Umami View with their organized ecosystem of apps for optometrists make it structured, and clear.

Umami View Website-4
Details section
Order number
1
Remove spacing
(type 'top' or 'bottom')
bottom
Umami View Website-4
Framed section
Order number
Remove spacing
(type 'top' or 'bottom')
Umami View Website-4
Framed section
Order number
Remove spacing
(type 'top' or 'bottom')
Umami View Website-5
Text section
Order number
Remove spacing
(type 'top' or 'bottom')
Umami View Website-5
Full screen section
Order number
2
Remove spacing
(type 'top' or 'bottom')
top
Umami View Website-5
Full screen section
Order number
2
Remove spacing
(type 'top' or 'bottom')
top
No items found.
Umami View Website-5
Multi image section
Order number
Remove spacing
(type 'top' or 'bottom')
DEMONSTRATE FLEXIBILITY

The animations is howing the idea of availability from everywhere. You need just one app that can be used on any device. We created the visual story with changing devices showing that the apps can work on desktop, tablet, and mobile.

Umami View Website-5
Details section
Order number
1
Remove spacing
(type 'top' or 'bottom')
bottom
Umami View Website-5
Framed section
Order number
Remove spacing
(type 'top' or 'bottom')
Umami View Website-5
Framed section
Order number
Remove spacing
(type 'top' or 'bottom')
Umami View Website-6
Text section
Order number
Remove spacing
(type 'top' or 'bottom')
Umami View Website-6
Full screen section
Order number
2
Remove spacing
(type 'top' or 'bottom')
top
Umami View Website-6
Full screen section
Order number
2
Remove spacing
(type 'top' or 'bottom')
top
No items found.
Umami View Website-6
Multi image section
Order number
1
Remove spacing
(type 'top' or 'bottom')
bottom
COVER TEMPLATE

We created a template for blog covers with safe-zone guidelines. Any designer can use this template to create covers that will work well for the blog.

Umami View Website-6
Details section
Order number
3
Remove spacing
(type 'top' or 'bottom')
bottom
Umami View Website-6
Framed section
Order number
4
Remove spacing
(type 'top' or 'bottom')
top
Umami View Website-6
Framed section
Order number
4
Remove spacing
(type 'top' or 'bottom')
top
Umami View Website-7
Text section
Order number
Remove spacing
(type 'top' or 'bottom')
Umami View Website-7
Full screen section
Order number
1
Remove spacing
(type 'top' or 'bottom')
Umami View Website-7
Full screen section
Order number
1
Remove spacing
(type 'top' or 'bottom')
No items found.
Umami View Website-7
Multi image section
Order number
Remove spacing
(type 'top' or 'bottom')

Umami View Website-7
Details section
Order number
Remove spacing
(type 'top' or 'bottom')
Umami View Website-7
Framed section
Order number
2
Remove spacing
(type 'top' or 'bottom')
Umami View Website-7
Framed section
Order number
2
Remove spacing
(type 'top' or 'bottom')
Next
Case
Remove UI
Name
Tell about yourself
Hello, what is your name?
Oops! Please enter your valid name so we can address you properly
Project type
Start a project
It’s nice to meet you, name! What would you like to discuss?
About project
Tell more about your project
Can you tell us a bit more about your project?
Budget
Tell about your price expectations
What’s your budget range
for this project?
Deadline
What about deadlines?
What are your timeframes expectations?
About Cosmos
And how you met us?
How did you learn about
Cosmos Studio?
Contact
Let’s be in touch
How can we contact
you back?
Please enter valid email address.
Name
Thank you
Thank you, name!
We’ll contact you soon.
Back home in
00:00:12
Oops! Something went wrong while submitting the form. Try again later
Go back