ANDIAM

Reshaping learning into bite-sized 30-second short-form videos

CLIENT

Andiam

MY ROLE

Product Manager – UX, UI, research, product management

Product Manager
UX Design, UI Design

TEAM

1 Product Designer, 4 Software Engineers, 1 Engineering Manager

1 Product Designer, 4 Software Engineers,
1 Engineering Manger

1 Product Designer
4 Software Engineers
1 Engineering Manger

PROJECT TYPE

Mobile (Android & iOS)

BACKGROUND

Andiam is a WEB3 social media platform that spreads knowledge through short-form videos. The Andiam Team has decided to go in the direction of a mobile app as its primary channel to reach potential users. The application will allow customers to interact with and refresh the Edutainment (Education + Entertainment) experience through their smartphones.

I managed the product design (UX & UI) team and collaborated with the tech team to develop this short-form video platform in a sprint development process

Challenge

One of the challenges of this project was getting all stakeholders to agree on a feasible timeline for the app, including all the essential features. The project founders aimed to pitch to venture capitalists with the Minimum Viable Product (MVP) for fundraising

goal
goal

Create an MVP with core features up and running within 3 months

approach
approach

After rounds of collaborative discussions, we crafted and fine-tuned the framework and details for the core features that constitute the backbone of this project. The team began with text documents, wireframes, and workflows as the essential formats for all teams to communicate effectively. This ensured a unified understanding of the challenges and opportunities that lay ahead for all teams over the next three months

Wireframes
& UX Flows
Wireframes & UX Flows
Wireframes & UX Flows

Following insightful interviews with our client, we summarized the vision and mission of this project. We understand that they want to create a platform where users can teach and learn from each other. Simultaneously, users have the opportunity to benefit by posting their videos and earning crypto tokens as a rewarding incentive.

We broke down all the concepts and creativity into flowcharts and wireframes. These tools served as a common reference point to ensure that all team members were on the same page before delving into the visual creation process. It's a great idea to identify potential problems and address misunderstandings beforehand.

Following insightful interviews with our client, we summarized the vision and mission of this project. We understand that they want to create a platform where users can teach and learn from each other. Simultaneously, users have the opportunity to benefit by posting their videos and earning crypto tokens as a rewarding incentive.

We broke down all the concepts and creativity into flowcharts and wireframes. These tools served as a common reference point to ensure that all team members were on the same page before delving into the visual creation process. It's a great idea to identify potential problems and address misunderstandings beforehand.

Core Features in hi-fi mockups
Account Creation

We have enhanced the entire flow to streamline the process. Minimize the steps as much as possible to enhance the user experience while using the app. As the app is a hybrid of centralized and decentralized platforms, we prioritize the privacy of our users.

Explore for videos

This is the initial feature for users to experience watching short-form videos seamlessly. Optimize video streaming for quick loading times and high-quality playback. Consider adaptive streaming to adjust video quality based on users' internet connections

Designing a flexible set of steps that can capture the amount of data the user feels comfortable submitting—prioritising name, email and password fields—while leaving the door ajar for a customer to skip at any time.

Explore for videos

This is the initial feature for users to experience watching short-form videos seamlessly. Optimize video streaming for quick loading times and high-quality playback. Consider adaptive streaming to adjust video quality based on users' internet connections

Recording Video / Taking Photo

We have included an essential control for video recording or photo-taking in the MVP version. Alternatively, users can simply upload their edited media from their phones

Profile

This page serves as the main hub for users, encompassing everything from followers, chat, and content video archives to various settings. It's a one-stop-shop for users to manage their accounts

Profile

This page serves as the main hub for users, encompassing everything from followers, chat, and content video archives to various settings. It's a one-stop-shop for users to manage their accounts

handoff materials
Style Guide
Style Guide
Style Guide

The client was seeking advice about the style of the mobile application. They wanted to present the idea of an enjoyable and bite-sized learning experience to the market. Believing that improvement can be done daily in manageable factions of time. The font and graphic can go as a pair to present those as the DNA of Andiam. Style Guide played a key role in the process to ensure that every team member could align with and contribute to the cohesive look and feel of the Andiam mobile application.

ROC GROTESK

Roc Grotesk was inspired by late nineteenth century American wood types

The design was inspired by late nineteenth century American wood types
The design was inspired by late nineteenth century American wood types

ABCDEFGHIJKLMNOPQRSTUVWXYZ

ABCDEFGHIJKLMNOPQRSTUVWXYZ

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz

QUICKSAND

QUICKSAND

QUICKSAND

Quicksand is a sans-serif typeface that is known for its modern and clean design

Quicksand is a sans-serif typeface that is known for its modern and clean design
Quicksand is a sans-serif typeface that is known for its modern and clean design

ABCDEFGHIJKLMNOPQRSTUVWXYZ

ABCDEFGHIJKLMNOPQRSTUVWXYZ

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz

Typography
Typography
Typography

The Andiam Team sought a playful vibe for their typeface. After discussions, we chose Roc Groteck and Quicksand—both are groovy yet stylish.

The Andiam Team sought a playful vibe for their typeface. After discussions, we chose Roc Groteck and Quicksand—both are groovy yet stylish.

Takeaway
Takeaway
Takeaway
Be understanding

Understanding the job context and personal background of the client is essential for effective communication. I can empathize, particularly from a UX perspective, enabling me to comprehend the challenges or objectives the client faces throughout the project.

When dealing with clients who may lack experience in product development, taking the time to engage in meaningful verbal conversations, rather than relying on text or email, is a crucial step. It allows us to delve into the client’s thoughts, revealing their motivations and intentions.

Let's grab a coffee together
and talk about your product

Networking

Visual Design

Connect

© 2023 Simon Chan

© 2023 Simon Chan

Let's grab a coffee together
and talk about your product

Visual Design

Behance

Connect

Mail

Networking

Linkedin

© 2023 Simon Chan

Let's grab a coffee together
and talk about your product

Visual Design

Connect

Networking