Shorthand

Designing stories, templates and custom layouts in Shorthand.

Highlights

  • Flexible layouts for longform digital stories
  • Templates for annual reports and editorial features
  • Custom HTML, CSS and JavaScript where needed
  • 70+ stories and templates over 4+ years

Role

Contributing Designer

Tools

Figma, Shorthand, Adobe Creative Cloud

Skills

Concepts, Copywriting, Front-End Development, Project Management, Prototyping, UX/UI Design, Visual Design

Length

4+ Years, Part-time

From reports to editorial features, using layout, imagery and pacing to support the story.
Over the past few years I’ve worked on 70+ stories and templates in Shorthand, from annual reports and brand stories through to more editorial pieces. Each one had its own tone and content, but the job was typically the same, work within the platform, figure out what would best suit the story, and build a layout that felt considered without getting in the way.
A story designed on the Shorthand platform
A story designed on the Shorthand platform
A story designed on the Shorthand platform
A story designed on the Shorthand platform
A story designed on the Shorthand platform
A story designed on the Shorthand platform
A story designed on the Shorthand platform
A story designed on the Shorthand platform
A story designed on the Shorthand platform
A story designed on the Shorthand platform
A story designed on the Shorthand platform
A story designed on the Shorthand platform
A story designed on the Shorthand platform
A story designed on the Shorthand platform
A story designed on the Shorthand platform
A story designed on the Shorthand platform
A story designed on the Shorthand platform
A story designed on the Shorthand platform
A story designed on the Shorthand platform
A story designed on the Shorthand platform
Some stories could stay within the standard toolkit and some needed a bit more. For projects like The Artist Series, I used custom code to push the platform further and give the stories a more tailored feel. A lot of that work was about balancing what looked good with what would still hold together across different screen sizes and content lengths.
Using custom code to expand Shorthand's capabilities in the Artist Series stories.
Using custom code to expand Shorthand's capabilities in the Artist Series stories.
Using custom code to expand Shorthand's capabilities in the Artist Series stories.
Using custom code to push the Shorthand framework further for The Artist Series.
Alongside the story work, I also built reusable templates for things like annual reports, brand books and newsletters. That meant distilling different formats down into a solid starting point, mixing in different Shorthand features, and keeping enough flexibility that other people could make them their own without breaking the layout.
Shorthand templates for creators and designers, including Annual Reports and more.
Reusable templates for annual reports, brand books and other content formats.
Doing this over and over has been a good way to sharpen layout, pacing and restraint. The goal was never to over-design the stories. It was to give writers and content teams a strong structure to work from, and to make the platform feel more flexible than it might at first glance.