Litmus Press Website

Litmus Press is a small press publisher with a multidisciplinary and feminist focus. They also manage and distribute titles from two other presses — O Books and The Post-Apollo Press — and asked Flyleaf to design a new website that would bring these entities together in a single catalog.

I led the design of the new site, working closely with the Litmus team and our web development partners. We combined (while distinguishing) the three catalogs, incorporated clearer calls-to-action throughout the site, and brought Litmus up to speed with responsive design.

What I did:

  • UX/UI Design
  • Visual QA

Who I worked with:

  • Flyleaf Creative (Agency)
  • Litmus Press (Client & Content)
  • Medium Rare Interactive (Development)
An iPhone rests on a chair with the Litmus Press website open to the Catalog page.

I started the redesign by taking an inventory of the publisher’s three sites, detailing the existing content we would need to bring together in the new site.

Using my content list, I created a sitemap to accommodate and organize all the content, existing and new, that Litmus wanted to feature.

A detailed sitemap for the Litmus Press website, including all pages and content types.

Then, I started with wireframing, beginning with the most complex page: the book page.

Wireframes for the Litmus Press book page in desktop, tablet, and mobile views.

Next, I worked with Litmus to explore typefaces and colors for the site, and we quickly reached a decision on a proposed style tile.

Three style tiles with varying colors and fonts.

I styled all of the wireframed pages across various device sizes, and sent them for a final review.

Final designed pages in mobile, tablet, and desktop views for various pages on the Litmus Press website.
An excerpt from an email that says "Thanks so much Audrey & everyone -- and I want to share that the board of directors was thrilled with the designs!"

With approval from the client, it was time to prep and annotate the files for developer hand-off.

Annotated designs for handoff to the developers.

Throughout the development process, I conducted visual QA, working to ensure that the site met the design specifications.

Screenshots of the development site annotated with design notes.

As the developers polished up the site, I worked with Litmus to train them on entering and updating content on WordPress. After everything came together, Litmus was ready to publish its latest work to the public: a brand new home for its expansive literary catalog.

Three iPhone mockups show the Litmus Press homepage, an author page, and the catalog page.
A screenshot of an instagram post shows a page from the Litmus Press website with the caption "More of our recent website designs for @litmuspress, an exciting project creating a new virtual home for #LitmusPress's important collection of literature and their vast team of brilliant contributors!"