NetEase × 5i5j Real Estate Rebranding

NetEase × 5i5j Real Estate Rebranding

Roles: Visual & Interaction Designer, Illustrator, Motion Graphic Designer

Date:  Summer 2023

Tool:  Photoshop, Illustrator, After Effects, Figma

Developed at NetEase for 5i5j Real Estate, this HTML5 mobile experience is an interactive lifestyle quiz. Featuring customizable illustrated avatars and eight distinct lifestyle profiles, it engages Gen Z users in a playful way while helping the client efficiently gather insights into young customers’ housing preferences.

Problem

Context

  • 5i5j is a large-scale real estate company undergoing brand renewal

  • NetEase was responsible for digital brand experiences and interactive content

Design Challenge

  • Modernize a traditional real estate brand

  • Engage younger, mobile-native users

  • Balance brand credibility with visual warmth

My Role

Roles: Visual & Interaction Designer, Illustrator, Motion Graphic Designer

Date:  Summer 2023

Tool:  Photoshop, Illustrator, After Effects, Figma

  • Designed illustration systems for H5 brand pages

  • Created mobile-first interaction flows

  • Collaborated with product managers and developers

  • Prepared assets for development handoff

Design Strategy

  • Narrative-driven scrolling to guide users through brand values

  • Modular illustration system for flexible reuse

  • Subtle motion feedback to enhance engagement

Interaction & Flow

  1. Entry screen introduces brand tone

  2. Scroll interaction reveals layered content

  3. Micro-animations reinforce touch feedback

  1. Entry screen introduces brand tone

  2. Scroll interaction reveals layered content

  3. Micro-animations reinforce touch feedback

  1. Entry screen introduces brand tone

  2. Scroll interaction reveals layered content

  3. Micro-animations reinforce touch feedback

Loading Icon Designs

H5 Webpage

H5 Webpage