The Playground Project

The Playground Project

A collection of UX or UI works I created to document my mistakes, grow my UX/UI skills, and improve my prototyping skills. But most of all, have fun.

You'll find some stuff here simple but, practical; Others, more experimental.

A collection of UX or UI works I created to document my mistakes, grow my UX/UI skills, and improve my prototyping skills. But most of all, have fun.

You'll find some stuff here simple but, practical; Others, more experimental.

A collection of UX or UI works I created to document my mistakes, grow my UX/UI skills, and improve my prototyping skills. But most of all, have fun.

You'll find some stuff here simple but, practical; Others, more experimental.

A collection of UX or UI works I created to document my mistakes, grow my UX/UI skills, and improve my prototyping skills. But most of all, have fun.

You'll find some stuff here simple but, practical; Others, more experimental.

A collection of UX or UI works I created to document my mistakes, grow my UX/UI skills, and improve my prototyping skills. But most of all, have fun.


You'll find some stuff here simple but, practical; Others, more experimental.

Desktop view is VERY STRONGLY recommended for the optimal experience.

Project Mission and Philosophy

"You can't be afraid to fail. It's the only way you succeed - you're not gonna succeed all the time, and I know that.” —LeBron James

In order to improve my skills, I wanted make project page to reveal my flaws and strengths. This page aims to show that I'm not afraid to push myself to make mistakes so I can succeed in the future.


I realize that a lot of my showcases can be improved or corrected in the future. However, I want to emphasize that humans make mistakes and grow from them, please accept them as they are.

How might I improve my skills as a UX/UI Designer?

Not being afraid to fail and make mistakes. Constantly experimenting and pushing my creative boundaries to align with good UX and UI Design standards.

Not being afraid to fail and make mistakes. Constantly experimenting and pushing my creative boundaries to align with good UX and UI Design standards.

Refusing to try new and learn new things. We grow from new experiences and from our past failures.

Buttons

The figurative bread and butter of UX and UI. Essential to literally any form of digital medium.

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

CYBERPUNK

Loud and Sharp

Button

Button

Button

Button

Button

Pixel Design

Retro and Fantasy

Button

Button

Button

Glassmorphism

Elegant and Stylish

Button

Glassmorphism

Elegant and Stylish

Button

Glassmorphism

Elegant and Stylish

Button

Flat Design

Minimalistic and Subtle

Button

Flat Design

Minimalistic and Subtle

Button

Button

Button

Button

Button

Skeuromorphism

Simple and Clean

Button

Button

Button

Button

Button

Destroy the Earth

Playful and Silly

Button

Button

Button

Flat Design

Minimalistic and Subtle

Card Layouts

A sample of card layouts I made for proof of concept, test my UX/UI Design or for fun. All of the cards have some degree of hover and click interactions.


Note: Framer is limited on Boolean operations. For example, you can select both Switch Types on the merchant card.

Tofu65 Black - Prebuilt

180.00$

Choose your favorite switch type featuring Gazzew's highly rated U4T Tactile Switches or LT Linear Thock.

Switch Type

U4T Tactile

U4T Tactile

U4T Tactile

U4T Tactile

U4T Tactile

LT Linear Thock

LT Linear Thock

LT Linear Thock

LT Linear Thock

LT Linear Thock

Add to Cart

Add to Cart

Add to Cart

Add to Cart

Add to Cart

NOW PLAYING

夜に駆ける (YOASOBI)

夜に駆ける

YOASOBI

2:29

4:35

18

MAR

18

MAR

18

MAR

18

MAR

Voted "Most Underrated Vacation Spot" in Summer 2023

Amalfi Coast

Find out why tourists are in an uproar this year about Italy's best kept secret. Discover the cuisine, spots, and sceneries in this travel guide.

Kristina Rossi

Travel Advisor

View Post ➜

View Post ➜

View Post ➜

View Post ➜

View Post ➜

Dribbble Shots

A few layouts that I've redesigned or attempted to recreate via Figma. These are NOT interactable.

6:59:43 PM

© 2024 - Fia

Website Theme: Space 🌌 + Stationery 📝 = Space Station

6:59:43 PM

© 2024 - Fia

Website Theme: Space 🌌 + Stationery 📝 = Space Station

6:59:43 PM

© 2024 - Fia

Website Theme: Space 🌌 + Stationery 📝 = Space Station

6:59:43 PM

© 2024 - Fia

Website Theme: Space 🌌 + Stationery 📝 = Space Station

6:59:43 PM

© 2024 - Fia

Website Theme: Space 🌌 + Stationery 📝 = Space Station