Back

Hero image illustration

Illustrate the core product value of the business to communicate visually.

Project background

Project issue
Unclear visual communication
Project goal
  • Implement intuitive visual in hero section
  • Improve visual communication to deliver core value
Project
Fig.1: Current hero image

Visual narrative

Conceptualize
  • Collect and expand keywords tree to deep dive into the core definition
  • Handshake > acknowledge / network > communicate / public > communal
Project
Fig.2: Word tree "handshake"
Project
Fig.3: Word tree "network"
Project
Fig.4: Word tree "public"
Commonize
  • Collecting visual concept based on keywords tree and build a mood board
  • Utilize image search tools to validate the common acceptance of visual concepts
Visualize
  • Hand-drew concept sketch for early validation
  • Illustrate breakdown components
Project
Fig.5: Mood board
Project
Fig.6: Sketch "network"
Project
Fig.7: Sketch "handshake"
Project
Fig.8: Sketch "Dome building"

Reify visual materials into a story

Concretize
  1. Build a whole scene with visual components
  2. Sketch and validate, repeat til team's happy
  3. Vectorize and colorize illustration
Project
Fig.9: Composition sketch
Project
Fig.10: Vectorize
Project
Fig.11: Complete digitizing
Project
Fig.12: Final outcome and implementation

Contribution

Visual design
  • Directing overall visual concept and layout
  • Curating and visualizing information to present consistent look
UX research
  • Conduct UX interview and holistic UX review on current product to address pain points