portfolio

Let’s embark on

a creative adventure

in design.

{

Jidu Roboverse Mobile Campaign_

}

Jidu Roboverse Mobile Campaign_

Interaction and visual designer who strives to create functional and delightful digital experiences that communicate brand messages and align with business values.

[

SCROLL DOWN

]

Vancouver

I'VE BEEN ORBITING THE WORLD OF DESIGN FOR eight YEARS, STARTING IN 2017_

49°16'16.2"N 123°04'45.4"W

{ ABOUT ME/ }

Hello! My name is Yifan. I enjoy working on everything digital and interactive. My goal for each design project is to create one-of-a-kind user experience that is both memorable and delightful.

Honor 90 Pro product landing page

[+]

ui & interaction design

[

View Project

]

Honor Website Redesign

[+]

ui & design system

[

View Project

]

Garena Free Fire web Redesign

[+]

ui & design system

[

View Project

]

Bedtime Poem

[+]

ui/UX & BRANDING

[

View Project

]

Jidu Roboverse Mobile Campaign

[+]

mobile ui/UX

[

View Project

]

VIEW ALL

My name is yifan

(2024 Portfolio)

2024莋榀雧

Let’s embark on a creative adventure in design_

{ My Skills/ }

[01] UI/Visual Design

Typography & hierarchy

Grid systems & layout

Iconography

Visual consistency & style guides

Responsive design

Design systems

[02] UX Design

Information architecture

Wireframing

Journey mapping

User research

Usability testing & synthesis

[03] Prototyping

Interactive prototypes

Motion/transition prototyping

Low-fidelity wireframing

[04] Technical Skills

Webflow development

3D modeling

HTML / CSS / JavaScript

CONTACT

{ MY Principles/ }

The design process lies at the heart of every project, and I believe that a solid process serves as the cornerstone for unlocking each project's full potential by fostering collaboration, creativity, and clarity from conception to execution.

Here are several pillars that I believe are most important for creating user experiences that are memorable and delightful.

[

]

Intuitive

An intuitive design anticipates the user's needs and preferences, leading to a seamless and effortless user experience. It involves clear visual cues, logical layout, and familiar patterns that allow users to navigate the interface and complete tasks instinctively.

[

]

Empathetic

An empathetic design approach involves considering the users' context, experiences, and feelings throughout the process to create interfaces that are not only functional but also emotionally resonant and supportive. Empathetic design seeks to foster a sense of understanding and trust between the user and the UI.

[

]

Flexible

Flexible UI components enable versatile and adaptable interfaces that can accommodate various content types, layouts, and user interactions without requiring significant redesign. This flexibility enhances the scalability of the design process, allowing for better alignment with evolving user requirements.

[

]

Engaging

Engaging designs stimulate users' interest and curiosity, motivating them to explore and interact with the interface more deeply. This may involve incorporating visually appealing graphics, interactive elements, animations, and gamification techniques to create a dynamic and immersive user experience.