Design with View

Hey, I'm Pattachida

I design the path,then prove it works.

A UX/UI & product designer taking ideas from user research to real results.

Resume
Pattachida (View) standing with arms folded UX Research Product Design Usability Testing Design Systems
Bangkok

About me

I'm a UX/UI designer specializing in websites, web apps and end-to-end experiences. I love turning complex data into simple, functional and scalable designs that help businesses grow and make users feel at home.

Skills & tools

Skills
  • Research
  • User Flow
  • Persona
  • Testing
  • Interview
  • Ownership
  • Design System
  • End-to-End
  • Teamwork
  • Cross-functional Collaboration
  • Stakeholder Communication
  • Dev Handoff
  • SEO
  • Accessibility (WCAG)
Tools
  • Figma
  • Clarity
  • Webflow
  • Framer
  • Tag Manager / GA4
  • Adobe Photoshop
  • Adobe Illustrator
  • Microsoft Office
  • AI Tooling

Projects

Real products, real constraints. Each case shows the research behind the decisions, not just the final screens.

Let's build something
people trust

Have a project or an idea? I'll help turn it into a clear, user-friendly digital experience.

← Back to all work

Real
Lease.

Helping Bangkok SMEs find the right office, fast. Search, compare and book in one place, or let Smart Matching pick your top 5.

Real Lease on laptop and phones: office search home page, Top 5 matches and Smart Matching
DraftStriped boxes are placeholders for real images from your Figma and Notion files. Check that each statement on this page matches what you actually did before sharing.

Office hunting takes too long

Too many places to look, and too little you can trust.

The solution

One platform for the whole search, plus Smart Matching to skip straight to the five best fits.

Smart Matching results: five matched offices, each with a % match

From business brief to user problems

The brief came straight from leadership, with no research budget. So I turned business goals into user needs and wrote every assumption down to test later.

Landing section with four user needs: budget, team size, transport and facilities
Four user needs from the brief, built straight into the landing page.

Assumptions I designed around

Hypotheses, not findings. The usability test gave early signals on all three.

Smart Matching score breakdown: budget 21%, space 21%, location 15%, building 5%, unit 5%, facilities 12%
Each match shows how your answers were weighed, so you can see why an office made the top 5.

From search to signed, in five steps

Tap a step to see what the tenant does and what I designed. Confidence grows at each one.

4 decisions that shaped it

Flip each card to compare before and after.

Your top 5, in one screen

Ten answers in. Five offices out, each with its match score, full monthly cost and place on the map.

Explore the live interactive map
Your Top 5 Offices Match: five matched units with a map, one unlocked showing 92% match and total monthly cost

40+ screens, one experience

The full product on web and mobile. Drag sideways to explore.

Real Lease final product showcase with more than 40 web and mobile screens

What 3 real people showed me

A quick test over LINE video: 3 people, 3 tasks, about 15 minutes each. Everyone finished, some with a little help from me.

What I shipped, and what's next

Next

Ship the fixes, retest with 5 SME users, then track how many people go from Smart Matching to booking a viewing.

Biggest lesson

With no research budget, writing assumptions down is what keeps a design honest. It shows the team exactly what still needs proof.

Good UX in real estate is about removing the moments that make people pick up the phone when they shouldn't have to.

When trust is low, good design is mostly about what to show first, and what to leave out.

More case studies are on the way.Back to all work
← Back to all work

Grab
Food.

A concept redesign of GrabFood: clearer promotions, choosing your own rider, and a reward when an order runs late.

TypeConcept project, not affiliated with Grab
Duration2 weeks
ToolsFigma
MethodsResearch, interviews, wireframes, testing, prototyping
WorkshopBecome a UX/UI Designer Gen 8, DAY 1
InstructorTaywan Nuammuang
GrabFood concept redesign: restaurant page, rider selection and rewards screens
GrabFood case study slide: Overview
GrabFood case study slide: Design process
GrabFood case study slide: Competitor research
GrabFood case study slide: Concept background
GrabFood case study slide: Persona
GrabFood case study slide: User journey
GrabFood case study slide: Key findings from user research
GrabFood case study slide: User flow
GrabFood case study slide: Low-fidelity wireframes
GrabFood case study slide: Improve to final design
GrabFood case study slide: Brand identity
GrabFood case study slide: Hi-fi prototype
GrabFood case study slide: Final screens: ordering and promotions
GrabFood case study slide: Final screens: menu and checkout
GrabFood case study slide: Final screens: choose a rider
GrabFood case study slide: Final screens: late order and reward
Closing slide: thanks for watching my portfolio, with photos from the workshop
← Back to all work
← Back to all work

Jodrot
Parking.

Find a car park, book it ahead and pay in the app, with hourly, daily, monthly and EV charging options.

TypeSelf-initiated practice project
PlatformMobile app
ToolsFigma
MethodsResearch, interviews, wireframes, testing
Scope15+ screens, 20+ components
RoleUX/UI designer
Jodrot Parking app: home map, parking detail and booking screens
Jodrot Parking case study slide: Overview and goals
Jodrot Parking case study slide: App screens
Jodrot Parking case study slide: App screens
Jodrot Parking case study slide: Design process
Jodrot Parking case study slide: Competitor analysis
Jodrot Parking case study slide: User persona
Jodrot Parking case study slide: Mental model
Jodrot Parking case study slide: User story and task analysis
Jodrot Parking case study slide: Problem statement
Jodrot Parking case study slide: Core features
Jodrot Parking case study slide: Site map
Jodrot Parking case study slide: Low-fidelity wireframes
Jodrot Parking case study slide: Test: key findings
Jodrot Parking case study slide: Iterate: design changes and accessibility
Jodrot Parking case study slide: Final screens
Jodrot Parking case study slide: Final screens
Jodrot Parking case study slide: Interface: layout grid and colours
Jodrot Parking case study slide: Interface: typography and icons
Jodrot Parking case study slide: Thank you for watching
← Back to all work