Intern | UI + UX Design
HosTalky
Website
Duration:
4 months,
2021 Summer
Contribution:
UX research, UI visual design
HosTalky is a promotional multiplatform website for an upcoming healthcare worker message app I did over my internship at Remitbee in summer 2021.
During the project, I am the sole designer, and I have consulted with the co-found for business goals and general feedback, collaborated with the marketing team for contents, and web developers to implement the website.
Deliverable:
Tools:
Figma, Adobe Photoshop
Adobe Illustrator,
Adobe After Effect
Research
In the beginning, I knew I was going to create a promotional website for a messaging app, I interviewed with the co-founder first to understand the product goal and vision of the app, the project scope, the contents he would like to put the website.
After that, I have read through the white paper to learn about the app story, features, and the problem the app solved.
Since there are other messaging apps on the market like Signal and Slack, I have conducted a competitive analysis to see what information they have on their website and how they engage with their users.
I also searched how to launch an app on Google to learn what marketing content is needed and the steps of promoting an app.
Finally, I played around in the HosTalky messaging app to learn the brand styles, fonts, and colors the app used.
Through the research, I learned the essential contents needed to be the website and the goal of the website.
The Goals
Since the messaging app is currently in the pre-launched phase, the goals of the website are:
01
Create an informative, attractive, and multiplatform website for the pre-launched phase.
02
Have a branding strategy to connect with the potential users and position the product at the market
03
Provide essential information about HosTalky for the potential users to generate their interest in the app
Other Key Takeaways
From the research, I also found other key takeaways:
Headline: short, concise, answer why the users might
need the app
Call to Action button
Social proofs: client company reviews, customer reviews
Concise and to-the-point copy: user pain points, the
benefits to the users, answer the users' questions
High-quanlity media such as images, videos to
communicate your ideas
The Approach
With the challenges in mind, we did more research.
We found a perfect car for our car-sharing app. The SOLO is:
- a single-seater electric car designed specifically for travel in the city.
- It is small, affordable, and manageable, which is the perfect vehicle for students to get around!
With this, more SOLOs can be scattered across the lower mainland, allowing more people to have access to it no matter where they live.
The SOLO car photo
Also, I came up with a request car feature that can help users to save the cost after conducting research on other car sharing apps on the market.
The request feature allows users to request cars if there is no car available in the users’ nearby location. Other users who drive cars can accept the requests when they book the car and select their final destination. After accepting the request, they will bring the cars to where it is needed. The driver users who accept the requests can get a discount on their rides.
Target User
and Persona
- University and college students in Vancouver
- Ages around 18 to 30 years old
Let’s meet our friends Nia and David.
The Goals
and Features
With the user in mind, we defined our app’s goals to help users to solve the problems:
- Providing single-person electric cars to offer users an affordable and convenient commute option
- Having a request feature helps users when no car is available nearby and also to help them to save some money
Here are the features:
After booking a car, students will be able to see the stations that have car requests. If they accept a request, they will get a discount on their trip.
Book a Car
Students can book a car from charging stations that are nearby.
When there is no car available nearby, students can send a car request to ask someone to bring the car to them.
Request a Car
Accept a Car Request
User Testing
After the first version prototype, we did user testing with 4 users remotely. I was responsible for 2 of them. The interviewees are all university students aged from 21 to 27 because our target users are college students. Also, they come from various backgrounds and different experience levels of using car-sharing apps. So we can receive feedback from different perspectives.
4th year student in Design
Never used car sharing app before
Banban | 23 years old
Sukhneet | 22 years old
4th year student in Information Technology
Never used car sharing app before
5th year PhD student in Statistic
Have used car sharing app before
Jackie | 27 years old
David | 21 years old
3rd year student in Computer Science
Have used car sharing app before
During the testing, the users were told it is a car-sharing app and they could play around with it to book a car, request a car, and accept a car request.
Here are the main problems we found and the improvements we would like to make:
Final Design
After some design iterations, we finally made a final version prototype that met our goals.
On boarding
Request a Car
Book a Car
Accept a Car Request
Reflection
Overall, our app received positive feedback from TA and professor. During the process, I gained a deeper understanding of the importance of making the app unique. Also, making the design simpler is always better than making it complex. Working in a team, I have learned clear communication and aligning with the team’s goal in the early stage is very important for collaboration. Since we didn't have time to do another user testing after the design improvements, I wish I can do the user testing on the later version.