Your virtual investment portfolio. Investing
has never been easier.
Your virtual investment portfolio.
Investing
has never been easier.
Your virtual investment portfolio.
Investing
has never been easier.
Alto is a real estate investment startup based in Geneva, Switzerland. It has a portfolio of real estate investments, including hotel constructions and large renovation projects. Alto's standout strategy is its ability to offer a significant volume of investments across Europe, and its tailored payment plans.
Alto is a real estate investment startup based in Geneva, Switzerland. It has a portfolio of real estate investments, including hotel constructions and large renovation projects. Alto's standout strategy is its ability to offer a significant volume of investments across Europe, and its tailored payment plans.
The team
The team
Product Owner
Product Owner
Product Designer (My role)
Product Designer (My role)
5 Developers
(3 Frontends / 2 Backend)
5 Developers
(3 Frontends / 2 Backend)
QA
(Software Quality Lead)
QA
(Software Quality Lead)
Context study
Context study
Alto's agents faced that all the new opportunities that were arising had a significant deficit of investors, which meant that the agents themselves had to leave their daily tasks and go out to sell them.
Alto's agents faced that all the new opportunities that were arising had a significant deficit of investors, which meant that the agents themselves had to leave their daily tasks and go out to sell them.
Indicators
Indicators
Deficit of investment
Deficit of investment
The agents who used to track investments must now shift their focus to seeking out new investors or persuading existing ones to invest in new projects.
The agents who used to track investments must now shift their focus to seeking out new investors or persuading existing ones to invest in new projects.
The problem
The problem
I believe the problem of the lack of investments doesn't stem from the projects being uninteresting or unprofitable, nor from agents selling them poorly.
The issue lies in agents being limited to offering only 30-minute meetings to each possible investor. Even if these meetings are periodic, they occur within a short span of time. This prevents investors from having the necessary time to fully consider a possible investment or to build their interest and trust in the project.
The hypothetical solution
The hypothetical solution
After identifying that the major problem within Alto was the lack of communication channel that didn't rely entirely on the agents, I decided to offer them a new platform where investors could actively search for investment opportunities and customize their payment plans according to their needs.
Taskflow & Userflow
Taskflow & Userflow
Frida (Alto agent)
Arrange an appointment with a potencial investor
Frida (Alto agent)
Arrange an appointment with a potencial investor
Frida logs in to alto
Frida logs in to alto
Enters to opportunities section
Enters to opportunities section
Searches the project she wants to suscribe her client
Searches the project she wants to suscribe her client
Enters to the project details
Enters to the project details
Arrange an appointment with a potencial investor
Arrange an appointment with a potencial investor
Add an investor
To have a better experience , see this section in a desktop device.
Christian (real state investor)
Applying for a potential investment.
Christian (real state investor)
Applying for a potential investment.
Christian sign in to Alto
Christian sign in to Alto
Validates his account
Validates his account
Choose a project from Opportunities section
Choose a project from Opportunities section
Ask for invest on that project
Ask for invest on that project
He schedules an appointment with a bank agent in order to evaluate investments.
He schedules an appointment with a bank agent in order to evaluate investments.
Ask information about an investment
Ask information about an investment
Wireframes
Wireframes
Style Guides
Style Guides
For this project my goal was to develop an UI KIT, so I started by making a moodboard to get closer to the desired flavor and look and feel. Three different proposals were presented, based on keywords that I could detect from interviews with stakeholders:
"Tech, crypto, sustainability, vibrant colors, nature".
For this project my goal was to develop an UI KIT, so I started by making a moodboard to get closer to the desired flavor and look and feel. Three different proposals were presented, based on keywords that I could detect from interviews with stakeholders:
"Tech, crypto, sustainability, vibrant colors, nature".
Moodboard
Gradients, rounded shapes, bold tipografy, colorfull , Glassmorphism
#D35270
#6641BE
#502DFF
#04C2EC
Color Palette
Core and actions
Primary-Surface
Primary-Default
Primary-Contrast
Secondary-Surface
Secondary-Default
Secondary-Contrast
Color Palette
Core and actions
Primary-Surface
Primary-Default
Primary-Contrast
Secondary-Surface
Secondary-Default
Secondary-Contrast
Used for accents & actions.
Secondary
#6968FF
#8900F5
#DCDCFF
Used as the primary color.
Gradient
Linear gradient
#29FFF7
#8900F5
Typography
Typography
Desktop Typography
Work Sans
Headline 1 (60px)
Work Sans
Headline 2 (40px)
Work Sans
Body (16px)
Mobile Typography
Work Sans
Headline 1 (48px)
Work Sans
Headline 2 (30px)
Work Sans
Body (16px)
Desktop Typography
Desktop Typography
Work Sans
Headline 1 (60px)
Work Sans
Headline 1 (60px)
Work Sans
Headline 2 (40px)
Work Sans
Headline 2 (40px)
Work Sans
Body (16px)
Work Sans
Body (16px)
Mobile Typography
Mobile Typography
Work Sans
Headline 1 (48px)
Work Sans
Headline 1 (48px)
Work Sans
Headline 2 (30px)
Work Sans
Headline 2 (30px)
Work Sans
Body (16px)
Work Sans
Body (16px)
Mockups
Mockups
© 2024 Mariel Guadalupe Vargas
© 2024 Mariel Guadalupe Vargas
Guadalupe
Vargas
© 2024
Mariel Guadalupe Vargas
© 2024 Mariel Guadalupe Vargas