SOPHIA J. HOOPER

NOMS AROUND SOUTH BEND

NOMS Around South Bend is a restaurant guide specifically tailored to students at the University of Notre Dame. It features thirty restaurants that can be sorted into six categories and labeled with four icons. Each restaurant has a informational pop-up card, stylized map, and handy "What's My Route?" button. I created this guide for my Web Design course, in which I was challenged to create an iPad app that utilizes buttons to explore and configure solutions.
ROLE  Development, design
DATE  March 2017
MEDIUM  Web app
TOOLS  DreamWeaver, Illustrator, Photoshop

INITIAL BRAINSTORM

I developed four unique ideas for this assignment, each reflecting a personal interest. The first was a boxing combination game to help boxers train. Second was a South Bend restaurant guide for Notre Dame students. Nostalgic for my semester abroad, my third concept was a travel diary with recommendations for various European cities. Finally, I concepted a manual for how to pick ripe produce based on my love of fresh fruit.

CONCEPT DEVELOPMENT

After a class discussion, I decided to pursue the restaurant guide. I began creating profiles on local restaurants, noting their cuisines, prices, location, and more. With this information, I created six categories so users could easily refine their searches based on occasion and general price point.
I also developed a set of icons to indicate which restaurants took reservations, were walking distance from campus, accepted Notre Dame's student cash (known as Domer Dollars), or had a 21+ only section. The categories and icons both made NOMS Around South Bend more user-friendly, differentiated it from other restaurant guides, and provided students with the most relevant information for their searches.
As I began designing the informational cards for the thirty restaurants, I realized the importance of being able to contact and locate restaurants from within the app. I began to consider information hierarchy as well as creating maps and exploring the integration of Google Maps.

FINAL SOLUTION

The finalized NOMS Around South Bend app features thirty restaurants which can be filtered into six different categories. Detailed and interactive information cards provide users with all the information they need to find a place to nom.
The splash page welcomes users to the app and provides instructions with a single click. Users can proceed to the restaurant section by clicking on the logo or "Let's NOM!" in the corner.
In the restaurant section, thirty restaurants are displayed in alphabetical order. Users can toggle between the different categories to filter their results or browse all thirty restaurants at once.
Each card links to the restaurant's website and phone numbers are tappable on mobile devices. The yellow button on each card activates a pop-up with the restaurant's address and hours, a stylized map and customized "What's My Route?" button, which links to Google Maps directions from the user's location to restaurant of choice.

SIMILAR PROJECTS