✦ NELLIEZ STUDIO / UX & UI PORTFOLIO

UX/UI Design.

Beyond Every Detail

Beyond technical skills, I believe a great UX/UI Designer must understand every stakeholder’s vision. I prioritize meticulous attention to detail to create friendly, easy-to-use experiences. For me, successful teamwork is the key to turning complex ideas into simple, accessible solutions for everyone.

User Research UI Design Design Systems Prototyping Frontend Collaboration
01 / DISCOVERY

Research & Strategy

Research Strategy / Research For Plan

DISCOVER / DEFINE

In the initial phase, I conducted high-level interviews to explore the target audience’s behaviors and broad pain points, providing a foundation for deeper research in the next stage.

Defining the Persona Scope and empathizing with the core user group to address their actual pain points.
02 / FOUNDATION

Design System & Frontend

UX/UI Design & Frontend Development

CONSISTENCY / COLLABORATION

Designing with consistency and collaboration in mind.

Developed a centralized Design System and integrated Variables to simplify the design process. This approach ensures a more seamless handoff and improves the overall performance of design components.

03 / APPLICATION DESIGN

Healthcare Application

Patient-First / Mobile Experience

DESIGN CONCEPT Serenity, security and accessibility.

The core concept focuses on creating a sense of serenity and security through strategic use of negative space and a soothing color palette.

By prioritizing a Patient-First visual language, the application aims to reduce medical anxiety and help users access clinical history, past hospital records and vaccination data with less effort.

The goal is a seamless, stress-free experience from home to the clinic.

01

Medical Records & Vaccination History

Unified access to personal health data and immunization logs.

02

Pre-consultation Data Entry

Allow users to complete medical history and necessary documentation before arriving at the clinic, reducing waiting time.

DESIGN PROCESS

Workflow & Methodology

  1. Project Briefing Understand core requirements and business goals.
  2. Exploration & Research Explore the brief and gather industry insights.
  3. Wireframing (Low-Fidelity) Build structural layouts, user flows and core functions.
  4. Stakeholder Alignment (PO Sync) Present progress and align with the Product Owner.
  5. Iteration & Refinement Improve wireframes and confirm functionality.
  6. High-Fidelity Design (Hi-Fi) Finalize the UI after functional approval.
04 / PLATFORM DESIGN

Collaborative Music Platform

UX/UI Designer & Frontend Support

MY ROLE

Frontend Development Support: Collaborated closely with the engineering team to ensure the design vision was accurately implemented through clean, responsive code.

UX/UI Design: Responsible for the end-to-end design process, from wireframing to high-fidelity prototypes, ensuring gamified elements remained intuitive and engaging.

05 / WEB APPLICATION

End-to-End Recruitment Platform

06 / E-COMMERCE

SwagOn E-commerce Platform

07 / MOBILE APPLICATION

Klect Application

08 / WEB DESIGN

Work with Workpoint

09 / MORE EXPLORATIONS

Other Designs

✦ LET’S CREATE TOGETHER

Have a project in mind?

Let’s build intuitive, meaningful digital experiences together.

Get in Touch

Designed with nelliez P. Studio