LEM
A fun and engaging social app where you can play in a group with your friends and nudge
them with funny (and sometimes silly) messages about themselves!
Client:
Pikorua Studio
Product:
Mobile App
Role:
UI Designer
Time:
July 2023 - Oct 2023
Overview
LEM is a lively playground where the joy of connection meets
the thrill of friendly banter. You and your friends come together
to play in a group, answering questions about each other.
The questions are where things get interesting. LEM has various
types of questions, ranging from funny and silly questions, to
those that felt quite too relatable to some! It's a vibrant social
experience that turns every interaction into a delightful experience.
Problems
How do we design a UI
that is fun and socially engaging?
Goals
Design a fun and
socially engaging app.
Responsibility
Creating digital mockups,
high-fidelity prototypes,
design assets for marketing purposes,
and iterating on designs.
References and Assets
Overview
Before starting the design process for LEM, we first gather references needed for
the design to get a little sense on where the direction will go. We settled in Bumble.
We liked the simplicity of the app and the design components used in the app.
From there, we conducted a more thorough research about the design.
Research Method
Direct Observation
Through Bumble’s App, observing the
interaction inside the app.
Asset Review
Using Mobbin’s UI Library for Bumble
Competitive Analysis
Observe and compare with other similar social
app such as GAS, Exposed, and Wavelength
References Used
Mobbin
UI Elements references
Material Design
Design Guideline (layout, colors)
Apple Human Interface
Design guidelines for components
Designing LEM
Mockups
I created a mockup in Figma based on a wireframe made in Balsamiq. I also designed the
high-fidelity prototype to demonstrate the interaction inside the app, such as
on-click animation, transition styles, and several customized animation sequence.
Some examples of the mockup screens in the app
Animations
I also designed the animations inside the mockup. Some are for micro-interactions inside the app
(e.g. transitions between screens), while some for a sense of playfulness in the app to make
it more visually appealing and give the app a sense of life (wiggle animation, unique button animation in-game).
Sticker Sheet
As this was a small-scale sproject, I developed a basic sticker sheet to help me streamlined
my design, ensuring that everything is consistent, while acting as a design documentation
for this project
The main typeface used in LEM is Plus Jakarta Sans. I also used two additional
typefaces, Montserrat and Barlow Condensed, for additional cases in the design.
Barlow Condensed was used for the shareable Instagram stickers, while Montserrat
was used in the promotional assets such as screenshot and featured images
for Google Play page
Promotional Assets
In addition to making designs for LEM’s mockup and high-fidelity prototype, I also made
promotional assets used in the marketing for the app. Below are some examples of
my designs used for LEM’s screenshot images in Google Play Store
Evaluating LEM
Testing out LEM
As the UI Designer, I usually made visual changes in the app, where I was required to
explore more alternative about certain design to make it more visually appealing while also
supporting the usability of the app.
This was an example of changes in the Polling page’s design over the development of LEM
Another example of changes made to the Inbox page.
Summary
Most of the time, we conducted testing on LEM internally. We focused on making sure that all the
functionalities worked properly so we can quickly submit it to Play Store. It was also a collaborative
process with everyone in Pikorua Studio to help QA to identify potential bugs so it can be processed.
In addition to that, sometimes in the internal testing session, some usability problems also rose from
the testing session. Every bugs and usability issues found will later be categorized
based on their urgency and fixed.
As of the last update in Play Store, we managed to get around 500 downloads with 4.4 star review in Play Store.
User Feedback
Findings summary:
During the development, we were able to get several playtest session with users with the help of
marketing division. The user group was a college students with ages between 20 - 25 years old.
After the playtest, LEM received a generally good review. From the visual aspects, users liked the
usage of the yellow color, which emphasizes the fun feeling of the app. They also enjoyed the
core gameplay of the app. However, they also raised an issue regarding the question pool of the app.
They didn’t seem to relate much to the question pool we currently use in LEM, which gives them
a feeling of “corniness”.
Going Forward
Next Steps
1
Take advantage of the current
high-fidelity prototype as a proper
usability testing tool to ensure that
usability pain points can be identified
sooner during the development process
2
Add a user-generated feature to
LEM. This feature has been
requested quite often both
internally and by users during
playtest
3
Created a more cohesive visual
library for LEM to ensure
consistency and visually appealing
design in the app.
Impact
LEM was a fun concept for a social
app. Aside for a fun app to play with
your close friends, it can also be used
as an ice breaking method so users
can get to know each other better
What I Learned
Since I was the only designer in the team
at that time when LEM was developed.
I learned a lot about collaborating with
other team members in Pikorua Studio
to deliver the best version of the app.
LEM also helped me to push myself
as a designer to come up with design
solutions that are visually appealing
