Passion Booklet and App
For this project, we were asked to design an 8" × 8" guidebook based on a topic we were interested in. The booklet is meant to function as a fully developed visual system, with typography, color, imagery, icons, and layout all working together across 16 pages. This project emphasizes typographic detail, grid systems, and thoughtful content strategy. Alongside the printed guide, we were to develop a digital prototype for a companion mobile app. The goal was to extend the same visual language into a digital format while exploring interactive features that print can’t offer. This project was really about showing that the design system could live across both print and digital platforms, and that the content, structure, and typography could adapt while still feeling cohesive.
Strategy
This project was done in two sections.We started with the booklet and then moved on to the app. My concept was “quirks of” which is a proposed series of guide books for different cities, specifically highlighting the weird and especially unique aspects of the city that you might not always find on a tourism site. For the booklet I used the example of San Diego since I knew it well. Each spread is supposed to be unique to the place, just like its subject; some of them are photography spreads, but others are scrapbook coded, I used similar techniques in each of the spreads to compliment the spaces. One example is for “Trailer Park After Dark” which is a “redneck” themed bar; I used a gallery wall as an ironic framing device for the space as it is obviously not so refined.
The concept for the app was a digital version of these booklets organized in a similar manner to TripAdvisor where there is an element of ranking these places, as well as community discussion and trip planning. The main sections were the location details page, the map with adjustable filters, and the trip planning section. I chose a subtle but patterned background to give the feel of quirkiness without sacrificing legibility, and I made the icons distinctive, funky, and imperfect for the same reason. Additionally for the main logo I hand lettered a funky wave type, and added bright green on a black background to nod to viewers in the app store that this was something a little odd, and hopefully pique their interest.
