UX @ Avery Dennison

averydennison.com

Aug 2020 - Present
As a UX Designer at Avery Dennison, my focus lies in crafting intuitive and engaging user experiences.
Here are some of my most notable projects that demonstrate my design capabilities.

Avery Dennison is a global company serving a vast array of industries including home and personal care, apparel, e-commerce, logistics, food and grocery, pharmaceuticals and automotive.

- PROJECT ONE -

Digital Product Passport

A digital identifier designed to trace the entire life cycle of a product. In the case of a garment, this digital ID is embodied by the QR code imprinted on the care label of the apparel. Avery Dennison’s Digital Care Label takes the traditional care label one step further, providing information digitally, and helping brands prepare for coming legislation changes.

LinkedIn Event: Webinar: Accelerating textile circularity with Digital IDs
News Release: Customizable Digital Product Passport (DPP) Experiences
YouTube: Why a connected world is a more sustainable world

Deliverable 1

The Digital Care Label App - atma.io
2020-2021

Deliverable 2

Digital Consumer Engagement Website
2022- on going

Journey

user interviews: 20+ users
persona: 6 profiles
wireframes/prototypes: 4 different concepts
user testing: 30+ users across 4 countries
visual mockups: 10+ brands/products
coding samples: html/css/JavaScript

Toolbox

Sketch
Adobe Creative Cloud
Zeplin
Jira
Fullstory

- PROJECT TWO -

Weave - Design System

We built a design system Weave. And we linked the design system with Storybook, which enhances the development and maintenance of user interfaces. Weave was originally built in Sketch.

Style guidelines:
A set of rules that define the visual style of the user interface, including typography, colors, and spacing.
Component library:
A collection of pre-built components that can be used to create user interfaces.
Documentation:
A comprehensive set of documentation that explains how to use the design system, including style guidelines, component usage, and best practices.

Design System - Weave 3.0

Migrating the design system into Figma
2023 - on going

Design System - Weave 1.0 & 2.0

Built and maintained in Sketch
2020 - 2022

Journey

UI System Structure:
Atom / Molecule / Organism / Pattern / Template
UI Style Guideline:
Logo / Color / Typeface / Icon
Design Documentation:
Implementation Guideline / Best Practice Example / Accessibility / Changelog and Version History
Synchronizing Weave with Storybook

Toolbox

Figma
Sketch
Storybook
Zeplin
Abstract
Monday

- PROJECT THREE -

Microsites' Projects

Avery Dennison strategically launching a diverse range of microsites to significantly enhance the effectiveness of marketing campaigns. I am one of the designers who building microsites via Ceros. We employ a selective approach to migrating current company news releases, incorporating them into microsites when deemed appropriate to enhance their impact.

Original News Release

2030 Sustainability Goals and Metrics

Rebuilding in Microsite

Sustainability is at the heart of everything we do

Journey

Collaborate on microsites' themes and concepts
Craft visually compelling content
Develop microsites via Ceros
Organize digital assets in Frontify
Prepare promotional materials for microsites' launch
Establish Ceros layout templates for diverse themes

Toolbox

Ceros
Adobe Creative Cloud
Frontify
Jira
Smartsheet

Contact me for more details zhangmengru0212@gmail.com