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.

Click to visit the live website.

Deliverable:

Tools:

Figma, Adobe Photoshop

Adobe Illustrator,

Adobe After Effect

 
multidevices-2.png

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.

solo-white_bottom.png

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

Asset 3.png

- University and college students in Vancouver 

- Ages around 18 to 30 years old

web asset-03.jpg

 Let’s meet our friends Nia and David.

persona-04.jpg

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.

Asset 4@2x.png

4th year student in Design

Never used car sharing app before

Banban | 23 years old

Asset 6@2x.png

Sukhneet | 22 years old

4th year student in Information Technology

Never used car sharing app before

Asset 5@2x.png

5th year PhD student in Statistic

Have used car sharing app before

Jackie | 27 years old

Asset 7@2x.png

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:

Artboard 12 copy 2@2x-100.jpg
Artboard 12 copy@2x-100.jpg
Artboard 12@2x-100.jpg

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.