Interactive Article - Design Documentation

The Strange Tale of the Great 1911

Trans-Saharan Ostrich Heist

Documentation — Shelby Nine — IxD Project 1

Design

Design Overview

sticky header and nav bar

text should overlay video

Fonts:

Abril Fatface Regular 65 pt and 42 pt #FFFFF for both

The words “by any means necessary” will appear one by one to complete the sentence and add intensity.

Font: Noto Sans Regular 23 pt throughout body text.

The photo carousel title will appear from the bottom and go to the top as the user scrolls. Center photo keep at 100% opacity, other photos at 30% opacity to draw less attention.

Fonts:

Abril Fatface Regular 50 pt Noto Sans Regular 20 pt arrows to scroll L or R

white text box should overlay photo at 85% opacity.

The Strange Tale of the

Trans-Saharan

Atlas Obscura Design Documentation IxD Project 1

:

Great 1911

Ostrich Heist

Shelby Nine

Designer

Link to original article

Design Overview

Font for pull quote: Abril Fatface 43 pt

Photo will appear B&W but as you hover over it it will change to a full color version.

Example:

As you hover over this map, you will see the route was taken. First the location icon will appear and then a line will connect it to another location icon. This will be repeated until all locations are on the map and the route is complete.

The Strange Tale of the Great 1911 Trans-Saharan Ostrich Heist Atlas Obscura Design Documentation IxD Project 1 Shelby Nine : Designer

Atlas Obscura footer 1. Lagos 2. Baro 3. Kano 4. Fort Zinder 5. Kano 6. Zaria 7. Lagos 8. Cape Town Photo examples

A 15 second video clip will play on a loop. The video will keep playing until the user scrolls and then the title will appear from the bottom of the screen.