Design 101

Design 101

Identifying and accounting for device types

This example demonstrates why it's essential to provide designers with eRetailer documentation indicating where marketing assets live and how they behave/scale across multiple device types.

If you remember anything from section it should be...

Depending on the device type and/or screen resolution,
assets may be viewed at 2 to 4 or even more times smaller than its actual speced dimension.

AND THEREFORE... CAN NOT be properly be designed, reviewed and approved
without understand how it will appear in all required contexts.

Never assume an asset will be viewed at
its speced dimension :]

Specs/context provided:

  • eRetailer: Instacart

  • Dimensions of assets: 3200x800

  • Creative direction: Existing art

  • Location of final deliverable: Instacart

The result:

As the specs DID NOT include:

  • eRetailer documentation

  • Live links to the assets being requested

  • Any asset details other than the dimensions

A designer may mistakenly design the 3200x800 asset for desktop, rendering it unreadable when uploaded and drastically scaled down to fit its intended (but undocumented) mobile placement.

The 3200x800 as it appears if designed, reviewed and approved at the spec/dimension provided

The 3200x800 as it's actually appears (scaled down) on a mobile device

Given the proper documentation, like the kind seen below.

Designers will understand how assets are scaled/viewed in the wild and will optimize for its intended context.