Quiet Lightning

Web and mobile redesign for SF-based literary arts non-profit

UI/UX
Information Architecture
Visual Design

Full case study

TLDR Summary

This is a UX case study for a responsive site I designed for Quiet Lightning, as part of Designlab UX Academy, focusing on information architecture and visual design.

original icons designed to match existing brand identity

Brief

Quiet Lightning is a San Francisco literary arts non-profit. They self-publish a monthly journal, solicit submissions and curate monthly author readings in the form of what they call “literary mixtapes.”



QL’s stakeholders needed a revamped, responsive website, for desktop and mobile. They were looking to improve the following aspects of their site:

1. Make author submission CTAs more prominent and accessible

2. Make donation CTAs more prominent and compelling

3. Improve overall information architecture and navigation

4. Surface QL’s associated literary events calendar - Litseen for easier access

5. Streamline visual design based on existing look and feel

mobile navigation menu wireframe (hi-fi)

The new QL site’s audience

1. Writers in the San Francisco community looking to submit their work and connect with a literary community

2. Potential donors seeking to financially support a lit-arts organization

redesign of QL's sitemap

My Role


I researched, designed, tested and iterated a substantial reorganization and visual design of this literary non-profit’s responsive web presence. This involved conducting extensive research and stakeholder interviews.

lo-fi wireframes (desktop)

Timeline

80 hours, 4 weeks

Full case study

hi-fi wireframes (desktop)

Key insights

Information architecture makes or breaks a site like Quiet Lightning, where users need to find the information they seek quickly and should be able to easily navigate through deep and comprehensive archives.


Paring down the amount of text a user has to wade through helps reduce fatigue and helps encourage engagement and exploration.


Lastly, clear and up-front value proposition helps garner support for the organization.