Hi, I'm Miranda Liang

Resume
Resume

Work Experience :

5+ years

Domain :

UX & UI Design

Micro-animation

AI Design

Worked On :

Web & Mobile

B2B & B2C

Contact Me :

Mirandaliang6622@gmail.com

LinkedIn

FEATURED WORK

Process Optimization

Process Optimization

B2B SaaS Industrial Web Solution ( 2024 - 2026 )

B2B SaaS Industrial Web Solution ( 2024 - 2026 )

Help industrial run their facilities at peak performance to achieve maximum production capacity.

Help industrial run their facilities at peak performance to achieve maximum production capacity.

NB Tarot

NB Tarot

B2C mobile App for entertainment ( 2022 )

B2C mobile App for entertainment ( 2022 )

A coach based tarot application, offered daily reading on topics like love, career, and personal growth.

A coach based tarot application, offered daily reading on topics like love, career, and personal growth.

Asset Strategy Management ( coming soon )

Asset Strategy Management ( coming soon )

B2B SaaS Industrial Web Solution ( 2022 - 2023 )

B2B SaaS Industrial Web Solution ( 2022 - 2023 )

Industrial solution for efficiently develop, deploy, and manage strategies across all assets.

Industrial solution for efficiently develop, deploy, and manage strategies across all assets.

Cheese Bread Bakery

B2C mobile App for food service ( 2020 )

B2C mobile App for food service ( 2020 )

Food service experience that helps customers place orders through the mobile application.

Food service experience that helps customers place orders through the mobile application.

Design Process with AI

01

Learn Context: I start by learning the project context, domain knowledge, etc.

02

Agentic discovering: Utilize AI agents to conduct user research , analysis user research data. generate initial designs and layouts based on defined constraints.

03

Design with AI: Conduct information architecture, journey map, and connect Figma MCP in Claude for real-time visibility into canvas updates, generate wireframes and validate work and task flows.

04

Iterative Refinement: Perform hands-on polishing and iterative adjustments during the usability session directly within Figma.

05

Seamless Handoff: Sync the refined designs back to the codebase to maintain a single source of truth, through React, TypeScript, and Tailwind CSS to create a production-ready component that bridges the gap between high-fidelity design and actual implementation.

AI DESIGN DEMO

I use Claude to transform my ideas into a code-ready design, built with React + TypeScript + Tailwind CSS + Framer Motion. This project demonstrates an AI-assisted workflow to deliver production-ready, accessible component code, pushed to Github and deployed in Vercel.

Tools used: Claude, Figma,

Tools used: Claude, Figma,

Github

Github

MICRO-ANIMATION

TOOLS I USE

[ Back on top ]

Hi, I'm Miranda Liang

Resume

Work Experience :

5+ years

Domain :

UX & UI Design

Micro-animation

AI Design

Worked On :

Web & Mobile

B2B & B2C

Contact Me :

Mirandaliang6622@gmail.com

LinkedIn

Hi, I'm Miranda Liang

Resume

Work Experience :

5+ years

Domain :

UX & UI Design

Micro-animation

AI Design

Worked On :

Web & Mobile

B2B & B2C

Contact Me :

Mirandaliang6622@gmail.com

LinkedIn

Hi, I'm Miranda Liang

Resume

Work Experience :

5+ years

Domain :

UX & UI Design

Micro-animation

AI Design

Worked On :

Web & Mobile

B2B & B2C

Contact Me :

Mirandaliang6622@gmail.com

LinkedIn