Quiet Lightning

a web + mobile redesign for a San Francisco-based literary arts non-profit
full case study

UX/UI
Information Architecture
Visual Design




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





Quiet Lightning original icon designs,
along existing brand and identity guidelines 


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



Quiet Lightning branded
high-fidelity mobile wireframe


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

Quiet Lightning revised sitemap


The new QL site’s audience -
  • Writers in the San Francisco community looking to submit their work and connect with a literary community
  • Potential donors seeking to financially support a lit-arts organization



Quiet Lightning
low-fidelity and high-fidelity
wireframe samples



Timeline: 80 hours, 4 weeks
Here are several key takeaways from my work on Quiet Lightning:

  • 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. 




Quiet Lightning - sparkle + blink sample issue page

Mark
︎ ︎ 

devinmawdsley@gmail.com