Rialto
Rialto connects patients with medical professionals quickly and conveniently. We helped Rialto build its logo and website design.
Year
2020What we do
Logo Website Design01
Keywords
The first process was gathering keywords taken from briefing and discussion with the Rialto team. The results were the four main keywords below. It served as our guide to begin the logo design process.
Convenient
Reliable
Fast
Physician
02
Keywords
Breakdown
The next step was to create objects or design elements to represent each keyword above. We combined the objects to visualize some logo ideas.
![Convenient - Rialto](./assets/images/rialto/keyword-breakdown-1.png)
Convenient
![Reliable - Rialto](./assets/images/rialto/keyword-breakdown-2.png)
Reliable
![Fast - Rialto](./assets/images/rialto/keyword-breakdown-3.png)
Fast
![Physician - Rialto](./assets/images/rialto/keyword-breakdown-4.png)
Physician
03
Exploration
Below are some of the logo concepts that we came up with.
![Exploration Image 1 - Rialto](./assets/images/rialto/exploration-1.png)
![Exploration Image 2 - Rialto](./assets/images/rialto/exploration-2.png)
![Exploration Image 3 - Rialto](./assets/images/rialto/exploration-3.png)
![Exploration Image 4 - Rialto](./assets/images/rialto/exploration-4.png)
![Exploration Image 5 - Rialto](./assets/images/rialto/exploration-5.png)
04
Further Development
We developed the selected idea further with more options and explorations.
![Concept Image 1 - Rialto](./assets/images/rialto/concept-1.png)
![Concept Image 2 - Rialto](./assets/images/rialto/concept-2.png)
![Concept Image 3 - Rialto](./assets/images/rialto/concept-3.png)
![Concept Image 4 - Rialto](./assets/images/rialto/concept-4.png)
![Concept Image 5 - Rialto](./assets/images/rialto/concept-5.png)
![Concept Image 6 - Rialto](./assets/images/rialto/concept-6.png)
![Concept Image 7 - Rialto](./assets/images/rialto/concept-7.png)
![Concept Image 8 - Rialto](./assets/images/rialto/concept-8.png)
![Concept Image 9 - Rialto](./assets/images/rialto/concept-9.png)
![Concept Image 10 - Rialto](./assets/images/rialto/concept-10.png)
![Concept Image 11 - Rialto](./assets/images/rialto/concept-11.png)
![Concept Image 12 - Rialto](./assets/images/rialto/concept-12.png)
![Concept Image 13 - Rialto](./assets/images/rialto/concept-13.png)
![Concept Image 14 - Rialto](./assets/images/rialto/concept-14.png)
![Concept Image 15 - Rialto](./assets/images/rialto/concept-15.png)
![Concept Image 16 - Rialto](./assets/images/rialto/concept-16.png)
![Concept Image 17 - Rialto](./assets/images/rialto/concept-17.png)
![Concept Image 18 - Rialto](./assets/images/rialto/concept-18.png)
05
Color
After a few iterations with the client's feedback, the next step is to explore the colors.
3BC3EE
5A88FF
06
High Fidelity Concept
Here is the high-fidelity version of the Rialto logo concept.
![Logo - Rialto](./assets/images/rialto/logo.png)
![Logo White - Rialto](./assets/images/rialto/logo-white.png)
07
Typography
We chose Fira sans, a modern and classy font with a bit of accent on each lowercase letter. Like the spur on its lowercase "a"!
![Fira Sans Font - Rialto](./assets/images/rialto/fira-aa.png)
![Header Typography Title - Rialto](./assets/images/rialto/header-typography-title.png)
![Header Typography - Rialto](./assets/images/rialto/header-typography.png)
![Body Typography Title - Rialto](./assets/images/rialto/body-typography-title.png)
![Body Typography - Rialto](./assets/images/rialto/body-typography.png)
08
Final Logo
Here is the final logo that we delivered to the Rialto team!
![Final Logo White - Rialto](./assets/images/rialto/rialto-white.png)
Colore Logo
![Final Logo Color - Rialto](./assets/images/rialto/rialto-color.png)
Monochrome
09
Web Design
The Rialto team wanted us to build a quick homepage based on the final logo. We created a design that utilize the logo as ornaments and patterns throughout the website.
![Web Design - Rialto](./assets/images/rialto/web-design.png)