Portfolio UX/UI Designer

Page 1

01 DOGSTER 02 HR 03 THE SPEECH 04 INVESNOW Contents PORTFOLIO UX/UI DESIGN Sirijan Panyawut

01 DOGSTER

Mobile applications for dog owners.

Type : Mobile app design

My Role

UX Research

UX Design

Visual Design

ROLES & RESPONSIBILITIES

Project time

2 months

Tools Used

Pen and paper

Figma

Zoom

Google forms

OVERVIEW

"Pet humanization" is a natural expression of the “pets as family” trend, whereby pet owners treat their pets like children and are highly receptive to products similar to the ones they use for themselves.” So I design a mobile application that helps you and your dog be happy both mentally and physically.

THE PROBLEM

Dog owners are concerned about their dog's health, especially when they get sick. They always look for the best place to take care of their pets and make sure that they will be happy, but sometimes they don't have enough information to decide where is the most suitable place for them.

THE SOLUTION

Design mobile applications for dog owners to note information about their dog's health and can choose the most suitable place for do activities on vacation.

THE PROCESS

DESIGN THINKING

The development process of Become was shaped by the principles of the design thinking methodology. It helped me to keep a solution and action-focused mindset within every design phase.

EMPATHIZE User Research DEFINE Empathy Map User Persona IDEATE User Flow PROTOTYPE Mid-fi wireframe Visual Design

EMPATHIZE

We utilize the method of Qualitative Analysis, which involves questioning, interviewing, and observing the target group while they use veterinary services for their dogs. The aim is to understand the behaviors, needs, and genuine problems of the dog owners.

• How many dogs do you have?

Questions

• When was the last time your dogs received vaccinations, and which vaccines were administered?

• Could you please describe the step-by-step process from the moment you realized your dog was sick until the completion of the treatment?

• How long does it typically take you to travel from your home to the veterinary clinic?

• What activities do you usually engage in with your dogs on your days off?

Pain point 1 2 3

Time Information Covid-19

When the dog is sick, it takes a long time to travel or wait to see the veterinarian.

Information available when searching on the internet, and it is understandable to have doubts about their accuracy.

concerned about safety when going to see a doctor.

Pay

User Persona

Background

Office workers who love and have a bond with their dogs. Working from home on weekdays allows them to dedicate time to their dogs. They consider taking their dogs out for activities outside the home as a source of happiness for both themselves and their pets.

Demographic

• Office worker

• Single

• Salary: 35,000 Baht

• Resides alone in Nonthaburi.

Behavior

It is important to make time for the dog. The best efforts are made to find and provide the best things for one's dog.

Need & Gold

She want to ensure that your dog receives the best care possible and minimize the time spent searching for clinics or the information she need.

for the doctor for too long.
trusted the information from internet.
are many people.
price is expensive.
about the dog.
DEFINE Waiting
Can
There
The
Concerned
money
with a doctor.
sound. Complaining.
sound. Think See Hear Do
Talk
Whining
Barking
User Flow Log in/Sign up Home Chat Health Happy Schedule appointment Medicine record Vaccination Clinics Chat
IDEATE

Schedule and record various appointments for your dog.

Health Menu

Record medication information, including name, dosage, and administration details.

Record medication information, including name, dosage, and administration details.

Record or search for veterinary clinics.

Log in/Sign up Home Chat Health Happy
PROTOTYPE User Interface

User Interface

Chat Menu

You can immediately contact a veterinarian to consult about your dog's preliminary symptoms through the chat menu before go to the clinic.

Happy Menu

You can select a location to take your dog for relaxation or grooming

PROTOTYPE

Design system

Navigation bar

Color Typography

ROLES & RESPONSIBILITIES

Type : Website design My

The scope of this project is to create a mobile website where employees can report or inform to HR. Additionally, there will be a backend desktop system for HR to conveniently review and approve these matters. The goal is to create a user-friendly, efficient, and convenient website for employees to use.

02
HR SOFTWARE In-house Project
UX Research UX Design Visual Design Project
Role
time 3 months
Tools Used Pen and paper Figma

DESIGN PROCESS

PROBLEM DISCOVERY

Employees not having access to their own welfare benefits information leads to frequent inquiries to HR. Additionally, contacting HR through personal LINE accounts results in an unsuitable and unstructured communication channel.

RESEARCH

Interview HR regarding the work processes and issues related to communication and data exchange with employees to identify the actual problems.

ANALYSIS

All employees are asking for personal information and benefits from HR ,Employees are requesting leave or arriving late for work. HR needs to manage and gather data to ensure smooth workflow and prevent data from being scattered or lost.

IDEATION

Based on the analysis and research, it can be summarized that having an HR system where employees can access and submit leave requests through a mobile phone would be beneficial for convenience. Additionally, having a backend system would enable supervisors and HR to approve various requests.

1 2
3 4

DESIGN PROCESS

SOLUTION

Design a mobile web interface for employees to view their attendance records, request leaves, and check benefits entitlement

Backend system for HR to managing, storing data, and approving employee requests

5

Check in – Check out

Employees can check work via their mobile phones.

Login to get access to the HR System , use the email-password provided by the HR team Getting Start
EMPLOYEES

EMPLOYEES

Benefits

Employees can check their leave entitlement and submit leave requests directly through their mobile devices.

MANAGER / HR

Approve requests

Manager and HR can approve employee requests through mobile devices or laptop.

COLOR AND TYPOFRAPHY

Headline Paragraph
Button
Icon
Form Field

Type

Freelance Project

ROLES & RESPONSIBILITIES OVERVIEW

03
THE SPEECH
Role UX Design UI Design Project time 2 months
Used Figma Google Form Google meet
: Website design My
Tools
Currently, there are news websites or platforms where people can create posts to express their opinions widely. The purpose of establishing such platforms is to provide everyone with a space to express their thoughts and elevate communication without limitations.

THE CHALLENGE

The challenge lies in creating a platform that is different from traditional news websites or discussion boards that have existed before.

SOLUTIONS

Creating a platform that caters to the needs of the new generation. The website serves as a platform for expressing thoughts and facilitating communication. It can accommodate a large number of writers, with continuous contributions. It attracts a substantial readership and is well-known in the online community. Additionally, the website generates revenue through advertising.

Mid-fi

Usability

PROCESS DEFINE User Persona EMPATHIZE
User Research
Competitive Analysis IDEATE
User Flow PROTOTYPE
wireframe
TEST
Visual Design
Testing

EMPATHIZE

User Research

Using Qualitative Analysis, such as interviewing actual users who have created posts or read online news, we can discover real problems and the pros and cons of each platform. Furthermore, Using Quantitative Analysis by conduct an online survey with 100 participants through Google Forms.

Competitive Analysis

DEFINE

User Persona

Background

A 4th-year student who enjoys expressing their political opinions on Facebook but is closely monitored at home. If there is a gathering, they will participate every time.

Demographic

The 4th-year student, majoring in Political Science, lives in a condominium near the university and enjoys reading online articles about politics.

Behavior

The student enjoys reading articles on political websites and shares their opinions on Facebook. However, they face criticism at home because their political views do not align with those of their family members. This situation prevents them from fully expressing their political opinions.

Need & Gold

I want a platform where I can express my political opinions openly without revealing my identity, so that others can consume the content without knowing who the author of the articles is.

Comparing competitors that are article-based websites, examining their advantages, disadvantages, and potential opportunities to gain a competitive edge to make our product stand out.

IDEATE Site Map Landing page Policy Equal & human rights Politics Health Education Economic Social Science & Tech User Account Contributors Environment Contact us Private & Policy Hashtag Share Other News View Content Create Content Register All Contents e-kyc View Share Level Writer Profile Content Name Tel Content Email Picture Heading Content Hashtag Index Back Office
Back Office Dashboard Request Members Contributor Categories Members Engagement Manage Contents Request Top 10 All Content Delete Hide Upload Heading Picture Content Index Hashtag Approve Reject Manage Delete e-kyc

PROTOTYPE

THANK YOU Sirijan Panyawut Contact : 087-587-5587 pasirijan@gmail.com

Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.