👋Hi, I’m Ning, a UX visionary who brings design to life!

With over 10 years of professional experience in Product/UI/UX Design, I integrate user, visual, and coding logic into elegant solutions.

This site was built withReact + Next.js + TypeScript.

Coding: A Logical Way of Thinking.

Rational, logical, and critical thinking are key for product designers to succeed in a complex world. The versatile and logical nature of coding complements my design skills, helping create more solid solutions.

My Favorite Tech Stack

  • React
  • Next
  • Tailwind
  • Vercel
  • Js
  • SQL
  • HTML
page.tsx
next.config.mjs
import { InsightProvider } from 'ning-skills'
import dataResearch from '@/lib/conduct_user_research.tsx'
import {UX, UI, ProductDesign, Visual} from '@lib/design_skills.tsx'
import BusinessSense from '@lib/business_insight.tsx'
import Communication from '@lib/collboration.tsx'
function AppInsightProvider({ children }: { children: any }) {
return <InsightProvider data={dataResearch}>{children}</InsightProvider>
}
export default async function Solutions() {
return (
<AppInsightProvider>
<UX />
<UI />
<ProdcutDesign />
<Visual />
<BusinessSense />
<Communication />
</AppInsightProvider>
}
0px
640sm
768md
1024lg
1280xl
15362xl

Designing for Multiple Platforms.

In my prior work experience, I've worked with various platforms such as native mobile apps for iOS and Android, responsive web applications, and desktop applications. Here are a few examples.

Message me
Work Together

Cross-Functional Collaborations.

I have extensive experience in communicating and collaborating with professionals from various disciplines within an organization, including designers, project managers, and developers. My experience in multiple fields enhances my communication skills through better understanding.

My Toolkits

Tools for My Design Routine and Productivity.

The tools in designers' kits have continued to evolve, and so have mine. I've transitioned from the generic "pixel"-based Photoshop to more UI-focused tools like Sketch and Figma. I have seen the rise and fall of many software programs. New tools are becoming increasingly easy to learn, but the core emphasis remains on critical design thinking.

X
Wireframes
Flow Charts
Brainstorming
Mockups
Prototypes
High-fi UI

“It has become the "industry standard" in recent years and is rapidly growing with every version. Unlike Sketch, it's cloud-based and can be used on both Mac and PC. Its combination of collaborative features, cross-platform compatibility, prototyping capabilities, design system support, version control, and developer handoff tools make it a preferred choice for many designers and design teams.”

Low-fi Wireframes
Mockups

“With pre-built UI components and simple drag-and-drop features, it's an incredibly rapid wireframing tool used for creating low-fidelity mockups and prototypes. It has been used for many years. ”

Flow Charts
Diagramming

“It's an alternative to Lucidchart and is completely free. It integrates with Google Drive very well.”

Flow Charts
Diagramming

“It's a cloud-based diagramming and visual communication tool used for creating flowcharts, diagrams, wireframes, etc.”

Prototyping
Mockups

“I use it to create interactive prototypes and mockups. It's very simple and quick to share designs and validate ideas.”

Prototyping
Mockups

“I've used it for many years for team collaboration, prototypes, and mockups. Unfortunately, it's about to be discontinued at the end of 2024.”

Motion
Animation

“It's the new "industry standard" way to create and integrate motion and animation design into all applications.”

Motion
Animation

“It's very powerful for creating all sorts of visual effects and animations. I often use it for Lottie animation creation.”

High-fi UI
Mockups

“It's the first well-known software focused on UI design and has innovated a lot. I've used it for many years for all UI designs.”

Image Editing
High-fi UI

“It works with vector-based graphics. Before Sketch and Figma, I used it to create high-fidelity UI, but not anymore.”

Image Editing

“I frequently use it for pixel-based image editing. I used it for Hi-fi UI in the old days before Sketch and Figma.”

Design Artifacts

Design Communicates in Various Ways.

Wireframes
Mockups
Prototypes
High-fidelity UI
Storyboard
User flows
Flow Charts
Persona Profiles
Style Guides
Usability Reports
Information Architecture
Design Specifications

I've honed my skills in communicating my design process through various mediums. This not only facilitates collaboration among team members but also documents design decisions and validates design solutions with stakeholders and users.

Message me
flowchart
userflows
designspecs
mockups
persona
Work Diversity

Expanding Influence in Diverse Fields and Continuing Exploration.

I have worked across various industries in the past. I have a curiosity for unfamiliar territories. Universal design thinking is the cornerstone of adaptability and success.

b2b
High ROI

Drive Business Value Through Design.

I believe that great designs not only solve users' problems but, more importantly, can drive business growth with high returns. As a product designer with a business sense, I achieve this goal by balancing business objectives and user needs.

Message me
Simplify It

Design for Complexity.

As modern apps grow in complexity, logical understanding becomes more critical than ever. My unique ability to combine design and coding gives me an advantage when tackling some of the most complex projects on the market.

Message me
Design Without Borders

Design and Launch Globally.

My design projects have been released in several countries and in many different languages. With experience in internationalization and localization, I aim to make a greater impact on people's lives through the power of design.

Message me
global image

Send Me a Quick Message.