Megan Pettley Design Portfolio by SFSU School of Design Portfolios

megan pettley DESIGN PORTFOLIO

Megan Pettley

Hello, my name is Megan Pettley. I am a graphic designer, enthusiastic francophile, and avid soccer player. Letâ&#x20AC;&#x2122;s create something!

831.682.5603 mpettley@gmail.com https://www.linkedin.com/in/mpettley

Take a look SF State Abroad - Branding

6-21

Church Street Cafe - Branding

22-29

Dubliners - Book Design

30-41

Foghorn App - User Interface

42-51

Ida B. Wells - Special Edition

52-61

SF State Abroad Branding / Identity SF State Abroad is a part of the Division of International Education at San Francisco State University, and offers high quality exchange programs for students to participate in immersive, educationally rigorous opportunities. Before this rebrand, there was no branding in place. The set of logos were outdated and of poor image quality, and no standard color palette or typography existed. The new branding strategy is meant to speak to the student population, evoking a sense of fun and adventure while still maintaining its professionalism. The design encourages students to take a look at all the opportunites studying abroad has to offer.

Skills Used Adobe Illustrator Adobe Photoshop Adobe Acrobat Pro (all PC platform)

Megan Pettley

your guide to studying abroad

design audit

Megan Pettley

master logo

Master Logo combines the universityâ&#x20AC;&#x2122;s emblem with SF State Abroad to establish credibility, but also to signify unity between the university and international education. Airplane acts as a representation of travel, and divides up the logo elements to enhance legibility.

Megan Pettley

alternate logos

Alternate Logos used when vertical or horizontal orientation is a better use of white space, instead of the taller, more rectangual shape the master logo creates.

trifold

Trifold emulates a letter, featuring a stamp from a country where a program is offered through SF State Abroad. Inside the letter is general information and images to peak readersâ&#x20AC;&#x2122; interest and encourage them to attend an informational meeting. 12

Megan Pettley

informational flyers

Less crossing

Adventure is calling, for every major

fingers, more crossing borders.

AD! STUDY STUDY ABROAD! ABROAD! STUDY ABROAD! Getting accepted into the program is easier than you think. Over 96% of qualified SF State students were accepted. Weâ&#x20AC;&#x2122;ll help you get there!

ed:

If you thought there wouldnâ&#x20AC;&#x2122;t be any international programs for your major, think again! SF State Abroad has programs for EVERY major.

Attend an Attend Informational an Informational Meeting toMeeting get started: to get started:

Attend an Informational Meeting to get started:

.m.

Office of International Office Programs of International Programs M

10:00 a.m. M

10:00 a.m.

Office of International Programs

10:00 a.m.

Building C @ Village Building Centennial C @ Village SquareCentennial Square T

11:00 a.m. T

11:00 a.m.

Building C @ Village Centennial Square

11:00 a.m.

studyabroad@sfsu.edu studyabroad@sfsu.edu

2:00 p.m. W

2:00 p.m.

studyabroad@sfsu.edu

2:00 p.m.

oip.sfsu.edu/studyabroad oip.sfsu.edu/studyabroad

2:00 p.m. Th

2:00 p.m.

oip.sfsu.edu/studyabroad

2:00 p.m.

Informational Flyers provide students with information regarding student acceptance rates, availability of programs for each major, transferring credits, and living costs. Each concept was transformed into flyers that are distributed throughout the SF State campus. 14

Megan Pettley

SFSU credits travel with you, wherever you go

SF rent: Abroad rent:

OAD! STUDY ABROAD!

get started:

STUDY ABROAD! STU

All credits earned while abroad count as resident credits and go towards your major and other requirements.

Most destinations have cheaper living costs than San Francisco. You only pay SFSU tuition and your Financial Aid comes with you.

Attend an Informational Meeting to get started:

10:00 a.m.

Office of International Programs

10:00 a.m.

Office of International Programs

10:00 a.m.

11:00 a.m.

Building C @ Village Centennial Square

11:00 a.m.

Building C @ Village Centennial Square

11:00 a.m.

2:00 p.m.

studyabroad@sfsu.edu

2:00 p.m.

studyabroad@sfsu.edu

2:00 p.m.

oip.sfsu.edu/studyabroad

2:00 p.m.

oip.sfsu.edu/studyabroad

2:00 p.m.

Atte

country flyers

FRANCE SKEMA Business School

What’s Next?

Finances

1. Info Meetings

Costs

Semester

Year

Come to a Study Abroad Info Meeting, held in the Study Abroad Office at the Office of International Programs, located in Village C in Village Centennial Square.

SFSU Tuition Airfare/Transport Housing Meals Books/Supplies Insurance Personal Total

$3,469 $2,200 $4,500 $2,250 $400 $307 $2,000 $15,126

$3,469

Monday 10am

Wednesday 2pm

Tuesday 11am

Thursday 2pm

OIP

2. Research

Requirements

Programs Offered

Dates & Deadlines

• Graduate Standing

• MBA programs only

• Academic Calendar Fall Semester: September - December

• 2.75 GPA or Higher

Spring Semester: January - June

• Language of Instruction: English

• Application Deadlines

• Priority will be given to students

For Spring Semester:

September 15th

with prior French course work

For Fall and Academic Year:

• Semester or year options available

March 1st

• Visit our website: oip.sfsu.edu/studyabroad • Click on “Search Programs” to access our database • Attend an Application Workshop

Scholarship Opportunities

3. Plan & Note Deadlines

5. Get Involved with IEEC

• Review Programs for academic fit • Check program specific requirements • Plan early and be aware that deadlines are often a year in advance.

The International Education Exchange Council (IEEC) is a student organization for anyone interested in studying abroad. It connects you with international students studying in San Francisco and study abroad alumni. • Join the mailing list at ieec@mail.sfsu.edu • Find us on Facebook (www.facebook.com/ ieecsfsu) and our group (IEEC Spring/Fall Year, i.e. IEEC Fall 2015) • Attend one of the many semester events!

4. Apply! • Click on “Apply Now” on our website: oip.sfsu.edu/studyabroad • Under “SFSU Student Registration” create an account then select a program and apply!

Potential Course Offerings The French Rivieria

SKEMA Business School

For more courses and the most current listings, visit: ht tp://www.skema.edu

Stretching along the coa st between the Alps and the Mediterranean, close to the Italian border, the French Riviera instantly evokes images of one of the world’s most glamorous regions, synonymous with go o d living, gourmet fo o d and fine ar ts. Visitors come for both business and plea sure: global trade fairs (musi c, real estate, telecoms, adver tising...) events such a s the Cannes Film Festival, jazz festivals in Ni ce and Juan les Pins. Those living here are able to enjoy the many natural advantages of the mountains and the coa st and will often boa st that they can ski in the morning and then go down to the beach to enjoy the sunset!

Created 44 years ago, SKEMA now caters to 2,0 0 0 students from over 60 different countries. Due to its exceptional lo cation at the hear t of Sophia Antip olis, Europ e’s leading science and technology park, this “Grand Ecole” benefits from close proximit y to go-ahead high-tech companies within an international environment. This major advantage enables the Scho ol to prop ose an original mo del of high p erformance for advanced training, benefiting from the close involvement of companies and adapting to their demands so that they can

International Business

Student Ex p erience Rep or t: http://www.sfsu.edu/~studyabr/Ex p erienceRep or ts/France SKEMA Ex p erience Rep or t.pdf

pursue their development in a sustainable fa shion. The impact of new technologies and innovation whi ch play a central role in pro duction pro cesses ha s been extremely imp or tant and ha s tran sformed the way of organizing companies, their networks, frontiers, and their need for skills.

Nice

est f the old is one o ttlements e s human , Europe in all of ck to a b g n dati 0 years 400,00

Country Flyers provide students with information regarding study abroad programs in each country. Front page includes basic information, location and a fun fact about the city or university. Back page provides detailed informaiton about courses offered, housing, etc. 16

Megan Pettley

International Law, Taxation, and Finance International Management and Sectorial Dynamics Global Workshop: Knowledge Economy Managing International Organizations European Business Environment Intercultural Communication Globalization International Strategies Global Market Analysis Intercultural Management International Market Finance

Finance

Financial Management Financial Markets International Corporate Finance Interpreting Macroeconomic Signals Financial Intermediation and Bank Management Country Risk Analysis and Emerging Markets Accessing International Capital Markets Investment Banking Commodities Financial Policy International Finance Options Futures and Other Derivatives

Tel. 415.338.1293

$2,200 $4,500 $2,250 $400 $307 $2,000 $15,126

Management Diversity Management Mergers, Acquisitions, and Alliances Knowledge Management Supply Chain Management Business Events Management Leadership and Communication Skills Purchasing Strategic Management of Technology Marketing International Marketing/Sales in Business to Business Effective Negotiation Skills Perspectives in International Marketing Consumer Behavior Advanced Advertising Strategy Communication and Advertising Tourism and Hospitality MGMT

Fundamentals of Tourism Tourist Behavior Tourism Management Tourism Marketing Event and Destination Marketing Interactive and Web Marketing in Tourism

Email: studyabroad@sfsu.edu

Website: oip.sfsu.edu/studyabroad

The French government allocates a considerable number of grants to foreig n students every year. For more information visit: http://www.ambafrance-us.org Visit our Scholarship page on our website: http://www.sfsu.edu/~studyabr/ScholarshipsAnd Financing/ScholarshipsAndFinancing.html

Housing Visit SKEMA’s website and click on the “Practical Information” section: http://www.skema.edu Stduents on exchange programs at SKEMA tend to live in off-campus apar tments, whether alone or with other international or French students.

CANADA

GERMANY

Concordia University

Fachhochschule Fulda

Requirements

Programs Offered

Dates & Deadlines

Requirements

Programs Offered

Dates & Deadlines

• 60 units or more completed by

• Courses in most majors

• Academic Calendar

• 60 units or more completed by

• Social Work (fall only)

• Academic Calendar

Fall Semester: September - December

departure

Spring Semester: January - April

• 3.0 GPA

• Application Deadlines

• Language of Instruction: English

For Spring Semester:

September 15th

• Semester or year options available

For Fall and Academic Year:

March 1st

Montreal, Quebec, Canada Montreal, the second largest French-sp eaking cit y in the world is lo cated on an island in the hear t of the St. Lawrence Valley. It dates back to the 17th centur y and is built around a mountain the center of the island known a s Mont-Royal. The cit y is within an hour’s drive of a myriad of lakes and ski resor ts in the Laurentian mountain s and the Ea stern Townships. Few cities are a s exciting and multi-dimen sional a s Montreal. As one of the great cities of the world, it boa sts an Olympi c stadium, a famous ho ckey team, world cla ss ar t galleries, an excellent metro system and some of the finest shops this side of the Atlanti c. Montreal is a major financial, business, and industrial center of higher learning and an attractive cit y for major research oriented companies. Student Ex p erience Rep or t: http://www.sfsu.edu/~studyabr/Ex p erienceRep or ts/CanadaConcordia04.pdf

Concordia University Concordia is a dynami c first choi ce for globally minded students who wish to acquire a first-cla ss education. Concordia offers a wide range of innovative programs that provide a uni que and challenging educational ex p erience. We offer students a chance to study in an in stitution that keeps its cla sses small, its professors accessible, and its education affordable. Concordia ha s four faculties and a Scho ol of Graduate Studies, a s well a s numerous colleges, centers, and in stitutes. Visit the website: http://www.concordia.ca

l Montrceonad

se has the f restaurants ro numbe orth ita in N p per ca after st u (j a c Ameri YUM! rk City). New Yo

Fall Semester: September - December

departure • 3.0 GPA & appropriate

• Application Deadlines

prerequisites

For Fall Term:

March 1st

• Language of Instruction: English • Prior college-level German recom- mended, but not required

Fulda, Germany

Fachhochschule Fulda

The Baroque cit y of Fulda is lo cated between the Rhon and Vogelsberg mountain s in the green geographi c center of Germany. The region is home to numerous mechani cal, electri cal and computer engineering companies and servi ce firms. The histori c cit y of Fulda attracts visitors from around the world. A cit y of 63,0 0 0 in habitants, Fulda boa sts one of Germany’s most pi cturesque and charming old town s. Fulda, situatied in the center of Germany, enjoys ideal tran sp or t connection s. The cit y is lo cated along a highway and is served by ICE (Intercit y Ex press), Germany’s high-sp eed train system. Germany’s principal international airp or t, Frankfur t, is just an hour away by car or train.

With about 4,50 0 students, Fulda maintain s a great student to facult y ratio. The campus is medium-sized and ver y attractive a s well a s ver y accessible by publi c tran sp or tation. Fulda offers programs in Multimedia Technology, Electroni c Business Systems and Appli cation s, Information Securit y and Electroni c Payment Systems, and So cial Work. The program will a ssessed through comparative evaluation of student projects, p ost-exchange interviews, and reviews by Fulda and SF State facult y. Visit the website: http://www.fh-fulda.de/

Fulda reat

was a g hub of al and mediev , culture learning s abbots were It . n religio oly of the H princes mpire. E n a m Ro

prospectus

Megan Pettley

Opening Spread is a colorful, lively welcome to students interested in studying abroad.

Megan Pettley

Destinations

28+ 6 { Regions

Countries with programs and growing!

Asia Africa Europe Australia North America South America

Language Programs

Spain Mexico France Germany China Taiwan Korea Italy

Students

400 { Students per year

65% 44%

non-traditional students

35% Male

first generation students

65% Female

95% of qualified applicants receive a nomination

Field of Study

summer

80 + 64 = 144

7% 63% year

30%

semester

Program Duration

CSU IP

Direct Exchange

Partnerships with SF State Abroad

Church Street Cafe Rebranding / Identity

Church Street Cafe is a small coffee shop in the heart of the Castro, off of Market street and Church street. The interior is warm and cozy, with steaming coffee and young professionals busy at work. It is an excellent work environment, where people can focus and foster ideas. The branding conveys this warm and intimiate atmosphere, with a rich color palette and vintage type treatment. As for the logo, the light bulb design reinforces the work environment, and is paired with the rustic colors.

Skills Used Adobe Adobe Adobe Adobe

InDesign Photoshop Illustrator Acrobat Pro

Megan Pettley

mood board / inspiration

Megan Pettley

sketches / ideation

branding elements

Pacifico

Montserrat

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQ RSTUVWXYZ

1234567890!?*&@

Megan Pettley

ABCDEFGHIJKLMNOPQRSTUV WXYZ 1234567890!?*&@

final version

Master Logo has a lightbulb for creativity, inspiration, and innovation. The cord wraps around the lettering and lightbulb in order to connect all of the elements, and further suggest a sense of community and togetherness.

Alternate Logo is draws particular attention to the lightbulb itself, which acts more as an icon for the cafe. Meant for smaller formats, including letterhead and envelopes.

branding in use

Megan Pettley

Dubliners

Book Design

This Dubliners book design is heavily symbolic to encourage readers to search for connections between the story and its supporting design elements. I chose a particular object for each story that symbolizes an emotion, feeling, or issue going on in that particular text. I want readers to question the significance of the objects, the reasoning for certain colors, and what they mean to the characters or the overall story. The type treatment is meant to reflect the tone of the short story as well. For example, the â&#x20AC;&#x2DC;Two Gallantsâ&#x20AC;&#x2122; chapter type treatment has words overriding one another. This effect is meant to symbolize tension and conflict between the two characters.

Skills Used Adobe Adobe Adobe Adobe

InDesign Photoshop Illustrator Acrobat Pro

Megan Pettley

sketches / imagery

Megan Pettley

broken reading glasses

organ grinder

teacup

knife and fork

Irish coin

ink splatter

iterations

Dubliners

Eveline

eveline

“He is in Melbourne now.” HE sat at the window watching the evening invade the avenue. Her head was leaned against the window curtains and in her nostrils was the odour of dusty cretonne. She was tired.

Few people passed. The man out of the last house passed on his way home; she heard his footsteps clacking along the concrete pavement and afterwards crunching on the cinder path before the new red houses. One time there used to be a field there in which they used to play every evening with other people’s children. Then a man from Belfast bought the field and built houses in it—not like their little brown houses but bright brick houses with shining roofs. The children of the avenue used to play together in that field—the Devines, the Waters, the Dunns, little Keogh the cripple, she and her brothers and sisters. Ernest, however, never played: he was too grown up. Her father used often to hunt them in out of the field with his blackthorn stick; but usually little Keogh used to keep nix and call out when he saw her father coming. Still they seemed to have been rather happy then. Her father was not so bad then; and besides, her mother was alive. That was a long time ago; she and her brothers and sisters were all grown up; her mother was dead. Tizzie Dunn was dead, too, and the Waters had gone back to England. Everything changes. Now she was going to go away like the others, to leave her home.

She had consented to go away, to leave her home. Was that wise? She tried to weigh each side of the question. In her home anyway she had shelter and food; she had those whom she had known all her life about her. Of course she had to work hard, both in the house and at business. What would they say of her in the Stores when they found out that she had run away with a fellow? Say she was a fool, perhaps; and her place would be filled up by advertisement. Miss Gavan would be glad. She had always had an edge on her, especially whenever there were people listening.

She was about to explore another life with Frank. Frank was very kind, manly, open-hearted. She was to go away with him by the night-boat to be his wife and to live with him in Buenos Ayres where he had a home waiting for her. How well she remembered the first time she had seen him; he was lodging in a house on the main road where she used to visit. It seemed a few weeks ago. He was standing at the gate, his peaked cap pushed back on his head and his hair tumbled forward over a face of bronze. Then they had come to know each other. He used to meet her outside the Stores every evening and see her home. He took her to see The Bohemian Girl and she felt elated as she sat in an unaccustomed part of the theatre with him. He was awfully fond of music and sang a little. People knew that they were courting and, when he sang about the

“Miss Hill, don’t you see these ladies are waiting?” “Look lively, Miss Hill, please.” She would not cry many tears at leaving the Stores. But in her new home, in a distant unknown country, it would not be like that. Then she would be married—she, Eveline. People would treat her with respect then. She would not be treated as her mother had been. Even now, though she was over nineteen, she sometimes felt herself in danger of her father’s violence. She knew it was that that had given

evel i ne

her the palpitations. When they were growing up he had never gone for her like he used to go for Harry and Ernest, because she was a girl; but latterly he had begun to threaten her and say what he would do to her only for her dead mother’s sake. And now she had nobody to protect her. Ernest was dead and Harry, who was in the church decorating business, was nearly always down somewhere in the country. Besides, the invariable squabble for money on Saturday nights had begun to weary her unspeakably. She always gave her entire wages—seven shillings— and Harry always sent up what he could but the trouble was to get any money from her father. He said she used to squander the money, that she had no head, that he wasn’t going to give her his hard-earned money to throw about the streets, and much more, for he was usually fairly bad of a Saturday night. In the end he would give her the money and ask her had she any intention of buying Sunday’s dinner. Then she had to rush out as quickly as she could and do her marketing, holding her black leather purse tightly in her hand as she elbowed her way through the crowds and returning home late under her load of provisions. She had hard work to keep the house together and to see that the two young children who had been left to her charge went to school regularly and got their meals regularly. It was hard work—a hard life—but now that she was about to leave it she did not find it a wholly undesirable life.

Perhaps she would never see again those familiar objects from which she had never dreamed of being divided

lass that loves a sailor, she always felt pleasantly confused. He used to call her Poppens out of fun. First of all it had been an excitement for her to have a fellow and then she had begun to like him. He had tales of distant countries. He had started as a deck boy at a pound a month on a ship of the Allan Line going out to Canada. He told her the names of the ships he had been on and the names of the different services. He had sailed through the Straits of Magellan and he told her stories of the terrible Patagonians. He had fallen on his feet in Buenos Ayres, he said, and had come over to the old country just for a holiday. Of course, her father had found out the affair and had forbidden her to have anything to say to him. “I know these sailor chaps,” he said.

The evening deepened in the avenue. The white of two letters in her lap grew indistinct. One was to Harry; the other was to her father. Ernest had been her favourite but she liked Harry too. Her father was becoming old lately, she noticed; he would miss her. Sometimes he could be very nice. Not long before, when she had been laid up for a day, he had read her out a ghost story and made toast for her at the fire. Another day, when their mother was alive, they had all gone for a picnic to the Hill of Howth. She remembered her father putting on her mother’s bonnet to make the children laugh. Her time was running out but she continued to sit by the window, leaning her head against the window curtain, inhaling the odour of dusty cretonne. Down far in the avenue she could hear a street organ playing.

Dubliners

the air. Strange that it should come that very night to remind her of the promise to her mother, her promise to keep the home together as long as she could. She remembered the last night of her mother’s illness; she was again in the close dark room at the other side of the hall and outside she heard a melancholy air of Italy. The organ-player had been ordered to go away and given sixpence. She remembered her father strutting back into the sickroom saying:

Home! She looked round the room, reviewing all its familiar objects which she had dusted once a week for so many years, wondering where on earth all the dust came from. Perhaps she would never see again those familiar objects from which she had never dreamed of being divided. And yet during all those years she had never found out the name of the priest whose yellowing photograph hung on the wall above the broken harmonium beside the coloured print of the promises made to Blessed Margaret Mary Alacoque. He had been a school friend of her father. Whenever he showed the photograph to a visitor her father used to pass it with a casual word: “He is in Melbourne now.” She had consented to go away, to leave her home. Was that wise? She tried to weigh each side of the question. In her home anyway she had shelter and food; she had those whom she had known all her life about her. Of course she had to work hard, both in the house and at business. What would they say of her in the Stores when they found out that she had run away with a fellow? Say she was a fool, perhaps; and her place would be filled up by advertisement. Miss Gavan would be glad. She had always had an edge on her, especially whenever there were people listening. “Miss Hill, don’t you see these ladies are waiting?” “Look lively, Miss Hill, please.” She would not cry many tears at leaving the Stores.

One day he had quarrelled with Frank and after that she had to meet her lover secretly.

Eveline

“Damned Italians! coming over here!” HE sat at the window watching the evening invade the avenue. Her head was leaned against the window curtains and in her nostrils was the odour of dusty cretonne. She was tired.

Dubliners

As she mused the pitiful vision of her mother’s life laid its spell on the very quick of her being—that life of commonplace sacrifices closing in final craziness. She trembled as she heard again her mother’s voice saying constantly with foolish insistence: “Derevaun Seraun! Derevaun Seraun!” She stood up in a sudden impulse of terror. Escape! She must escape! Frank would save her. He would give her life, perhaps love, too. But she wanted to live. Why should she be unhappy? She had a right to happiness. Frank would take her in his arms, fold her in his arms. He would save her. She stood among the swaying crowd in the station at the North Wall. He held her hand and she knew that he was speaking to her, saying something about the passage over and over again. The station was full of soldiers with brown baggages. Through the wide doors of the sheds she caught a glimpse of the black mass of the boat, lying in beside the quay wall, with illumined portholes. She answered nothing. She felt her cheek pale and cold and, out of a maze of distress, she prayed to God to direct her, to show her what was her duty. The boat blew a long mournful whistle into the mist. If she went, tomorrow she would be on the sea with Frank, steaming towards Buenos Ayres. Their passage had been booked. Could she still draw back after all he had done for her? Her distress awoke a nausea in her body and she kept moving her lips in silent fervent prayer. A bell clanged upon her heart. She felt him seize her hand:

“Come!” All the seas of the world tumbled about her heart. He was drawing her into them: he would drown her. She gripped with both hands at the iron railing. “Come!” No! No! No! It was impossible. Her hands clutched the iron in frenzy. Amid the seas she sent a cry of anguish! “Eveline! Evvy!” He rushed beyond the barrier and called to her to follow. He was shouted at to go on but he still called to her. She set her white face to him, passive, like a helpless animal. Her eyes gave him no sign of love or farewell or recognition.

final book spreads

Megan Pettley

Half Title Spread contains quote referencing Dublin by author James Joyce.

Opening Chapter Spread, the â&#x20AC;&#x2DC;yâ&#x20AC;&#x2122; is cut off of Araby to evoke a sense of incompletion which the main character feels at the end of his story.

Megan Pettley

Irish Coins represent hope to the main character. But because these hopes and dreams go awry, his situation turns incontrollable and into one of disappointment.

But no one tried to show her her mistake; and when she had ended her song. Joe was very much moved. He said that there was no time like the long ago and no music for him like poor old Balfe, whatever other people might say; and his eyes filled up so much with tears that he could not find what he was looking for and in the end he had to ask his wife to tell him where the corkscrew was.

Megan Pettley

Repeated Teacups refer to the maid, the main character in this chapter, whose life is filled with an inescapable monotony.

Green and Gold Color Scheme refers to a particularily symbolic scene in this chapter when one the main character orders a tin of green peas and ginger beer in a grimy pub. 40

Megan Pettley

Type Treatment refers to an adulterous and passionate encounter between two parties who both lead uneventful lives before meeting one another.

Foghorn

User Interface Design Foghorn is a quirky travel companion for those wanting to explore San Francisco. The app promotes discovery over sightseeing and serendipity over itinerary. With these ideas in mind, Foghorn helps users acquaint themselves with the city through local slang dictionaries, fun facts, and unique activity ideas. In addition, users can write and record their adventures and view them through detailed map visualizations.

Skills Used Adobe Illustrator Adobe Photoshop Adobe Acrobat Pro

Megan Pettley

avoids any unnecessary discouragement from the application.

design audit

Location tracking, geo-tagging and travel logging audit of 20

similar to Foghorn. MobilyTrip alsoapplications generates variouswith maps for its usersfeatures and their various trips. These maps and journals can be shared with other users to collaborate plan more trips based n everyone’s previous experience documented through the application. These teractions can be private with trusted contacts, semi-public through Facebook and ther outlets, or public through the application’s social media sphere.

Travelog Trip JournalTrip Journal

Travelog

Travelog is an application much like a travel Travelog is an application much like a travel Trip Journal is another application designed Trip Journal is another application designed journal that allows users to record their travel journal that allows users to record their travel as a helpful trip companion during user’s as a the helpful trip companion during the user’s moments through photos and pinning their moments through photos and pinning their vacation. The application offers a regular vacation. The application offers a regular a Lite map.version Users for can also discovadventures on a map. Users can also discovprice of $2.99 or offers a free Lite version foradventures price of $2.99 or offers a on free er limited “hidden sights” through er “hidden sights” through other travelers Android that is limited to one trip. The design Android that is to one trip. The designother travelers using the same using the same application. There are is simple, including options for new trips, is simple, including options for application. new trips, There are and news from travelers all ongoing trips, an archive of trips, and iTunes up-to-date stories and news from travelers all ongoing trips,up-to-date an archivestories of trips, and iTunes world. can be imports. In addition, a pinned map is used toaround a the around the world. Experiences can be imports. In addition, pinned map isExperiences used to shared Facebook with and Twitter, and see all of the user’s visited locations, shared through Facebook and Twitter, and see all ofwith the user’sthrough visited locations, be transferred into blog photos organized and allocated andjournal entries journal entries can be transferred into blog photos organized and can allocated and geo-tagged to the respective locations.posts. geo-tagged to the respective locations. posts. Notes and video are also included. The appliNotes and video are also included. The application also provides multiple sharing While this application excellent at travel cation options also provides multiple sharing is options While this application is excellent at travel including Facebook, Twitter,including email, and logging, many its features Facebook, Twitter,of email, and are Internet logging, many of its features are Internet Google Earth. Google Earth.based, using GPS and Wi-Fi components. based, using GPS and Wi-Fi components. This does not mean that users cannot save This does not mean that users cannot save Various problems with the application Variousinclude problems the application their with information for theinclude next time they have their information for the next time they have the occassional glitch and confusing maneu-Internet the occassional glitchaccess, and confusing maneuhowever. Internet access, however. TheMobilyTrip’s cover of the application These are theoffour sections in verabily and usability. These problems mayusability. These This is an example ofsections thescreenshot The user cover the application These are the four in various Not only does this appliverabily and problems may can share their This is an example ofUsers the This further Not only does this appliresembles that of a travel journal which the application isemulates maps used resembles thatcation of a travel journal which the of application isin this Trip Journal that ashows real Travelog has atheminimalist design maps used in this weaken the application, causing potential allow users togeo-tagged experiences through examples ofgeo-tagged trip cation allow users to with weaken the application, causing potential book, important for conveying to divided and organized. The application. screenshot book, important for conveying to divided andThis organized. Thein interfaces are both simple application. This screenshot in users to switch to other available “travel com- to other available record their trips, Travelog application itself, blogs, ideas and opportunities users the use and function of the record their trips,can Travelog design is diary, clean andfunction simple, users to switch “travel comparticular route informausers the use and of the design isshows clean and simple, travel providing users with geowith a simple UI as well. Users docparticular shows route informaapplication. driven to aid usability also has suggested tion trips panions” with a simpler system.panions” with a simpler system. Facebook, or Twitter. and to tracking for the userthrough in offered Travelog. also has suggested trips application. driven aid usability tion and tracking for the user in and minimalist in design to throughout the application. Paris, France.thethrough and advice for users. throughout application. tagged maps of their journies a

However, critics have allow easy manuevering. commented on the lack easy to use UI.of organization and overwhelmSimplicity is key for an app ing factors in the amount of and options that demands the information userwithto provided this application. routinely imput information Schemer is a free application available from Momento isis an an iPhone iPhone application application geared geared Momento Android devices. Although this an application is while they towards journalenjoy writing. ItIt allows allows users toto journal writing. stilltowards in production, its concept is users a make entries using either text photos. make entries using text orortophotos. otherwise relaxing vacation. This application is aneither crowd-sourced travel guide. Google aims Users canalso also tag themselves withpeople people can tag themselves with tracker, which tapUsers into aactivity travel guide supported by experiIttravelers provides and from their address book, andadd add locations is displayed viamotivation the from their address book, and locations enced already in that area. Visitors left Whilelistisis from thescreenshot. GPS. Whatever captured canalso also canfrom add activities toWhatever a to-do and check off the GPS. captured can avoids any unnecessary this does and not necesas be they progress explore location. be synced synced with eventstheir from various social social with events from various sarily display the discouragement from the media services includingthose thosefrom fromTwitter, Twitter, media services including travelling compoAlthough still being developed, Schemer isany aany web application. Facebook, and Flickr—essentially web Facebook, and Flickr—essentially nent, it does indeed

Schemer Momento Momento

hemer

ication available from ugh this application is its concept is a uide. Google aims to supported by experiy in that area. Visitors o-do list and check off xplore their location.

eloped, Schemer is a wanting to kill several a whole day. Regardtable, the application cal and experienced s and advice. The s not fully developed, be inserted into the MobilyTrip has a MobilyTrip ation tracking.

However, critics have commented on the lack of organization and overwhelming factors in the amount of information and options provided with this application.

Paris, France.

ument their experiences through phoand advice for users. tos, captions and geo-tagging. News and stories from travelers are also included.

This application is an activity tracker, which is displayed via the left screenshot. While this does not necessarily display the travelling component, it does indeed show the application’s user tracking concept.

great idea forthe those wanting to kill based service that provides anseveral RSSororATOM ATOM show applicabased service that provides an RSS hours or those planning a whole day. Regarduser tracking feed.tion’s Another important measure measure it’s it’s the the feed. Another important less of the user’s timetable, the application concept. ability to export data and applications applications ability to export data and provides access to local and experienced backupsuggestions thedata. data. and advice. The backup the travellers’ quantified self aspect is not fully developed, This application would fallunder under the quantibutThis could potentiallywould be inserted into the the quantiapplication fall The lower right screenshot Theabove abovescreenshots screenshotsreflect reflectthe theapplication’s application’s lifelogging features The lower right screenshot The lifelogging features Momento isare geared towards journal simple UI and clean is acan crowdvarious sourced travel guide shows the timeline organizathrough timeline-likeorganization organizationand and structure. Events are also application through location tracking. shows the timeline organizathrough it’sit’stimeline-like structure. Events also fiedself’s self’s lifelogging component. Users can fied lifelogging also generates various maps forcomponent. itsSchemer usersUsers and their trips. These

The logo iselevated both playful and tion the application. This loggedasasmoments, moments,totogive givea amore moreadventurous, adventurous, elevated sense tion ofof the application. This is is logged sense ofof advenlogo is both playful andin advenwriting and allows users to add text, graphics. Users document trip that has experienced travellers essentially logtheir theirThe daily activities, which in essentially log daily activities, a daily log a user, which the user’suse useofoftime. time.The Thewording wordingis iskey key the functionality and a daily log of of a user, which the user’s forfor the functionality and turousimportant in conveying not maps andcan journals cantheir be shared with other users toinwhich collaborate plan moresupplytrips based turousimportant conveying not turncan canprovide providethem them with raw data needed turn with raw data needed includes text and pictures userexperience experienceofofthe theapplication. application. only includes text and pictures to to user the application’s purpose, but photos and GPS location. Can be synced and share their travel journals to the ing the data. Visitors to an area can add only the application’s purpose, but give overall sense give anan overall sense of of thethe on everyone’s previous experience through the application. These examinedocumented their activities activities and use ofof time time toto examine their use to entice and encourage new users to entice and and encourage users tojoinsocial media sites and events posted. Internet and Facebook. activities to new a to-do list. The design is to the “scheming”. over an extended period time. However, over an extended period ofof“scheming”. time. However, to join the interactions can be private with trusted contacts, semi-public through Facebook and there isisno nosummary summaryororconclusive conclusive analysis a to-do list. It is a lifelogging app. playful and the UI is clean are concise. there analysis

other outlets, or public through theby application’s social media provided by theapp, app,which whichinin turnfails fails QS’s sphere. provided the turn QS’s ideaofof“self-knowledge” “self-knowledge”from fromthis thisself-trackself-trackidea ing. ing.

Megan Pettley

This screenshot furthe shows examples of trip ideas and opportunitie offered through Travelo

sketches / ideation

icon development

DESTINATION

SFO SAN FRANCISCO

148934

46 46

Megan Pettley Megan Pettley DESTINATION

wireframes

title

welcome message

sub information / text

b i no c u l a r s

section 1

jo u r na l

section 2

suitcase

Home Screen

section 3

Subsection Menu

Visualized Map

begin an adventure!

b i n o c u la r s

sign-in

journal

sign-up

s u it c a s e

1. Welcome

Megan Pettley

2. Home Screen

Three Sections for users to navigate, chosen by sliding to the right, as indicated by the arrow

Recount experiences through posts, photos, and geo-tagging.

View trip summaries through data and map visualizations.

slang di cti o n a r y

tip s & t r ic k s

User-generated Section, provides travel tips and “secret spots” in San Francisco to find

qu ir ky f a c ts s la n g d ic tion a r y

h ip• ster n o un , ad jecti v e

Facts and Slang are featured, in order to fill user in on local culture

An urban dweller who goes to all the coolest clubs, listens to the coolest music, is into various aspects of the arts, including but no limited to: street art, indie ﬁlms, and sticker art. A hipster also must know all the coolest hipsters. If you have to ask what a hipster is, then you are deﬁnitely not a hipster.

Small Icons allow users to navigate main sections of application with a simple touch

3. Binoculars

4. Slang Dictionary

Definitions help the user interact with the local culture in a fun, informative manner

not e s

User can write, share and review visited places

p h ot os

Photos can be taken and added to written notes and pinned / geo-tagged locations

p in s

5. Journal

Megan Pettley

num bers pathways street sm ar t s

6. Suitcase

Quantified-self Section, based on geo-tagged locations this section generates several map visualizations. Point system derived from this amount also ranks users from tourist to local.

Listings of locations, number of places visited in neighborhoods and amount of miles walked

In Street Smarts Section users are ranked from tourist to local

p a t h wa y s day

Visualized Trip Summaries for each day show userâ&#x20AC;&#x2122;s path, pinned locations, and visited districts

S a n F r a n c is c o , 2 016

123456789 10 10,524 steps 3 miles

Modified icons for visual heirarchy

7. Pathways

Personalized Stickers are available as a souvenir for users who visit at least 8 districts. Given one small and large sticker for free

Exposing Justice Ida B. Wells Special Edition

This project was focused on creating a commemorative event for an activist. Deliverables included a 100+ page biographical book, an event poster, an event DVD and case, a 30 second trailer to promote the event, and a vessel to contain all deliverables. My activist was Ida B. Wells, one of the first African American female investigative journalists. From the mid 1880s to 1920s she dedicated her life to documenting and speaking out against lynching in the South. She toured across the United States numerous times and twice in England and wrote hundreds of articles on lynching which included statistics she and other fellow investigators recorded themselves.

Skills Used Adobe Adobe Adobe Adobe

InDesign Photoshop Illustrator Acrobat Pro

Megan Pettley

research / concept ideation

Megan Pettley

sketches

poster iterations lib

ert

lib

unveil truth lib ert y

move announce unveil feel uth replace tr truth shoot

publishing redefine justice. raw

ert

move

exposure. exposure. exposure. exposure. exposure. exposure. exposure. exposure. exposure. Commemorating the revolutionary work of Ida B. Wells Sunday, May 17th Location TBD www.idabwells.com

justi

commemorating the revolutionary work of Ida B. Wells Sunday, May 17th Location TBD www.idabwells.com

feel ge emer announce

lib m ert ove y record naked h trut reach unmask truth think feel publish declare e mov g r e e naked em raw redefine announce uth unveil shoot trh replace c a e conceal r think feeltruth truth redefine declare raw geinequality naked emer feel move unveil full disclo sure raw grow record vigi justice lence ch a e naked r k uth unmask tr truth thin declare feel unveil publish e g r e naked em move redefine shoot rawunveil uth trannounce replace conceal hh ac ut re tr k feel redefine thinraw ltruth ibe declare inequality r l ge iber ty r e m naked e ty conceal full disclosure justice

exposing justice.

Commemorating the revolutionary work of Ida B. Wells Sunday, May 17th African American Arts & Culture Complex www.rememberingida.aaacc.com

exposing justice. Remembering the work of crusader Ida B. Wells Sunday, May 17th African American Arts & Culture Complex www.rememberingida.aaacc.com

emb em

s ll

g in er

17 ay

Sunday, May 17th African American Arts & Culture Complex www.rememberingida.aaacc.com

er ingi da.aaacc.com

Af r i c a

n A m

Megan Pettley

rk wo

Commemorating the revolutionary work of Ida B. Wells

exposing justice.

posing stice.

ad us

b em em .r ww

a n A rts & C u lt u r e C o mp l e x

Sun

y, da

e mb me Re

ng ri

e th

u cr

r de sa

s ll

final

Poster contains clippings from Wellsâ&#x20AC;&#x2122; articles referring to crime, lynching and segregation.

other deliverables

Newspaper contains two articles written by Wells, including statistics she recorded herself, and images.

Megan Pettley

Book Cover is inspired by poster design with pink opaque overlay. Wells printed her newspapers on pink paper so the blind could ask for the pink paper and have it read to them.

DVD Cover is also inspired by the poster design, fingerprints represent an erasure of identity, and are meant to create a sense of crime and disfunction.

Vessel is a canvas messenger bag due to its reference to newspapers and jouranlism.

Megan Pettley

Book Spread is in a one column newspaper layout, with fingerprints aligning the text and at times disrupts the text to imply the undeniable violence behind lynching.

Ending Book Spread evokes a sense of crime, loss of identity and injustice.

Thank you, I look forward to working with you!

Megan Pettley