MERINA K ARPEN
Graphic Design
///
SELECTED WORKS
MERINA K ARPEN
Š TEXT AND DESIGN BY MERINA K ARPEN All rights reserved. No part of this publication may be reproduced or transmitted in any form of by any means, electronic or mechanical. Including photography, recording or any information storage and any retrieval system, without permission from the author.
Graphic Design
///
SELECTED WORKS
TA B L E O F CONTENTS
01 02 03 04 05
Digital Gym
pg. 2
USER EXPERIENCE /// DESKTOP & MOBILE
58 Parks
pg. 11
VISUAL SYSTEM /// PACK AGING /// EDITORIAL
Yellow Ballad
pg. 25
EXPERIMENTAL T YPOGR APHY
Second Spin
pg. 41
E-COMMERCE /// DESKTOP & MOBILE WEBSITE
Second Spin T YPOGR APHY /// BOOK DESIGN
pg. 51
0 / / / PORTFOLIO
INTRODUCTION
Hello. As a designer, I revolve my ideas around what will internally make every party happy while also applying the designs principles I learned at the Academy of Art University. Think of a venn diagram; one with a circle for me the designer, one for you the client, and one for design best practices — that middle area is where I aim. It’s this area that gives off a glow or light when we when get it just right. This book is a collection of work that shows just that.
MERINA K ARPEN / / /
D I G I TA L GYM
01
Project Name:
///
DIGITAL GYM
Course:
///
DESIGN STUDIO 1
Year:
///
2018
Category:
///
UX
Deliverable:
///
DESKTOP & MOBILE WEBSITE
Objective Research and select a local independent movie theater and redesign their online presence that includes a desktop and mobile website; create a series of webpages that uses the same visual system across both platforms.
Goal For this piece, I created a desktop and mobile version of an independent theater located in San Diego, CA. The main goal was to create a fun and vibrant brand that really voiced “this is THE place to go the movies”. With a plethora of luxury cinemas already on the market, why not tap into one that speaks to our inner kid? It’s not just about the film, it’s about the movie magic.
3
1 / / / DIGITAL GYM
Website
01
The website for The Digital Gym needed to highlight all the different features of the organization including the main theater, workshops, lounge, and store. These were highlighted on the front landing page and then on other subsequent pages.
02 03 04 05
MERINA K ARPEN / / /
4
5
1 / / / DIGITAL GYM
01 02
03
04 05
MERINA K ARPEN / / /
6
7
1 / / / DIGITAL GYM
Mobile The mobile site needed to be a seamless transition from desktop to mobile. In fact, the mobile site was designed first in order to identify key content. The desktop version includes more content as there is more real estate space. 01 02 03 04 05
MERINA K ARPEN / / /
8
9
1 / / / DIGITAL GYM
01 02
03
04 05
MERINA K ARPEN / / /
10
58 PA R K S
02
Project Name:
///
58 PARKS
Course:
///
VISUAL THINKING
Year:
///
2018
Category:
///
VISUAL SYSTEM
Deliverable:
///
PRINT PACK AGING
Objective Create three deliverables that bring awareness to an issue you are passionate about and inspire change through graphic design.
Goal I created a mock organization called 58 Parks. It is a branch of the National Parks system whose goal is to attract more visitors. Through scenic photography and bold copy, I featured one park at a time in the form of retail packaging, banners, and a magazine. I identified the single-minded proposition as “Experience America’s outdoor spirit”.
Magazine
2 / / / 58 PARKS
The first deliverable is a short magazine that features a spotlight on one national park. It is intended to be distributed on a quarterly basis with a different park featured each time. The interior spreads contain various topics, but all revolve around the same park.
13
01
02 03
04 05
MERINA K ARPEN / / /
14
15 2 / / / 58 PARKS
01
02 03
04 05
MERINA K ARPEN / / /
16
17
2 / / / 58 PARKS
01
02 03
04 05
MERINA K ARPEN / / /
18
19
2 / / / 58 PARKS
Packaging The second deliverable contains three packages for products including a packet for tree seeds, a water bottle, and a soap box. All three contain an ingredient directly sourced from the national park.
01 02 03 04 05
MERINA K ARPEN / / /
20
21
2 / / / 58 PARKS
01
02 03
04 05
MERINA K ARPEN / / /
22
23
2 / / / 58 PARKS
Banners The third deliverable is a set of three posters to be hung outside on street lamp posts. It relies heavily on vivid photography and large typography so that it can easily be viewed from a distance.
01 02 03 04 05
MERINA K ARPEN / / /
24
YELLOW BALLAD
03
Project Name:
///
YELLOW BALL AD
Course:
///
T YPOGR APHY EXPERIMENTS
Year:
///
2018
Category:
///
T YPOGR APHY
Deliverable:
///
POSTERS
Objective Select any color and design nine posters that utilize experimental typography. In addition, include a table of contents page and create a package system to store the posters in,
Goal I selected the color yellow and explored the various meanings, interpretations, and symbolism that the color represents. After making my final word selections, I continued to explore how they word could be represented using raw materials.
29
Poster Set The poster set begins with a table of contents page that previews the different yellow subjects that will be explored. This table of contents and the nine posters are housed in a single pull-drawer package.
01 02 03 04 05
MERINA K ARPEN / / /
30
31
3 / / / YELLOW BALL AD
01
02
03 04 05
MERINA K ARPEN / / /
32
33
3 / / / YELLOW BALL AD
01
02
03 04 05
MERINA K ARPEN / / /
34
35
3 / / / YELLOW BALL AD
01
02
03 04 05
MERINA K ARPEN / / /
36
37
3 / / / YELLOW BALL AD
01
02
03 04 05
MERINA K ARPEN / / /
38
39
3 / / / YELLOW BALL AD
01
02
03 04 05
MERINA K ARPEN / / /
40
SECOND SPIN
04
Project Name:
///
SECOND SPIN
Course:
///
USER EXPERIENCE
Year:
///
2018
Category:
///
E-COMMERCE
Deliverable:
///
DESKTOP & MOBILE
Objective Create a desktop and mobile version of an existing e-commerce website and enhance the user experience; include all online shopping stages from product details to confirmation.
Goal I selected a website that buys and sells music, movies, and games. The original site did not have a clear design and had some confusing steps in their checkout process. I conducted several versions of the checkout process and tested them with a small user group. Based on those results, I moved forward in producing the most optimal e-commerce checkout process.
43
4 / / / SECOND SPIN
Mobile
01
The mobile site for Second Spin allows user to browse music, movies, and games through filters such as price, release date, and genre. Users view top-level content before clicking into a “more details� page. From there, customers receive an optimal checkout process.
02 03 04 05
MERINA K ARPEN / / /
44
45
4 / / / SECOND SPIN
01
02
03
04 05
MERINA K ARPEN / / /
46
Desktop
4 / / / SECOND SPIN
The desktop version of Second Spin mirrors the mobile version but features a more exhaustive list of products on the left-hand menu. During the checkout process, customers will go through a shipping, payment, and order summary screen.
47
01
02
03
04 05
MERINA K ARPEN / / /
48
49
4 / / / SECOND SPIN
01
02
03
04 05
MERINA K ARPEN / / /
50
51
4 / / / SECOND SPIN
01
02
03
04 05
MERINA K ARPEN / / /
52
NORTHERN LIGHTS
05
Project Name:
///
THE NORTHERN LIGHTS
Course:
///
T YPE SYSTEMS
Year:
///
2018
Category:
///
T YPOGR APHY
Deliverable:
///
BOOK
Objective Create and design a book based off an existing book related to any artistry subject; use type-setting, layout composition, and original photography to execute the book.
Goal I selected a photography book about the Aurora Borealis, aka the Northern Lights. The original book captured beautiful imagery but the type-setting did not follow adequate principles. My goal was to deliver a book that displayed proper typography technique while creating a “midnight mood” visual system.
55
5 / / / NORTHERN LIGHTS
Book
01
The final product is a 110-page hardbound book with 63 images and five infographics. Images were scanned in from the original book and I used an online OCR converter to capture and manage the raw text.
02 03 04 05
MERINA K ARPEN / / /
56
57
5 / / / NORTHERN LIGHTS
01
02
03
04
05
MERINA K ARPEN / / /
58
59
5 / / / NORTHERN LIGHTS
01
02
03
04
05
MERINA K ARPEN / / /
60
61
5 / / / NORTHERN LIGHTS
01
02
03
04
05
MERINA K ARPEN / / /
62
www.merinakarpen.com