Final Project,
Horsicar
Hello guys! Today is my last … post as an IronHack UI UX design Student. This bootcamp was the roller coaster… so passionate. My teachers Snezana & Ayesha passed on their knowledge to us with such pedagogy and kindness. And our little class was really endearing. So as I write this post, I say goodbye to my student outfit and YES, I am certified UI UX designer by Ironhack. I did it, and I’m writing to you proudly.
Context
So, for this last project, I want to share you my approach for my client, the founder of @Horsicar https://www.horsicar.com/fr/ to redesign her website.
1. Kick-off meeting
Before starting our design process for Horsciar, we planned with our client a kickoff meeting between us, the project team and our client of the project Horsicar. We introduced ourselves, and we presented to our client to project planning.
It was also the moment to talk with our client, to interview her too, and to talk about the vision of her project, the mission of Horsicar, the WHY of Horsicar, to be in phase with the vision of the founder when we will work on it :)
An of course, we prepared competitors analysis we discussed with our client, to define the best projection for Horsicar.
We share to our client some tools :
- Trello link: to follow each step of our work
- Miro link ; to share her our deliverables too
And moreover, we asked our client some data she could share us: her personas, the users profiles, her branding, her CRM … And the problems she observed.
2. Research
- Business and competitors analysis
From our research, we found three direct competitors, and our client confirmed us that they were Horsicar’s competitors.
Renteo, which has the even offer than Horsicar, but its real strategy is to rent its vehicles, to help people to make the purchase of their high-end vehicle profitable at Proteo.
Dadavrom, described as the first collaborative and secure platform for private rentals of equine transport vehicles.
Galopro, a horse truck rental under their own brand.
All are a web platform, but they don’t have all the same features. So we compared the features in a next step, the features on each web platform.
And, Horsicar is the more intuitive and complete web platform dedicated to rental of vans and horse trucks between individuals and professionals.
So what we expected for Horsicar is this positioning market :
- Quantitative data : survey
To lead our survey, we use the Lean Canva Survey, and from that we organised in eight questions on a Google form, sent to the users of Horsicar, thanks to the CRM of our client.
Quantitative data which is expressed in numbers and counts, but from them, we analysed three criteria very important for us :
a. If they only use Horsica ?
b. What is mostly important for them when they have to select a vehicle
c. Which device they mostly used to connect to Horsicar?
- Qualitative data: Interviews
To collect precious and qualitative data, we interviewed six users of Horsicar, with the same draft of interview.
We learnt a lot, from our data, that we did not expect during our kick-off meeting, very interesting!
3. Define
- Affinity diagram
The affinity diagram is a tool we used to organise our qualitative data, it helps us to create groups of similar items to then analyze qualitative data. It is an effective way to categorize qualitative data, and with the voting we selected two pains we want to resolve.
- Persona & User Journey Map
Our persona, Jumping Juliette, is based on the data collected, and she gives more details about the behaviour and attitude of Horsicar’s users.
We created her user journey map, shared by mostly users.
And we observed some actions, from it, we could imagine some opportunities :
For example, when Jumping Juliette found a lot of results on the catalogue, she fills out her information: geography, days, number of horse, but the opportunity is to clarify and improve the search filters to have the best results adapted to her needs.
- Problem and Hypothesis statement
4. Ideate
- Site Map
Here is the sitemap of Horsicar, representing the structure of the website, including all directories and subpages. We chose to keep it, but to improve only some features, and UI in the user flow.
- User flow to be
We change the user flow of horsicar .
A user represents a series of steps that the user takes to achieve a specific goal : rent a vehicule during specific days .
It usually consists of a name, users and a description of what happens at each step :This representation starts from an entry point, fill out information to the last action which can be the purchase of a product, so to enter her card to rent the vehicle.
- Lean Canva Value Proposition
This method helped us for defining the value proposition of the new Horsicar : With this matrix, we focus on : the users, their problem and therefore their need, and the answer that we are going to bring to it.
- User stories
We made a list of simple description of a need or expectation expressed by the users of Horsicar, and used in the field of new product design to determine the functionality to be developed.
- MOSCOW method
To decide on our future MVP, we use the MOSCOW method, to prioritize on the features for specific needs.
- Sketch & Low-fi
And well, here is our first sketch : our Low Fi ^^
We tested it to some users, to understand what we have to improve, and then we go to the mid-fi step !!
5. Prototyping
- Mid-fi
Here are some screens of our Mid-fi.
- Testing and iteration
We tested it to ten users, and we collected their feedbacks :
the calendar to select dates, was not clear, the icons were not really understandable sometimes like the reviews and the add to my favourite, they did not see the success of their payment… woah a long list ;)
This is the game, we have to iterate our mid-fi testing, before our Hi-fi ;)
- The visual design
we decided to keep the colours of Horsicar, her branding, and moodboard were very perfect, so dynamic. Of course, we talked about that with her users, that’s why, we agree to play with the Horsicar’s palette :) and pictures of vehicles, are important for the website. This is an important element ;)
we want just to add our personal touch, based on our meeting with our client, more clear, more simply, more userfriendly. So we changed the font of Horsicar to the Brown font,more userfriendly. And we use one colours for the button “call to action” , the pink ;)
We worked on the UI, and we added something very important in the way of her vision : the community. Being a client in Horsicar means belong to a community of horseback riding enthusiasts
We add the profile picture, to humanise the interaction between users for example.
- Hi-fi
you want to log ? Really easy now, and so user-friendly !!
And now, I present you our Hi-Fi, validated by our client, and thanks to her …
She trusted on us, and she gave us all the access to understand the users actions, their behaviour, etc … but this her secret ;)
So click here, and enjoy your experience on the redesigned Horsicar ;)
Conclusion …
Thank you Anne Sophie, to trusted on us …
Thank you Marie Berthelet to be my partner in design UI UX crime ^^
Finally...
Without regret, I am so happy to have been selected for the IronHack Bootcamp, a logical continuation of my zebra entrepreneurial journey.
I arrived there, during the COVID-19 crisis, and I am proud to be certified, a bootcamp not relentlessly, but our teaching team knew how to transmit to us the UI UX design, her passion, with pedagogy and beyond the training, the human ... they were able to manage our emotions as apprentices, in moments of doubt, fatigue or excess energy;) Advance step by step, and so quickly ... Thank you Snezana and Ayesha <3 ,for being so committed: you had the heart that we succeed and that we understand, and today I am a phoenix which is reborn from its wings;)Thank you to Morgane et Kathryn to help us by your personal coaching... so precious... to close our bootcamp with you.I leave with lightness, strong wings ... telling myself that I belong to the IronHack family!
