top of page
S__11427862_0.jpg

UX/UI DESIGN

backgroundonje-31.png

VOIAGE

VOIAGE

THESIS ONLINE EXHIBITION

THESIS ONLINE EXHIBITION

The online exhibition "Voiage" explores the stories of thesis work, which is a reflection of the changes in PSUIC students who joined forces four years ago up to the present. 

apple-imac-24-inch-2021-medium.png

MOOD AND TONE

I designed the user interface (UI) with a focus on minimalism and cleanliness, adhering to the color theme of the exhibition to maintain a cohesive and refined aesthetic. The transitions were intentionally crafted to add an element of playfulness, enhancing the user experience while complementing the overall simplicity of the design.

HEX : #00080B
HEX : #F1EDE2
HEX : #16466E
HEX : #F698A3
HEX : #E7D992

UI DESIGN

messageImage_1729528729250_0.jpg
messageImage_1729528743412_0.jpg
messageImage_1729528763652_0.jpg
messageImage_1729528781704_0.jpg
messageImage_1729528803115_0.jpg
messageImage_1729528814626_0.jpg
messageImage_1729528840469_0.jpg
backgroundonje-31.png

A responsive website "The Untamed" explores the narrative of the Chinese series adapted from the Mo Dao Zu Shi by Mo Xiang Tong Xiu. It follows the journey of two soulmate cultivators as they embark on adventures to uncover a series of mysteries connected to a tragic event from the past.

THE UNTAMED

THE UNTAMED

apple-imac-24-inch-2021-medium.png
messageImage_1729522871931_0.jpg

MOOD AND TONE

I designed the user interface (UI) with a focus on integrating elements inspired by ancient Chinese aesthetics while maintaining a clean and refined layout. The design adheres to the color theme of the series. Additionally, I incorporated playful transitions to create a dynamic browsing experience and simplicity of the design.

HEX : #1C2025
HEX : #EDEDED
HEX : #B90303

UI DESIGN

Home Page

messageImage_1729522871931_0.jpg
messageImage_1729522930526_0.jpg
messageImage_1729692324645_0.jpg

Story Page

messageImage_1729523028522_0.jpg
messageImage_1729692341435_0.jpg
messageImage_1729692361308_0.jpg
messageImage_1729692374145_0.jpg
messageImage_1729692388658_0.jpg

Character Page

messageImage_1729692449866.jpg
messageImage_1729692468937_0.jpg
messageImage_1729692557940_0.jpg
messageImage_1729692575151_0.jpg
messageImage_1729692593681_0.jpg
messageImage_1729692612100_0.jpg
messageImage_1729692639437_0.jpg
messageImage_1729692655318_0.jpg
backgroundonje-31.png

A responsive website "Arcane" explores the narrative of an animated action-adventure series produced by Fortiche in collaboration with Riot Games, which is set within the fictional universe of League of Legends.

ARCANE

ARCANE

apple-imac-24-inch-2021-medium.png

MOOD AND TONE

I designed the user interface (UI) with consideration of the mood and tone of the series, incorporating neon colors as the primary theme to reflect its vibrant and dynamic atmosphere. The design is intended to provide a fun and friendly experience that aligns with the preferences of the target audience, primarily young girls.

HEX : #000000
HEX : #172D6A
HEX : #EE07F2
HEX : #6BD9F2

UI DESIGN

messageImage_1729522134085_0.jpg
messageImage_1729522152109_0.jpg
messageImage_1729522172176_0.jpg
messageImage_1729522190564_0.jpg
backgroundonje-31.png

An application "BDAYCHECK" explores and provides detailed information about birthday events for both Korean and Thai artists in Thailand. It serves as a comprehensive platform, offering users insights into upcoming celebrations, fan events, and related activities.

BDAYCHECK

BDAYCHECK

MOOD AND TONE

I designed the user interface (UI) with a focus on a fresh and candy-inspired aesthetic, aiming to create a playful and inviting atmosphere. The design is intended to provide a fun and friendly experience that aligns with the preferences of the target audience, primarily young girls.

HEX : #000000
HEX : #CC1F7F
HEX : #F897C0
HEX : #78DCD3

UI DESIGN

Screenshot 2024-10-23 222355.png
Screenshot 2024-10-23 222427.png
Screenshot 2024-10-23 222434.png
Screenshot 2024-10-23 222444.png
Screenshot 2024-10-23 222458.png
Screenshot 2024-10-23 222504.png
Screenshot 2024-10-23 222510.png
backgroundonje-31.png

INTERACTIVE GAME

INTERACTIVE GAME

The interactive game "น้องมาลินหัวใจมีรู (N'MARIN)" is designed for helping elementary school-aged children develop a foundational knowledge of this important health issue in an enjoyable and educational way.

N'MARIN

N'MARIN

MOOD AND TONE

I designed the user interface (UI) with a focus on ease of use for elementary school-aged children, ensuring that the layout and interactive elements are intuitive and accessible for young users. The color theme was selected to align with the assets provided.

HEX : #A31E21
HEX : #CD430E
HEX : #01B7B4
HEX : #728E3B

UI DESIGN

iPhone 13 Pro Max - 2.png
iPhone 13 Pro Max - 16.png
iPhone 13 Pro Max - 22.png
iPhone 13 Pro Max - 4++.png
iPhone 13 Pro Max - 25.png
iPhone 13 Pro Max - 7.png
iPhone 13 Pro Max - 18++.png
iPhone 13 Pro Max - 5++.png
iPhone 13 Pro Max - 9.png
iPhone 13 Pro Max - 14.png
iPhone 13 Pro Max - 8++.png
iPhone 13 Pro Max - 12.png
iPhone 13 Pro Max - 30.png
iPhone 13 Pro Max - 31.png
iPhone 13 Pro Max - 15.png

CONTACT

Phone Number :

+66 982-895-894

  • Facebook
  • Youtube
  • Instagram

Thanks for submitting!

© 2025 by Supatsorn.Sayneu | Portfolio

bottom of page