BRANDING / UX UI DESIGN

Betacard

Brief

Betacard is a digital contact management SaaS product that lets individual users and businesses create their own custom digital cards with interactive links. The product allows easy sharing and storing of contact information that is always updated.

Year
2019-2021
Role

In the beginning, I was brought in to work on the branding, art direction and marketing visuals, together with the website. My teammates have created the initial wireframes and gone through a few iterations of hi-fidelity prototypes with the client.

In later stages, I started to work on the Ui/Ux of the app and web screens, also worked closely with the developers. Along the way, I also supervised a few junior designers that were working on the marketing materials.

Team
Ui/Ux
  • Adri Johari
  • Loo Jye Miin
  • Ahmad Hamidi
Graphic Design
  • Seow Joanne
  • Ashiq Hazwani

Getting Started

Target Audience

PRIMARY
HR Managers, Administrative Assistants, Secretaries - 21 to 55 years old

The people that knows the ins and outs of the company, keeps a company running with their organized planning while keeping tabs on companies’ employees  

  • Tech Savvy
    proficient in the use of modern technology and takes advantage of what tech offers
  • Innovators
    always being ahead of the trend and willing to adopt something new out in the market
  • Optimizer
    always looking for ways to improve efficiency for finishing tasks
  • Environmentally Conscious
    would adopt lifestyle choices that are more environmental friendly
Secondary
Business Owners - 26 to 50 years old

Entrepreneurs that are willing to adopt new technology to optimise their business operations.

Tertiery
Sales Representatives - 21 to 40 years old

They are always out and about meeting new clients and constantly giving out their name cards to potential leads.

Product Strategy

We studied other contact management apps and also web editing products to get a better idea of what kind of features that were needed for Betacard.

Click on images to expand

Branding

When we developed the identity, we wanted to incorporate the idea of cards into the app icon and logotype. 

The icon is also used as a loading animation throughout the product. We also created a style guide to keep the product looking consistent.

Click on images to expand

UX UI

APP

User Flow

Click on image to expand
APP

Features

Create custom name cards

Users are able to create their own custom cards or choose from the countless templates we’ve created to get started with.

Share contacts easily

  • Nearby
  • QR
  • Whatsapp
  • Messaging
  • Link

Accessible up-to-date details

Stored cards with interactive links allow users to easily connect with their contacts. Updated contact detail are immediately reflected 
and notified.

Scan paper cards

As many people are still using paper cards, we need  an OCR feature for users to create virtual contact cards to store existing contacts in the app.

Website

Marketing

On-Ground Campaigns

The product launched when the covid lockdown in our country began, we had various ideas to promote the product, but some couldn’t be executed. Below are some of the posters created that we wanted to use for college campuses.

We had a campaign to digitize physical name cards that was dropped off 
at co-working spaces which was successful as that created traction for 
new users to try out the app.

Funding

Pitch Decks

During the development, the founders pitched to various venture capitalists, startup initiatives and government bodies for funding. Below is a snapshot of some of the slides that I’ve created.

Click on image to expand
WEB

Business User Flow

Click on image to expand
web

Key Features

Create templates for your teams

Companies are allowed to create multiple cards for different branches or even update designs periodically.

Add your teammates

Once cards are created, teammates can be easily invited through email and removed if they change teams or leave the company.

Store your teammates contacts

Companies can choose to store their teammates’ contacts in order to create 
a directory to contact their customers.

Learnings

The importance of user research, data and feedback

There are so many things I wished I’d done differently in this project, I wish I had convinced the stakeholders to do user research such as user interviews before and after the app launch to see if the product will be viable in Malaysia. Due to tight deadlines caused by funding, the design and development had to take precedence over research.

Rapid testing would’ve been a better process

We used the usual project process that I think wasn’t the best method for the product development. Rapid testing during the design process would’ve given us a better idea for product development strategy. With rapid testing, I think it would’ve save us a lot of development time.

Usual product process
Rapid testing process
Wanna create something with me?
Send me an email or connect with me.