I’m a UX/UI designer from a landscape architect. I’m passionate about creating usable digital products, design, and the arts.
Design, graphics, and art are all things that excite me, while marketing, investment, and business are also areas of interest. I firmly believe that with sufficient support, these pursuits have the potential to propel our world forward.
Regarding job opportunities, I have been employed as a landscape architect since July 2020, as well as working as a UX/UI designer. These roles have equipped me with analytical, graphic, and design skills focused on user needs. As a result, I approach design in a user-centric manner, ensuring that effectively addresses user requirements. Additionally, I have gained valuable experience working collaboratively within a team to successfully deliver projects.
EDUCATION BACKGROUND
2015-2019
Bachelor of Landscape Architecture, Chulalongkorn University
2009-2014
Suksanari school
SKILLS & TOOLS
UX Method
Persona
Usability Testing
Customer Journey
Service Blueprint Co-Creation Workshop
LANGUAGE
THAI - Native
ENGLISH - Intermediate
Graphic
Adobe photoshop
Adobe illustrator
Adobe indesign
Others Hand writing
Photography
Adobe lightroom
WORK EXPERIENCES
August 2023 - Present
(Jan 2024-Present) Senior UX/UI Designer at Cyclic.Ltd,.
- Planed, conduct, and communicate with the stakeholders.
- Analysis, evaluate, research, and design based on user-centric by using customer journey, swimlane diagram, and etc.
- Develop user flow, wireframe, and UI.
- Coordinate with clients, business, and development team.
- Conduct the feedback after testing process.
(Aug-Dec 2023) UX/UI Designer at Cyclic.Ltd,.
- Get Requirements from the stakeholders.
- Evaluate, research and design based on user-centric.
- Develop user flow, wireframe, and UI.
- Coordinate with clients, business, and development team.
September 2024-Present
Volunteer for Conference Team of PM Corner Thailand
March 2022 - July 2023
UX/UI Designer at GOFX.Ltd,.
- Research and design based on user-centric.
- Coordinate with developers and the marketing team.
July 2020 - February 2022
Landscape Architect at Landscape studio by Arsomsilp
- Reseach journals to support the design.
- Design and communicate with architect team in a conceptual design process.
Summer 2019
Internship at Landscape studio by Arsomsilp
Summer 2018
Internship at Landscape Planning
WORKSHOPS
November 2023
Usability and Heuristic workshop by Pruxus Design
July 2023
The Unconference on Impact Entrepreneurship by YSEALI Academy at Hochimin City, Vietnam
November 2022
Master UI Design by DAY1
November 2021
Unlock Skill UX/UI by UXUI.studio
SALE PROPOSAL ONLINE SYSTEM
UX DESIGN
UI DESIGN
O2
CYCLIC WEBSITE
UX DESIGN
UI DESIGN
O3
HR SOFTWARE
USER STUDY & RESEARCH
UX DESIGN
UI DESIGN
THE SPEECH
USER STUDY & RESEARCH
UX DESIGN
ONLINE TRADING PLATFORM
UX DESIGN UI DESIGN UI DESIGN
01 SALE PROPOSAL ONLINE SYSTEM
WEBSITE APPLICATION FOR PROPOSAL SYSTEM
TYPE OF WORK : COMPANY PRODUCT
SCOPE OF WORK : WEBSITE APPLICATION
ROLE : UX/UI DESIGNER
DURATION : JULY 2024-PRESENT
ABOUT THE PROJECT
This system is designed as a preliminary quotation generation tool for sales teams. Its primary goal is to enable sales representatives to create quotations more quickly, thereby enhancing work efficiency, reducing errors in document preparation, and increasing sales opportunities for the organization’s sales team.
THE PROBLEM
The organization currently lacks a system for preliminary price estimation, resulting in a time-consuming process as quotations are prepared manually. Additionally, this manual approach increases the likelihood of errors in document preparation by the sales team.
Problem Discovery
- The preliminary price estimation process takes a long time due to the need for multi-channel communication.
- The formulas that have already been developed are not stored, making it impossible to reuse them effectively.
Goals
- Enable sales representatives to generate quotations in less time.
- Reduce errors caused by manual calculations or data entry.
- Empower sales teams to respond to customers promptly.
- Allows the reuse of various formulas, which are considered the company’s intellectual property, with 100% accuracy and efficiency.service.
P & D SALES
To add ingredient into the system for creating formula.
Develop a formula feature allows sales representatives to calculate prices.
Utilize formulas from development (PD) ate proposals and based on customer
SALES MANAGER
from the product team to generestimate prices customer requirements.
Review proposals and provide approval or rejection.
SALES
Submit the proposals to client.
User: Product & Development (P&D)
Action: Create Formula
• Goal: Develop a system for creating formula using various ingredients, enabling the sales team to generate proposals for clients.
• The system should also allow for the editing and management of these formulations as needed.
User: Product & Development (P&D)
Action: Add ingredient
• Goal: To create an ingredient management system that allows users to log in and input various ingredients into the database.
• Each ingredient will include detailed information specifc to its properties and uses. This system will also provide essential data that can be utilized by the sales team to present to clients.
User: Sale Manager
Action: Review proposals and provide approval or rejection
• Goal: Implement a system for reviewing and approving proposals from the sales team before they are presented to clients.
• This system will enable sales managers to effciently review, take action, and ensure the quality of proposals.
User: Sales
Action: Create a Proposal
• Goal: Create a proposal system to provide initial pricing estimates for clients, helping them make decisions more easily.
• This system should streamline the proposal creation process, minimize errors, and allow for 100% reuse of formulations created by the product & development (P&D) team.
02 CYCLIC WEBSITE
Business
Consultant and Software Solutions
TYPE OF WORK : COMPANY PRODUCT
SCOPE OF WORK : INFORMATIVE WEBSITE
ROLE : UX/UI DESIGNER
DURATION : JULY-OCTOBER 2024
ABOUT THE PROJECT
A company website designed to serve as a comprehensive company profile, showcasing the services and achievements of the business. The website aims to help potential clients make informed decisions about purchasing the company’s services. Therefore, it is crucial that the website reflects the company’s image and direction, clearly representing the brand identity to its fullest extent.
THE PROBLEM
The company currently lacks online leads beyond word-of-mouth referrals and does not have a platform to showcase its services and past projects. To address this, a website is needed to effectively present the company’s offerings and accomplishments, serving as a channel to attract and engage potential clients online.
DESIGN PROCESS
Problem Discovery Goals
- Lack of Online Lead Generation
- No Centralized Platform for Services and Portfolio
- Missed Opportunities in Brand Representation
- Need for a Modern Client Engagement Tool
- Establish an Online Presence and Generate Online Leads - Support Client Decision-Making
- Enhance Brand Representation - Enable Growth and Scalability
COLOR AND TYPOGRAPHY
Primary colors
HOMEPAGE
Establish a Strong Brand Impression
- Create a visually appealing and memorable design that reflects the company’s brand identity.
#C44529
Secondary colors
#BEBEBE #939393
#F2653D #636363
Typography
#F0F0F5
-
#2C2F3E
- Provide an engaging introduction that highlights the company’s core values and mission.
Encourage User Engagement with Call-to-Actions (CTAs)
- Strategically place CTAs to guide users towards exploring key sections of the website, such as services, portfolio, and contact pages.
Showcase Services and Portfolio
- Present an overview of the company’s services in a concise and visually appealing way.
- Include a section to highlight selected works or case studies to build credibility and interest.
Incorporate Interactive Elements
- Add interactive features to create a dynamic and enjoyable browsing experience, such as animations, transitions, or hover effects.
- Ensure interactivity aligns with the brand tone and enhances user engagement without overwhelming the content.
Overview of Services - Present a clear by the company - Ensure the overview derstand the scope
Detailed View for - Provide dedicated sections for each tails such as process, points.
PORTFOLIO
Services
clear summary of all services offered company in a visually organized layout. overview allows users to quickly unscope of the company’s expertise.
for Each Service
dedicated subpages or expandable each service, offering in-depth deprocess, benefits, and unique selling
Showcase Past Work by Service
- Organize portfolio items based on the services they represent for easy navigation and relevance.
- Include filters or categories to allow users to explore specific types of projects.
Highlight Goals, Challenges, and Solutions
- Present each portfolio piece as a detailed case study, explaining:
The client’s goals.
The challenges faced.
The company’s approach and solutions. The final outcomes or results.points.
03 HR SOFTWARE
MOBILE WEBSITE APPLICATION FOR ALL
TYPE OF WORK : COMPANY PRODUCT
SCOPE OF WORK : MOBILE WEB APPLICATION, BACK OFFICE
ROLE : UX/UI DESIGNER
DURATION : JULY-AUG 2022
ABOUT THE PROJECT
The goal of this project is to provide mobile website applications for staff members of the organization that allows them to use employee functions such as check-in/check-out, leave, and fnding an offcial day off. For the HR part, this project was designed for an HR position to approve leave days and evaluate employees’ performance.
THE PROBLEM
There is no system at the company because everything is done using the Line chat application. Employees become unaware of their limited leave days and company advantages as a result of this. Additionally, it is diffcult to fnd the history of employee actions because HR must take action for leave days via online application.
WHAT ARE STAFFS FACING?
- They don’t know about their limited leave days and company benefts.
- They have to take a leave or inform someone via Line chat.
If the staffs would like to take a leave.
WHAT IS HR FACING?
- She doesn’t have an employee’s leave history.
- It is hard to summarize the report for the executive.
Team lead approve
If the staffs would like to know their limited day off.
Line chat/ face to face
SUCCESS
but don’t have a historical data.
Line chat/ face to face
Have to inform more than one time.
If the staffs would like to know about the company benefts.
Have to inform more than one time. Line
If the staffs would like to inform something.
Line chat/ face to face
SUCCESS but don’t have a historical data.
SOLUTION
Create a product which all of your staff can use perfectly, and the features include: - check in/check out - time attendance - taking a leave and information from - day off history after taking it - company information such as the benefts, a year’s day off, and company rules - dashboard - employees management - department management - leave permission
SOLUTION USER FLOW
If the staffs would like to take a leave.
If the staffs would like to know their time attendance.
If the staffs would like to know their limited day off.
If the staffs would like to inform something.
If the staffs would like to know about the company benefts.
Getting started
Login to fnd the homepage features. Enter your company email and password to sign in.
Time attendance
This page shows your attendance history, which includes - attendance dashboard (a number of check in, check out, and lates) - date - check in/check out time - symbol of attendance and day off
Leave quota
This page was designed to allow the staffs to review their annual leave distribution per year and show the status of their leave history.
Company information
Company information was provided to know the company rules such as leave’s criteria, leave’s condition, offce holiday, and benefts for employees.
Leave form
This page shows your attendance history which includes
- attendance dashboard (a number of check in, check out, and late)
- date
- check in/check out time
- symbol of attendance and day off
the portion of a company made up of administration to support the staff members authorizing their leaves of absence, locate historical data, and create performance evaluation reports. HR back offce features which follow are:
- dashboard was provided to show information about the organization as a whole.
- employees management, including the ability to import and delete employee data.
- Staff profle shows information about the employee, their leave quota, and the performance statistics.
- department management, which involves adding, deleting, or creating members for each department within an organization.
- Leave permission to provide for approval or reject leave tasks.
Back offce
04 THE SPEECH
FREE SPEECH FOR EVERYONE
TYPE OF WORK : FREELANCE
SCOPE OF WORK : WEBSITE, MOBILE RESPONSIVE, AND BACK OFFICE
ROLE : UX/UI DESIGNER
DURATION : DEC 2022 - JAN 2023
ABOUT THE PROJECT
The project aims to give everyone access to a free-speech website and support people who want to talk about issues in Thailand. Each of the eight topics included in Article 8—Politics, Equal and Human Rights, Health, Social, Education, Science and Technology, Economic, and Environment—is a subject that consumers are interested in discussing.
PROBLEM DISCOVERY
Free speech is not allowed on any platform, especially for political or educational content, although everyone would like to talk about them.
RESEARCH
The project starts with a survey questionnaire, and then we interview users to get inside information.
ANALYSIS
Defne strengths and weaknesses on other platforms to design the speech product.
SURVEY
ARTICLE PLATFORMS
From the questionnaire and research, we found that most users are generations y-z (20-39 years old). And the website platforms they use for reading an article are Facebook, The Standard, Twitter, The Matter, The Cloud, and Medium consecutively.
USERS INTERVIEW
• Most people use Facebook to read a post which interests them because the post is summarized, easy to understand, and also convenient.
• They usually picked the topic in which they were interested.
• Attractive title makes for more engagement.
• Contributors love the positive reaction (a part form ‘Like’) from readers.
Create a platform in which website users can publish and read articles on any topic. They are given the option of making their name, profle, and photo public or private. In addition, the article they created may earn passive income for them.
From the questionnaire, the topic users would like to talk consist of:
Toey, 22
Demographic
She wishes to voice her opinions on politics. She attends political demonstrations often and is a social activist in addition to being a student.
• A senior studies the Faculty of Political Science.
• She has political interests in Thailand
• Always to join a political demonstrations
• She likes to read political content.
Behavior
She enjoys reading political articles and sharing her opinions on Facebook, but her parents disagree and the majority of users there frequently critique her posts. Therefore she feels unable to adequately express her ideas.
Needs and Goals
• She needs a place online where she can express thoughts openly.
• Not required to share her name and personal information when she posts.
Demographic
Ton, 28
A young economist who lived in Chiang mai and came to central Thailand for employment. He is interested in social and economic issues.
• Economist works in central Bangkok.
• Single
• Chiang mai home town
• Salary 25,000 THB
Behavior
Always check Facebook’s news feed in the morning to keep up to date on the latest situation. He also enjoys posting on Facebook which include summarized contents for any users.
Needs and Goals
• To fnd a new platform for sharing his economic knowledge and calling out problems happened in the Thailand economic structure.
• have a passive income from the articles.
Contributors
Primary colors
Purple means humanitarianism, institutions, and inspiration.
#23115D
#8C34FD
#6D6ACD
Secondary colors
Orange means good energy, creativity, and freedom of expression.
Typography
#FF1700
#D1520A
#FFC72C
DESIGN
Landing page:
This page provides an overview of the entire website. Additionally, It was included:
• article categories - they were bring from the questionnaire
• popular articles - the articles have most engagement
• The Speech’s Pick - Interested articles which are picked by editors
• popular contributors
Content:
• Each category has a single article, and visitors who aren’t website members can choose the content they’re interested in reading to view the information. Additionally, this page shows the related articles, so you can quickly discover article you want to read.
• (For contributors: Since they are the ones who created the contents, they can have the option of revealing their name or not.)
Article category
Other’s account
Register/Log in:
Users have to sign up and E-kyc if they’d like to write an article.
Account:
Account is the page to show
• Users’ details and their status article (success, pending, and rejected) after they submit the article to the website admin.
• Earning statistics to show the performance of their article.
05 ONLINE TRADING PLATFORM
WEBSITE FOR ANY TRADERS
TYPE OF WORK : COMPANY PRODUCT
SCOPE OF WORK : WEBSITE, MOBILE RESPONSIVE, AND BACK OFFICE
ROLE : UX/UI DESIGNER
DURATION : MAR - APR 2022
ABOUT THE PROJECT
Online trading platform for MT5 (a global leading platform of the global fnancial market in trading and tools other fnancial) which includes Trader Room, open account, deposit and withdrawal, the last is account transaction. The platform can be used by any level of users, both beginner and experienced traders.
DESIGN PROCESS
GOALS
• Design the modern platform based on MT4 trader room
• Ideate the solution of pain points
• Easy to understand for any users
MT4 ONLINE TRADING PLATFORM
ANALYSIS
Find the existing product pain points through the user fow in each feature.
RESEARCH
After fnding the product pain points, we research competitors in market of trading platforms to defne their strengths and weaknesses for adaptability.
Pain points Features Solutions
1. Trader room
User can’t fnd the information they need.
Too many steps
Users don’t know about account details.
Users don’t register
Show the information - promotion - credit bonus - account name
Remove the steps not nessescary.
Add the account details since open account page.
Have to upload the slip after deposit money.
Too many steps
Add the slip upload feld / use the 3rd party to plug-in.
Can’t transfer money to another their account.
Have to sign the document and put it into the upload box
Too many steps
Add feature internal transfer
Add feature ‘sign here’
Open account
Register/Log in
Trader Room
Shows the traders account, users can deposit or withdrawal money this page.
Tab bar of account:
• Real account
• Demo account
• Artchive account
Switch between card and list
The lastet promotion used
Promotion banner
More setting
Trader Room mobile website responsive
Navigation bar: - Home (Trader Room)
- Open Account - Promotion - Menu
Open Account
Provide for traders who would like to open account to invest in.
