Branding and microsite design for Dr. Martens' 2018–2019 Annual Report. Through new, modernized branding and thoughtful interactions, I made something as mundane as an annual report into something as bold and unapologetic as the brand.

2020 –––
Annual Report Microsite

“6 DECADES OF INDIVIDUALITY.
1 INCREDIBLE YEAR OF GROWTH.”

SCREEN OVERVIEW

Design Strategy

Modernize Dr. Martens' aesthetic + visually translate the grit of their brand to create a prototype as bold and unapologetic as they are.

Interact directly with the prototype below. Keep scrolling for a section by section breakdown.

SECTION BY SECTION BREAKDOWN -----

Landing Page

Mission Page

This page expands the brand's mission and values and how that translates into their sales. Users can access an interactive timeline, or click on the best-selling pairs of docs to learn more about them.

Financials

This section details the statistical and financial data of their 2018-2019 earnings. I balanced it with active typography to make the content more engaging. Users can click on the shows to see a further breakdown of the earnings by region.

Corporate Fact Sheet Interactions (above)

Corporate Responsibility

This section highlights and expands on Dr. Marten's social responsibility, including its sustainability practices and its commitment to giving back to its community. Because it had subsections, I made a separate interface for this section that slides out from the cover images (above)

Timeline Section

Timeframe:
2 MONTHS

Task:
RESEARCH + REDESIGN AN ANNUAL REPORT FOR THE COMPANY OF YOUR CHOICE AS A MICROSITE

Skills:
UI
BRAND IDENTITY
DATA VISUALIZATION

Contributors:
SOLO PROJECT

MADE WITH ADOBE XD

FOR ALL INQUIRIES

JANELYSCAM@gmail.com