TYPOGRAPHY 2 | FALL 2014 |FREDONIA, NY CHELSEA ROUMPAPAS
discover fredonia
Typefaces: Lane Narrow - Apostrophic Labs Lobster Two - Impallari Type Ostrich Sans - Tyler Finck Images: Gas Well - Donnelly Collection (http://www.fredonia.yearbookhigh.com/photo3_2.html) Opera House - image courtesy of The Historical Barker Museum (http://www.fredonia.edu/swansinger/itammigration/transportation/Fred.htm) The Grange - Andrew Baugnet (http://abaugnet.wordpress.com) I do not have rights to these images; they are used for academic use only.
Location Information: Gas Well - NYS Dept of Environmental Conservation (http://www.dec.ny.gov/docs/materials_minerals_pdf/nyserda2.pdf) Opera House - Fredonia Opera House web page (http://fredopera.org/home/history) The Grange - sign outside Grange Building Map design: Chelsea Roumpapas Reference: Google Maps
i.p. report
4
Project Brief
5
6
7
Exploration Documentation
8
Research
9
Final Design
Application Design
10
11 12
14
Evaluation
table of contents
project brief Project Overview In this project students will be required to work through several exercises to create a framework for a mobile application. Students will be required to show a cumulative understanding of typographic design. New opportunities for exploring hierarchical grids will be explored. Project Objectives Create a conceptual design plan for an application used to walk/explore the Town of Fredonia. Create a twelve page minimum process booklet
4
The initial task of this project was ot go out an explore Fredonia, while documenting your trip. Starting st Barker Commons, I went down near the Firehouse and Gas Well, walked along Canadaway Creek, then back down Temple Street to lead my jorney back to the beginning. I wanted to include places with some historical content, as well as appreciate the beauty of nature along the creek to Rhinehoudt Bridge. I took photographs to document my trip and the locations I wanted to include in my application.
5
6
7
8
9. WCA HOME
Original map-out of my walk and places I explored. This used a Google map in which I overlayed my path
8. REINHOUDT BRIDGE
2. FREDONIA OPERA HOUSE & VILLAGE HALL
7. CANADAWAY CREEK
1. BARKER LIBRARY
10. UPPER CRUST BAKE HOUSE
3. HOMETOWN CAFE
of exploration. I then used this to create my later map.
11. BARKER COMMONS PARK
4. THE GRANGE 6. FIRST GAS WELL IN THE U.S. 5. MAYTUM FREDONIA FIRE MUSEUM
Using Google map to create a basic outline of streets. I then outlined this street view and created a color overlay of my traveled path.
Map I included in my first version of the application design. This was a full overview outlining all locations available on the guided app tour.
This zoomed in version was showing how the viewer can zoom into different areas of the map to get a closer look at the various locations.
application design
9
1. Original page layout of the app - working with different colors and figuring out how items would be listed and displayed. 2. Adjusting color palette I used muted and cooler colors to create a serene feeling. The viewer should feel relaxed and
Locations
DARWIN R. BARKER LIBRARY
calm. This exploration should be a fun experience.
Map
OPERA HOUSE
HOME
THE GRANGE MAYTUM FIRE MUSEUM FIRST U.S. GAS WELL CANADAWAY CREEK REINHOUDT BRIDGE
HOME
HOME
MAP
MAP
TOUR
TOUR
EATS
EATS
HOTELS
HOTELS
3. Continuing design here I decided upon the typefaces I wanted to use and
SEARCH
SEARCH
4. Unification - gradient was added to the area behind “home” and removed the bubble shapes from locations to unify the design.
changed the “magnifying glasses” to simple arrows.
10
discover fredonia
A TOURIST’S GUIDE TO FREDONIA, NY
11
MAP
HOME MAP
discover fredonia
TOUR EATS HOTELS
A TOURIST’S GUIDE TO FREDONIA, NY
discussion FIRST U.S. GAS WELL
SEARCH
TOUR
FIRST U.S. GAS WELL
OPERA HOUSE
DARWIN R. BARKER LIBRARY OPERA HOUSE THE GRANGE MAYTUM FIRE MUSEUM FIRST U.S. GAS WELL canadaway creek
This boulder marks the site of the first commercial
The opera house opened in April of 1891. The
U.S. Natural gas well. William hart, a local Fredonia
building, containing The Village Hall and Opera
gunsmith, had drilled America's first commercial
House, was constructed in 1890 by architect
natural gas well in 1821. He found shale at depth
Enoch Curtis. This was a venue that brought guests
of 27 feet and then drilled a 1.5 inch borehole to
from throughout the region to participate in a range
reach plentiful natural gas at 70 feet. Using lead
of activities, enriching the community. Restorations
pipe, hart supplied gas to Abell’s Inn on the stage-
and renovations were done from 1987-1989 to
coach route from Buffalo to Cleveland and later
repair heavy amounts of deterioration. Today the
expanded to 30 burners for other Fredonia homes
opera house still stands as Chautauqua County’s
and businesses.
only performing arts center, presenting year round programs and events.
THE GRANGE
EATS
HOTELS
THE BRICK ROOM $$
BEST WESTERN
ROCCO’S RESTAURANT $$
DAYS INN
EBC WEST $$
COMFORT INN
LIBERTY $
THE WHITE INN
EL AZTECA RESTAURANT $
CLARION HOTEL
CHina king $
brookside manor b&b
Near here on April 16, 1868, farmers organized the first grange to champion their needs in the healing of the nation recovering from Civil War. Fredonia became the home of the first dues-paying grange. The United States' first grange hall was constructed in here in Fredonia. This original building can be visited on Main Street, downtown Fredonia.
12
evaluation The creation of a mobile app was an enjoyable project. We were able to apply the fundamentals of typography that we have learned to something relevant to our everyday lives. This made the project fun, and it was useul to view the app on the iphone as I went along to get a better idea of how the design was working. My objective with the app creation was to essentially create a “tour guide� for travelers visiting the Fredonia area. Not only will the application lead them around the area, highlighting both historical locations and the natural beauty, but there are further recommendations for hotels and restaurants in the area. I wanted to create an overall guide that would allow them to interact and explore the area, while receiving all the information they may need on a trip. When selecting a location, the viewer will be led to another page, including a picture and background information. I decided to use historical photographs when possible, and make them black and white, as to not distract from the design. This gives that historical sense, and works within the color palette. I decided to work with muted, cooler colors. This gave a sense of tranquility. The exploration is meant to be fun and relaxing, with an old world vibe, learning about the historical buildings and events of Fredonia. I think these colors are working successfully to convey this idea, and tie the app together well. Overall, I feel the end design is working successfully. The design is very cohesive and interacts with the viewer, while also providing other useful information. The stylized map works successfully to tie into the design of the application, while becoming more visually interesting and pleasing. The largest adjustments made throughout the design of the app were getting rid of the bubble shapes around each location and turning them into boxes. Looking back, the shapes were constricting and distracting. Changing the design to simply a box is cleaner, and more concise. I also worked with adjusting the typefaces. The Ostrich Sans display typeface, used for the location names and menu items, is a very narrow font. While I prefer this look, it can become difficult to read. I worked with opening up the tracking and adjusting the kerning between certain characters to allow an easier read. If I were to go back and make changes, i would like to further create pages for what a restaurant or hotel review would look like. I would like to see more pages. It would be fun to continue the design and fully finish it. With any design, there can be small adjustments made to make the design feel more finished.
14