UI / U X D ESI G N ER
2019
//////////////////////////////////////////////////////////
AGENCY AND PERSONAL PROJECTS - 2017 AND 2019
Luciano Cassan
/
Portfolio
/
Create experiences, deliver journey Delight people.
Luciano Cassan UI/UX DESIGNER
26 years old 30/12/1992 Libertador 1186 - CABA - Argentina lucianocassan92@gmail.com
Curriculum
WORK EXPERIENCE
UI/UX DESIGNER
UI/UX DESIGNER
INDICIUS
BUENOS AIRES CITY GOBERMENT
SEPTEMBER 2018 - PRESENT
FEBRUARY 2018 - SEPTEMBER 2018
COMMUNICATIONS COORIDINATOR
VISUAL COMMUNICATION DESIGNER
JÓVENES EN ACCIÓN - ONG
QUIMERA ESTUDIO, SANTA FE
MARCH 2017 - DECEMBER 2017
JUNE 2017 - DECEMBER 2017
VISUAL COMMUNICATION DESIGNER FREELANCE MARCH 2013 - PRESENT
EDUCATION
BA DEGREE IN VISUAL COMMUNICATION DESIGN
UX DESIGN
UNIVERSIDAD NACIONAL DEL LITORAL 2016 - 2018
CODERHOUSE - PRESENTIAL DECEMBER 2017 - FEBRUARY 2018
TRAINING
HUMAN-CENTERED DESIGN
WEB DESIGN AND CODING
UNIVERSITY OF CALIFORNIA - ONLINE
UDEMY - ONLINE
OCTOBER 2017 - NOVEMBER 2017
JULY 2017 - NOVEMBER 2017
LANGUAGES ADVANCED ENGLISH
NATIVE SPANISH
BASIC ITALIAN
UI/UX
Projects Projects and processes
Quiero Depto UX Design Process
CODERHOUSE ACADEMY
Quiero depto is a product developed the main project of an User Experience Design course in Coderhouse Academy. During the process, we developed and iterated following the instances of UX design.
08
//////////////////////////////////////////////////////////
Iterative Process To develop the app's experience design we generated an iterative process that contemplates different steps.
1
MVP
2
PERSONAS
3
BENCHMARK
4
USERFLOW
5
PROTOTIPADO Y TESTEO
6
PROTOTIPOS DE ALTA FIDELIDAD
1. MVP Minimun viable product
In the first step we defined the project objectives and scope. This refers to the understanding of the basic funcionalities required to accomplish that scope and objectives.
.OBJETIVES Quiero Depto it’s a mobile app that allows to appoint a visit for an apartment with direct owners that is available to rent. It allows the future tenants to find an apartment quickly, without additional costs and without intermediaries. By the time the users use the app to schedule visits, it builds a database with people really interested in rent an apartment, segmented by interests and zone.
//////////////////////////////////////////////////////////
.SCOPE In a first version, the app will have limited functionalities. After a regional test it is planned to build a 2.0 version that can add new functionalities and be expanded to the whole country.
1.0 VERSION
CAN - Search for a direct-owner apartment for rent. - Identify available apartments for rent. - Make a rent contract with the owner.
CAN NOT - Make transactions like reservation or rent payment.
- Search outside of Buenos Aires City.
- See available days and schedules for a visit. - Schedule a visit. - Cancel a visit. - Filter by rent price, expenses price, number of
rooms, number of bathrooms, garage and balcony availability.
- Allows to see specification and photos of the apartment.
2. PERSONAS Personas design, target users for this application.
We consider personalities, preferences and hypothetic situations to solve, and where the app can be used. A description of characterized people is made, by the profile, objetives to accomplish, and main obstacles.
10
//////////////////////////////////////////////////////////
///// PERSONA Nº1
Candela Objetives
> To rent a low price apartment > To rent an apartment in a simple way, without bureaucracy or intermediaries. > To optimize the seca time and the contact with the owner.
22 años
Part time employed in a party supply store. Flores neighbor, City of Buenos Aires.
Outgoing, creative, active and a bit liberal.
Low traditional media and high online and social media
Obstacles
> Distrust of the service security. > It is hard for her to commit and accomplish (she has a tight agenda).
Biography
Candela is 22 years old, she lives with her parents in Flores, Buenos Aires. She doesn’t has any brothers or sisters, and is in her’s rst year of college to be a schoolgarden teacher. She doesnt’t like her job but knows that is temporal, so he uses a lot of social media at work.
Posible Scenario
Sunday, 11:30 AM, while drinking a latte, her mother tells her she wrote down 5 departments from the newspaper to visit that same day. Candela has scheduled a meeting with friends that day and doesn’t want to waste her time seeing apartments.
PERSONA Nº2
Andrés Objetives
> To reserve an apartment quickly and before it is not available any more. > To be able to book visits for departments online.
Obstacles
> He consider that it is useless to do the reservation online if you can not
31 años.
Project leader in a design agency. : Villa Crespo neighborhood , City of Buenos Aires. Outgoing, creative, active and liberal.
Average traditional media and high online and social media.
complete the transaction with online payment or deposit.
> The search process is still long and tedious
Biography
Andrés is 31 years old and lives in the neighborhood of Villa Crespo, Buenos Aires, with his girlfriend Lucia. They both work daily in an o ce, usually have little time to do paperwork, and on the free time he has, he intended to travel or to do some activity with his girlfriend and friends. He has been working in a design agency for 6 years and the environment has turned him a fan of technology. His motto is “if it can not be done online, it does not work”
Posible Scenario
Andrés proposes Lucia to expand the family, so it is convenient to move from a 2 room to a 3 room apartment. Both work all day from 9 to 18 and just thinking about spending hours searching and calling for apartment reservations discourages them very much.
//////////////////////////////////////////////////////////
3. Benchmark Understanding the market
A heuristic analysis is performed in order to understand the main strengths and weaknesses of the competition in terms of perform. The focus was placed on two currently used applications and future competitors of Quiero Depto.
PLATFORMS TO BE ANALYZED
1. ARGEN PROP
2. ZONA PROP
HEURISTIC EVALUATION AND SEVERITY TABLE
SCORE FROM 0 TO 4 - WHERE THE HIGHEST SCORE IS EQUIVALENT TO BETTER RESOLUTION.
1 2
Visibility of system status
2
0
Match between system and the real world
0
1
User control and freedom
1
0
Consistency and standards
2
0
Error prevention
3
3
Recognition rather than recall
0
2
Flexibility and efficiency of use
0
0
Aesthetic and minimalist design
2
1
Help users recognize, diagnose, and recover from errors
2
1
Help and documentation
4
4
//////////////////////////////////////////////////////////
Comienzo
NO
OMITIR
¿Elegir precio?
SI
Resultados Mapa Filtrar
Formulario con especificaciones
Ver detalles
Descartar
¿Agregar a Favoritos?
Iniciar sesión
Descartados
Agendar visita
Visitas programadas
Seleccionar día
Seleccionar hora
Visita agendada
The design of the story we want to tell the user is presented. An understanding of the main actions that the user would perform and how they would accomplish the objective of scheduling a visit is made. Finally, a flow diagram is developed with actions to be performed by the user.
NO
SI
Selecciono depto.
Agendar
Preferencias
Mis datos
//////////////////////////////////////////////////////////
Activar notificaciones
Modificar visita
Enviar un mensaje al dueño
Sesión iniciada
Detalles del dueño
Understanding primary actions
OMITIR
¿Elegir cant. de ambientes?
Ver lista de deptos.
Menú
Sesión iniciada
4. Userflow
13
5. Prototype and testing Low-fidelity prototype design, for the first test
Prototype design in low fidelity, considering the main userflow and the user test. This gives the possibility of executing the main interactions with the defined flow and being able to test it.
.PROTOTYPING
14
//////////////////////////////////////////////////////////
.TESTING Test objetives: Identify the most usability errors of the visit schedule flow.
Number of users who participated: 6
Main conclusions: The test was successful. The main tasks could be performed by users as it was designed. There were problems on the homescreen, where people did not read the description the app give them, and they never accessed the menu. In this case, they needed an instance of error recovery after having scheduled the visit.
Script: Juan lives in a two-room apartment, in a month and a half the contract expires and he has to find another place to live. He doesn’t have a lot of money, he has to avoid real estate and, on the other hand, he doesn’t have time to search for departments in the newspaper.
//////////////////////////////////////////////////////////
15
6. Mid-Fidelity Prototype Final mid-Fidelity Prototype design.
The visual styles and image of the brand are defined. Design of the 1.0 version, considering the defined styles and the insights of the test. Finally, the mid-fidelity design of the whole screens is made.
.SOME SCREENS
//////////////////////////////////////////////////////////
Mercado Pago Lading page + check out UI design MERCADO LIBRE
This project consisted in design the landing page for the new product of Mercado Pago, POS. They also wanted the check-out flow for POS’s Android app. The company provided me a brief with some specifications and the written content The context for this was a job interview process, which i leave the agency where I currently work.
///// //////////////////////////////////////////////////////////
19
//////////////////////////////////////////////////////////
Android UI/UX check-out flow design
1
4
2
3
5
//////////////////////////////////////////////////////////
20
Colรณn Theater Complete site redisesign UX + UI COLON THEATER, BUENOS AIRES CITY GOVERMENT
This project consisted in the challenge of redesigning the site of one of the most important theaters in the world. Starting with user research, mapping the insights on a big board and prototype solutions. This was based on insights and the Theater team goals.
The team was conformed by 2 ux designers and 2 ui/ux designers. (Not released yet)
Orquesta Filarmรณnica de Buenos Aires
1
Tres Hermanas
//////////////////////////////////////////////////////////
123 Seguro blog Blog ux/ui Design INDICIUS AGENCY
123 Seguros asked Indicius Agency for a complete redesign. The old version needs to be updated and should include some conversion technics. The project had a first step of creative thinking and moodboarding. The second step was to built a prototype including conversion techniques but trying not to get the user out of the site. Finally, the UI design push nice pixels to the interface.
Project made with Salvador Fernandez.
//////////////////////////////////////////////////////////
24
Landing Page UI Landing Page ROSELAB AGENCY
This project started from 0. Rafael Romis wanted a simple landing page that could show his design agency simple and clean. This way i created some wireframes that the client approved to go with this final UI product.
Project made with Salvador Fernandez.
//////////////////////////////////////////////////////////
Nodus Webapp UI/UX DESIGN INDICIUS AGENCY
Nodus is a web analytics and web performance platform that tracks and reports website traffic. This project consist in a ui reskin based in the client wireframes.
//////////////////////////////////////////////////////////
29
//////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////
30
Personal Projects UI experimentation projects PERSONAL PROJECT
Pesonal projects consist in design experimentations. Works usually based on briefs to improve the ui/ux and also skills.
//////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////