UI & Interactions
UI & Interactions
2019 Till Date
Curated bits and bobs of a few things I have designed / contributed to. You can see In-Progress, HiFi, LoFi, subtle animations, design tasks, rejected flows, and everything in between. These are the kinds of things that fuel my creative juices.
Work Snippets
[REDACTED] • Project stat cards built in two themes and two brands, enabled by Figma Tokens
[REDACTED] • Built using Tokens; a multibrand theme and brand modes within Figma. You can toggle either of them with just one click.
[REDACTED] • Card hover interaction for project stats
Jane • Different states for the Voice chat experience
Jane • Full product experience for Jane, voice mode, transcription, processing, etc.
Jane • Animated icons and page transition prototype. Testing how pages will transitioned and move; preferably Left for menu items on the left, and Right for menu items on the right.
Jane • Entry point concepts to guide users into our different offerings
Jane • Animated menu icons I made
Letly • Explored a blurry frosted glass effect for the scroll behaviour of this page. It should stay fixed to the bottom viewport
Letly • Blur effect upclose
Letly • Itsy bitsy styleguide and one layout concept for a design I worked on for a proptech platform
[REDACTED] • Box Preview + Entry Points
[REDACTED] • Gift box creation final lap.
[REDACTED] • Preview card for gift box creation
BuddPay • Home layout concept
BuddPay • Got sick and tired of checkboxes for this sorta experience, and had to try something new
BuddPay • Home page concept for a social lending fintech product.
BuddPay • Onboarding experience and card stack concept
OrbitHR • Create a new job flow 1/3
OrbitHR • Create a new job flow 3/3
Random spinner prototype I made on Figma
Vynn • Interaction hover experience to allow users manually assign categories for transactions
Vynn • Card and tooltip concepts for the dashboard
Vynn • Modals for adding a bill, creating a transaction category, etc
Vynn • Dashboard experience
Vynn • Create a savings challenge modal
Sayswitch • Home and activity screens
Sayswitch • Onboarding screens
Sayswitch • Auto detect mechanic. Camera detects a QR code, confirmation card shows matched recipient, user confirms, initiates payment. Did 3 card variants to explore the best one, but still couldn't pick one. Left them on the file as tbd and moved on 🤣
Sayswitch • Transaction initiation flow
Notion • An idea I have for tabs in Notion
Capchase • View expense breakdown and split functions
Capchase • Setting expense cards
Bani • Modal experience for generating a virtual account and assigning it to a business branch
Bani • Dashboard for admins to manage all generated virtual accounts for their business branches.
Bani • Viewing a virtual account for a single business; it's accompanying actions, transactions, sub-accounts, and stats
Bani • Virtual accounts per physical brand.
Learnali • Voice transcripts
Learnali • Digital learning area
Learnali • Learning wallet modal
Learnali • Digital classroom cards; View reading groups, see class discussions, watch class media and create reading groups.
Peexoo • Like interaction experience and story viewing screen
Peexoo • Mobile image editor experience. Crop, add emoji, and themes
Work Snippets
[REDACTED] • Project stat cards built in two themes and two brands, enabled by Figma Tokens
[REDACTED] • Built using Tokens; a multibrand theme and brand modes within Figma. You can toggle either of them with just one click.
[REDACTED] • Card hover interaction for project stats
Jane • Different states for the Voice chat experience
Jane • Full product experience for Jane, voice mode, transcription, processing, etc.
Jane • Animated icons and page transition prototype. Testing how pages will transitioned and move; preferably Left for menu items on the left, and Right for menu items on the right.
Jane • Entry point concepts to guide users into our different offerings
Jane • Animated menu icons I made
Letly • Explored a blurry frosted glass effect for the scroll behaviour of this page. It should stay fixed to the bottom viewport
Letly • Blur effect upclose
Letly • Itsy bitsy styleguide and one layout concept for a design I worked on for a proptech platform
[REDACTED] • Box Preview + Entry Points
[REDACTED] • Gift box creation final lap.
[REDACTED] • Preview card for gift box creation
BuddPay • Home layout concept
BuddPay • Got sick and tired of checkboxes for this sorta experience, and had to try something new
BuddPay • Home page concept for a social lending fintech product.
BuddPay • Onboarding experience and card stack concept
OrbitHR • Create a new job flow 1/3
OrbitHR • Create a new job flow 3/3
Random spinner prototype I made on Figma
Vynn • Interaction hover experience to allow users manually assign categories for transactions
Vynn • Card and tooltip concepts for the dashboard
Vynn • Modals for adding a bill, creating a transaction category, etc
Vynn • Dashboard experience
Vynn • Create a savings challenge modal
Sayswitch • Home and activity screens
Sayswitch • Onboarding screens
Sayswitch • Auto detect mechanic. Camera detects a QR code, confirmation card shows matched recipient, user confirms, initiates payment. Did 3 card variants to explore the best one, but still couldn't pick one. Left them on the file as tbd and moved on 🤣
Sayswitch • Transaction initiation flow
Notion • An idea I have for tabs in Notion
Capchase • View expense breakdown and split functions
Capchase • Setting expense cards
Bani • Modal experience for generating a virtual account and assigning it to a business branch
Bani • Dashboard for admins to manage all generated virtual accounts for their business branches.
Bani • Viewing a virtual account for a single business; it's accompanying actions, transactions, sub-accounts, and stats
Bani • Virtual accounts per physical brand.
Learnali • Voice transcripts
Learnali • Digital learning area
Learnali • Learning wallet modal
Learnali • Digital classroom cards; View reading groups, see class discussions, watch class media and create reading groups.
Peexoo • Like interaction experience and story viewing screen
Peexoo • Mobile image editor experience. Crop, add emoji, and themes
Work Snippets
[REDACTED] • Project stat cards built in two themes and two brands, enabled by Figma Tokens
[REDACTED] • Built using Tokens; a multibrand theme and brand modes within Figma. You can toggle either of them with just one click.
[REDACTED] • Card hover interaction for project stats
Jane • Different states for the Voice chat experience
Jane • Full product experience for Jane, voice mode, transcription, processing, etc.
Jane • Animated icons and page transition prototype. Testing how pages will transitioned and move; preferably Left for menu items on the left, and Right for menu items on the right.
Jane • Entry point concepts to guide users into our different offerings
Jane • Animated menu icons I made
Letly • Explored a blurry frosted glass effect for the scroll behaviour of this page. It should stay fixed to the bottom viewport
Letly • Blur effect upclose
Letly • Itsy bitsy styleguide and one layout concept for a design I worked on for a proptech platform
[REDACTED] • Box Preview + Entry Points
[REDACTED] • Gift box creation final lap.
[REDACTED] • Preview card for gift box creation
BuddPay • Home layout concept
BuddPay • Got sick and tired of checkboxes for this sorta experience, and had to try something new
BuddPay • Home page concept for a social lending fintech product.
BuddPay • Onboarding experience and card stack concept
OrbitHR • Create a new job flow 1/3
OrbitHR • Create a new job flow 3/3
Random spinner prototype I made on Figma
Vynn • Interaction hover experience to allow users manually assign categories for transactions
Vynn • Card and tooltip concepts for the dashboard
Vynn • Modals for adding a bill, creating a transaction category, etc
Vynn • Dashboard experience
Vynn • Create a savings challenge modal
Sayswitch • Home and activity screens
Sayswitch • Onboarding screens
Sayswitch • Auto detect mechanic. Camera detects a QR code, confirmation card shows matched recipient, user confirms, initiates payment. Did 3 card variants to explore the best one, but still couldn't pick one. Left them on the file as tbd and moved on 🤣
Sayswitch • Transaction initiation flow
Notion • An idea I have for tabs in Notion
Capchase • View expense breakdown and split functions
Capchase • Setting expense cards
Bani • Modal experience for generating a virtual account and assigning it to a business branch
Bani • Dashboard for admins to manage all generated virtual accounts for their business branches.
Bani • Viewing a virtual account for a single business; it's accompanying actions, transactions, sub-accounts, and stats
Bani • Virtual accounts per physical brand.
Learnali • Voice transcripts
Learnali • Digital learning area
Learnali • Learning wallet modal
Learnali • Digital classroom cards; View reading groups, see class discussions, watch class media and create reading groups.
Peexoo • Like interaction experience and story viewing screen
Peexoo • Mobile image editor experience. Crop, add emoji, and themes
Work Snippets
Caption Goes Here…
Caption Goes Here…
Caption Goes Here…
Caption Goes Here…
Caption Goes Here…
Caption Goes Here…
Caption Goes Here…
Caption Goes Here…
Caption Goes Here…
Work Snippets
Caption Goes Here…
Caption Goes Here…
Caption Goes Here…
Caption Goes Here…
Caption Goes Here…
Caption Goes Here…
Caption Goes Here…
Caption Goes Here…
Caption Goes Here…
Scroll