Abbey O

Page 1


All links to prototypes, online publications, and videos can be found on the Abbey O Behance profile or website. All images by Abbey O. Portrait by Emily Osley.


Not everything is design. But design is about everything. So do yourself a favor: be ready for anything. - Michael Bierut

Above being an artist or designer, I strive to be a successful problem-solver. I spend the extra hour; I run the extra mile. I never leave a task unfinished. If I don’t know how to do something, you best believe I will figure it out or find the right people to teach me. I am inspired by anything that comes with risk - anything that has the potential for failure. With the bar set high, I’m ready for anything that comes my way.



contents

06 | C O M M A N D S H I F T 14 | C Y T O C I T Y 22 | 3 L A K E S I N 3 D A Y S 30 | S T E M + L E A F 38 | F O L K L O R E F A R M S T E A D 46 | S I M P L Y D O N E 54 | U N K N O W N 62 | S O T I L L E



Command Shift TYPOGRAPHY MAGAZINE

Magazine | Responsive Website UNLOCK TYPOGRAPHY

The purpose of this magazine is to fulfill the ever-growing interest of designers in typography. This magazine is the key to unlocking the world of typography. The information is simple and written in a conversational tone. It covers a wide range of topics written by professionals of the field, allowing designers of all skill levels to learn something new. The primary media are a print magazine, responsive website and series of digital wallpapers. A simple approach was taken with the magazine, and reflected in both the website and the wallpapers. Large amounts of white space, spanning images, and muted tones achieve simplicity like the walls of an art gallery. The images are taken from typographer’s sketchbooks so the reader is provided with a “behind the scenes” look at the creation of typefaces in hopes that they may be inspired to try it for themselves.


| The images are taken from typographer’s sketchbooks so the reader is provided with a “behind the scenes” look at the creation of typefaces in hopes that they may be inspired to try it for themselves. |

08 | command shift | abbeyo


pg 08 - magazine cover website homepage

abbeyo | command shift | 09


magazine article title spread

10 | command shift | abbeyo


left: website “about” page on mobile device, top-right: website “publications” page, bottom-right: column spread

abbeyo | command shift | 11


top-left: ipad with wallpaper, top-right: magazine article spread, bottom: magazine cover & spread

12 | command shift | abbeyo


website “archive” page | content images seen in magazine and website are from “Typography Sketch Books” by Steven Heller & LIta Talarico |

abbeyo | command shift | 13



Cyto City CHILDREN’S STEM APP

iPad App | Video Animation | Worksheets “Cyto” is the prefix for “cell;” hence, this app is the city of the cell! The app encourages 5th grade students to take a familiar concept, the operations of a city, and relate it to that of a cell. The app is designed for students in the public, private, or home-taught school systems. Students can play fun games, without feeling the burden of homework. Cyto City engages all types of learning styles: visual, auditory, and kinesthetic. The primary medias used for this project are an iPad app, a YouTube video, and activity worksheets. Each component promotes a different learning environment, whether it be individual or in groups. The color scheme is very bright and fun, but not childish, because the students are moving into middle school. All illustrations were kept simple since the information and concepts provide enough complexity of their own.


| The app encourages 5th grade students to take something they are familiar with, the operations of a city, and relate it to that of a cell. |

16 | cyto city | abbeyo


pg 16 - app home screen app game screen

abbeyo | cyto city | 17


four varieties of worksheets

18 | cyto city | abbeyo


model with ipad app

abbeyo | cyto city | 19


top-left: model with video animation, top-right: video animation frame, bottom-left: app video page, bottom-right: model with video animation frame

20 | cyto city | abbeyo


model with app

abbeyo | cyto city | 21



3 Lakes in 3 Days 3 DAY I T I N E R A RY

Brochure | App 3 Lakes in 3 Days provides newcomers to Lakeland, FL with a pre-planned weekend. This saves them the hassle of web searching and route plotting, while ensuring they get the most memorable experience. Everything from the coffee shops to the movie theatres are unique to Lakeland. This 3-day itinerary has two medias: a print brochure and an app. The brochure provides information for each day with an itinerary and map. The app expands on the brochure by offering a photo gallery, history timeline of Lakeland, and the option to “explore�, which simply lists places and events by certain categories. This allows the user to enjoy something that is not offered in the itinerary that may appeal more to their interests. The color palette reflects the colors of a swan, Lakeland’s most well known icon. All imagery includes either the swans or one of the 3 lakes.


| This saves them the hassle of web searching and route plotting, and also ensures they get the most memorable experience. Everything from the coffee shops to the movie theatres are unique to Lakeland. |

24 | 3 lakes in 3 days | abbeyo


pg 24 - brochure cover top-left: brochure welcome spread, bottom-left: brochure pages, right: app “history� screen

abbeyo | 3 lakes in 3 days | 25


full brochure

26 | 3 lakes in 3 days | abbeyo


app map screen with brochure

abbeyo | 3 lakes in 3 days | 27


left: app “explore� screen, top-right: app activity details screen, bottom-right: brochure map

28 | 3 lakes in 3 days | abbeyo


full brochure & lake imagery cards

abbeyo | 3 lakes in 3 days | 29



Stem + Leaf I N F OR M AT ION DE S IG N F I R M

Brochure | Website Interface | Case Study Stem + Leaf is an information design firm that creates custom infographics. Infographics can be anything from a series of icons to directions for a map. We live in a sea of information, but so much is missed because it is poorly presented. Information design takes that data and presents it in a clear and organized visual form. The name comes from the mathematical stemand-leaf plots. It also represents the combination of the data, brought by the client, and the design, produced by the firm. There are 3 components: a brochure, website, and case study. The brochure gives a quick definition of information design and the process. The website includes a gallery of client work, and the case study is an example of the service provided. The case study is an infographic of the client’s trips across the globe across a 4 year time frame.


| We live in a sea of information, but so much is missed because it is poorly presented. Information design takes that data and presents it in a clear and organized visual form. |

32 | stem + leaf | abbeyo


pg 32 - brochure card & sleeve top-left: brochure front, top-right: website “client� page, bottom-left: case study, bottom-right: brochure back

abbeyo | stem + leaf | 33


top-left: brochure sleeve & card, top-right: website home page, bottom-left: website “about� page, bottom-right: brochure card front & back

34 | stem + leaf | abbeyo


case study

abbeyo | stem + leaf | 35


website “process” page

36 | stem + leaf | abbeyo


case study

abbeyo | stem + leaf | 37



Folklore Farmstead FA M I LY- O W N E D O R G A N I C FA R M

Recipe Card | Recipe Book | Food Packaging Folklore Farmstead is a family-owned farm on the outskirts of Portland, Oregon. They spread passion for wholesome food and homegrown lifestyle with the surrounding communities at weekly farmers’ markets. This project is made of three components: a recipe card, a recipe book, and package design for goat cheese, eggs, and CSA (community supported agriculture). The style of the illustrations is gestural, and the hand carving shows authenticity and personality. Rounded typefaces keep the copy simple, so as not to distract from the illustrations. It is crucial that the packages be structurally sound and contain no paper, other than the tag. The tag gives a brief brand statement and description of the particular product. Customers can remove the tag after their first purchase, but will reuse the boxes each time they come to the market. New recipes will be available each week, so the customers can add pages to their book.


| They spread passion for wholesome food and homegrown lifestyle with the surrounding communities at weekly farmers’ markets. |

40 | folklore farmstead | abbeyo


pg 40 - recipe book welcome page top-left: recipe book cover, top-right: recipe book title page, bottom: full product spread

abbeyo | folklore farmstead | 41


top-left: goat cheese packaging, top-right: recipe book recipe, bottom-left: recipe card, bottom-right: egg packaging

42 | folklore farmstead | abbeyo


community supported agriculture packaging

abbeyo | folklore farmstead | 43


top-left: csa packaging, top-right: egg packaging, bottom-left: goat cheese packaging, bottom-right: carved logo on back of package

44 | folklore farmstead | abbeyo


full product spread

abbeyo | folklore farmstead | 45



Simply Done EVENT PLANNING COMPANY

Stationary | Brochure | Website Interface Simply Done Event Planning handles all the details for desperate party planners. A team of experts plans and organizes events custom to each client. They can take care of all the details...from the caterers to the invitations. The target audience is middle to upper class women, 20+ years of age. Perfect for a young bride in need of help or an older woman in desire of a tea luncheon with her bridge club. The media chosen is a stationery set, print brochure, and scrolling website. Although a client can choose any theme for their event, Simply Done’s brand is influenced by elegant china, Wedgewood, from England. This gives the brand a sophisticated appearance. The logo is hand lettered, similar to an effortless signature. White space is for simplicity and the floral pattern is for attention to detail.


| A team of experts plans and organizes events custom to each client. They can take care of all the details...from the caterers to the invitations. |

48 | simply done | abbeyo


pg 48 - brochure spread website “about� page

abbeyo | simply done | 49


stationery set - letterhead, (front & back), envelope, business card (front & back) thank you card

50 | simply done | abbeyo


top-left: brochure spread, top-right: letterhead (front & back), bottom-left: website “services” page, bottom-right: brochure “contact” spread

abbeyo | simply done | 51


top-left: website home page, top-right: brochure cover & spread, bottom-left: stationery set, bottom-right: website “testimonail� page

52 | simply done | abbeyo


business card

abbeyo | simply done | 53



Unknown N AT I O N A L PA R K C O N S E RVAT I O N

App | Website Interface | Stickers | Posters The purpose of Unknown is to promote awareness of America’s disappearing national parks. The name “Unknown” has two meanings: It represents the vast wilderness (the great unknown), but also the harsh reality that if we don’t protect our national parks, they will become unknown to future generations. There are 4 components: an app, a website, stickers and posters. The app’s main purpose is to encourage people to see the parks. It has a map, a park-matcher quiz, and a tracker to keep record of all the parks visited! The website is more educational by showing the benefits of parks and their biggest threats. It also offers insight on preservation and signing a petition. The website allows users to purchase the stickers and posters, with all proceeds going toward conservation. The posters are just the beginning of a large collection of art from different artists.


| The name “Unknown” has two meanings: It represents the vast wilderness (the great unknown), but also the harsh reality that if we don’t protect our national parks, they will become unknown to future generations. |

56 | unknown | abbeyo


pg 56 - website home page top-left: app instructions, top-right: website map of parks, bottom-left: tree poster, bottom-right: app home screen

abbeyo | unknown | 57


top-screen: app park-matching quiz result, bottom-screen: app park tracker home

58 | unknown | abbeyo


top: app park details, bottom-left: website live-view park feed, bottom-right: website information on threats to the parks

abbeyo | unknown | 59


left: mountain poster, top-right: website shop page, bottom-right: stickers

60 | unknown | abbeyo


tree poster

abbeyo | unknown | 61



Sottile SILK BANDANAS

Fabric Design | Packaging Louis Fili inspired this package and pattern design for silk bandanas. Fili has a unique, elegant design style with a strong attention to detail. Because of Fili’s Italian roots, the Italian word: “Sottile” was chosen for the name of the brand. Sottile means subtle, or delicate. There are two different varieties: burgundy and navy. Re-designed primary and secondary logos for Louis Fili are used as the manufacturing logos. The primary is on the front of the package, and the secondary is on the inside card. Each package contains one 20”x 20” bandana, card, and instructions. The card has the brand statement, and the instructions demonstrate three different ways to tie and wear the bandana. The package protects the product, but also allows the customer to see through the transparent window. Although none of the patterns are repeated, they are all unified by their use of a diamond for the foundation.


| Fili has a unique, elegant design style with a strong attention to detail. Sotille means subtle, or delicate. |

64 | sotille | abbeyo


pg 64 - package components - package, card, instructions, bandana top-left: both product varities, top-right: bandana & front of instruction card, bottom: model wearing navy bandana

abbeyo | sotille | 65


front and back of package

66 | sotille | abbeyo


top-left: model & dog both wearing bandanas, top-right: back of card with bandana, bottom: both bandana varities

abbeyo | sotille | 67


left: instructions to tie bandana, top-right: open package, bottom-right: package with bandana

68 | sotille | abbeyo


navy package with bandana

abbeyo | sotille | 69



thank you

DAD You taught me to draw, and let me play with your old work camera. Thank you for your willingness to help. You’ve shown me time and time again that there is no problem that can’t be solved. You helped all my crazy ideas come to life. There isn’t anything you can’t do.

MOM You signed me up for art classes, and understood that doodling helped me focus, even though it looked like I wasn’t listening. Thank you for your time and attention. You have always been my biggest cheerleader. Also, thanks for letting me take over the house.

LIV You are my creative partner. Your ideas and my skill to execute have always been a great match. Thank you for motivation. You’ve always pushed me to be better ever since we were young. I carry that motivation with me still to this day.

EM You are always supportive, but more importantly, you are honest. Thank you for your input and advice. You encouraged me, but never lied to me. If something was wrong you were never afraid to tell me. It has pushed me to never settle for just “good”.

NAT H A N You have been so patient. You saw the smiles and the tears; the excited me and the very overwhelmed me. You sat by me patiently while I worked, whether at home on the couch or outside in the heat. So many of these projects are inspired and influenced by you. I love you all.


Abbey O Designer | Artist | Illustrator

863.605.9163 abbey.osley@gmail.com abbeyo.myportfolio.com

To view the online publication of this portfolio: www.issuu.com/abbeyo


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.