0
1
0
1
2
3
4
5
6
7
8
9
0
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
%
Case Study

Saga Editorial

Saga had strong writing and readers who stopped at paragraph three. We fixed what sat between.

Saga Editorial - Article layout - Agnira Studio
The problem

Saga needed the page to disappear.

Reading on screen is a fight against the medium. Holding an ideal line length across every viewport without the layout feeling rigid took more iterations than anything else in the project. Photography and pull quotes had to interrupt the text without breaking its rhythm.

Services

  • Strategy,
  • UX/UI,
  • Web Development,
  • Art Direction
Saga Editorial - Homepage - Agnira Studio
Saga Editorial - Type specimen - Agnira Studio
Saga Editorial - Issue index - Agnira Studio
What we did

Print discipline for the long scroll.

A fluid type scale tied to measure rather than viewport alone, and a vertical rhythm that never breaks across image insertions. Everything that could distract was removed. What remained was tuned obsessively.

Saga Editorial - Reading experience - Agnira Studio
Saga Editorial - Pull quotes - Agnira Studio
What we learned

Performance is a reading feature.

A reading site that takes four seconds to load is a site nobody reads. The page ships almost no JavaScript. The first paragraph is readable before most sites have finished negotiating.

Saga Editorial - Mobile reading - Agnira Studio
Saga Editorial - Archive - Agnira Studio
Saga Editorial - Type scale - Agnira Studio
Saga Editorial - Newsletter - Agnira Studio
Next Case
Next projectOrbit Labs
Orbit LabsOrbit Labs - Agnira StudioOrbit LabsOrbit Labs - Agnira StudioOrbit LabsOrbit Labs - Agnira StudioOrbit LabsOrbit Labs - Agnira Studio