Graphic Design Portfolio 2014 | Jeff Smith

CONSTRUCTING GREAT DESIGN.

Jeff Smith 801.391.7658 designjws@gmail.com

DESIGN PORTFOLIO | JEFF SMITH

1

MY DESIGN PROCESS In the past, I thought design was about making things look good. I still do, but after designing for awhile I learned it is much more than that. I believe great design begins with a strong, structured foundation. My design process is, after thorough research and concept development, to structure my designs in the simplest form possible. A simple, functional design foundation. Once my designs have a strong foundation, I allow the target audience to dictate the design style, carefully preserving the design structure. This process greatly enhances the overall user experience. I use tools to aid my design process, including: drawing inspiration from real life, sketch books, mind maps, site maps and wireframes for web and mobile design, and photography.

2

| INSPIRATION

| SKETCHES

| DIGITIZATION

| REFINE/COLOR

| ITERATIONS

The world is full of inspiring objects that can be used in design. I often use real-life inspiration when creating identities.

The process shown here is of an identity I did for Buck Camo. I sketched the buck using simple shapes and refined the shape through many iterations.

3

Splash Screen

Login

Task List

Calendar

Task Details

Task Details

When I design for web or mobile, I always create a site map to fully understand the functionality of the site or app.

4

Alarms

WIREFRAMES > PROTOTYPE > USER TESTING > STYLE

Calendar

Calendar

DECEMBER 2014

DECEMBER 2014

SUN

MON

TUE

WED

THU

FRI

SAT

SUN

MON

TUE

WED

THU

FRI

SAT

25

26

27

28

29

30

1

25

26

27

28

29

30

1

2

3

4

5

6

7

8

2

3

4

5

6

7

8

9

10

11

12

13

14

15

9

10

11

12

13

14

15

16

17

18

19

20

21

22

16

17

18

19

20

21

22

23

24

25

26

27

28

29

23

24

25

26

27

28

29

30

31

1

2

3

4

5

30

31

1

2

3

4

5

5

6

All of these tools help to build that strong design foundation I mentioned previously. I allow the target user to dictate the style of the design, but it’s important to me to throughly understand the user and keep the user in mind throughout the entire process.

Being user-centered, using all of my design tools, and creating a strong foundation allows me to always...

CONSTRUCT GREAT DESIGN. 7

PARADISES UTAH

IDENTITY | BRANDING | SERVICE | APP | WEBSITE

8

PARADISES OF UTAH | High-end Real Estate

Paradises of Utah is a Real Estate company that specializes in selling high-end homes all over Utah. Their services are geared mainly towards home owners who are looking to sell. The homes must have a value of at least $300,000 and pass a broker’s inspection. They market to their target audience using modern design elements and advanced technology as key selling points.

Virtual Glass is one of those advanced technology products used exclusively by Paradises of Utah to market their listings. It is a Corning Glass display that runs Paradises of Utah’s app, allowing potential buyers to view virtual tours of homes from the listing’s front yard. The app requires visitors to sign in, both securing a seller’s home and capturing all leads that view the virtual tour. All virtual tours are filmed by professionals employed by Paradises of Utah to ensure the best quality virtual tours possible. The company’s main goal is to become the leader in high-end home sales after only their first year of existence.

9

| IDENTITY

PARADISES UTAH

PARADISES UTAH

10

| TYPOGRAPHY

HEADING: MUSEO SLAB 300 28PT SUB-HEADING: PROXIMA NOVA EXTRABOLD 21PT BODY: PROXIMA NOVA REGULAR

11

| APP

This is a mockup of what the glass displays might look like.

The display glass is waterproof, tempered, and solar powered.

WELCOME HOME 1234 EASY STREET HUNTSVILLE

VIEW VIDEO TOUR

12

WELCOME TO VIEW THE VIDEO TOUR, YOU MUST SIGN UP: Full Name*

Phone Number*

Email Address*

Agent’s Name (If Applicable)

SUBMIT * Fields Are Required

4,700 sq ft 6 bedrooms 4.5 bathrooms 4.25 acres Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

SCHEDULE SHOWING

13

| APP

The Paradises of Utah app captures lead phone numbers and automatically sends them a mobile version of the video tour they viewed. The lead’s information is also automatically forwarded to the agent for follow-up.

14

| WEBSITE paradisesutah.businesscatalyst.com

15

CONQUER

ILLUSTRATIONS | OBJECT POSTERS | T-SHIRT DESIGN

16

NIKE | Divide. Conquer. Repeat.

When it comes to Lebron James, you either love or hate the guy. Unless you’re from Cleveland, then you loved him, hated him, and now you love him again. I, on the other hand, have loved the guy since day one. In my opinion he is the best player in basketball today. He is also arguably the best dressed player in the game. I am a huge fan of his shoe line, and wanted to create a series of posters and t-shirts that capture the essence of Lebron and his shoes.

I illustrated three of my favorite Lebron shoes and created a campaign based off of those three shoes called Divide, Conquer, & Repeat. I created a poster and a t-shirt for each of the shoes.

17

| OBJECT POSTERS

CONQUER

REPEAT

The posters are simple because they were designed based off of the Sachplakat style of poster. I stuck with that style for each poster and t-shirt design (which is featured on pages 20-21).

DIVIDE 18

19

20 20

21 21

IDENTITY | BRANDING | APP | WEBSITE

22

CAMP SITES | Camp Site Sharing

There are lots of amazing camp sites out there, but it is hard to find one without trial and error or speaking with someone who knows the area. Not anymore. Camp Sites is an app I designed to allow users to share their favorite campsites with others. A user can search for camp sites near their current location, see the activities available at each site, plan their meals, schedule a camp site, and invite friends to camp with them.

The style of the identity, the branding, and the app have an organic feel and utilize outdoor photography whenever possible. The natural feel of the product is meant to appeal to avid campers and outdoorsmen which are the target audience. The purpose of the app is to inform users of the best camp sites in their area and influence more people to enjoy the great outdoors.

23

| IDENTITY

24

FIND YOURSELF WHERE OTHERS CAN’T FIND YOU.

campsites.app

25

| APP

Username Password

Let’s Go Camping

Forgot password?

26

CAMP SITES

ACTIVITIES Cliff Jumping

Search

1 Day Ago

Causey Dam | Huntsville, UT 0.32 Miles

Canoeing 4 Days Ago

East Canyon | East Canyon, UT 8.46 Miles

Bonfire 1 Week Ago

Willard Bay | Willard, UT 10.21 Miles

Hiking 2 Weeks Ago

Cowboy’s Paradise | Ogden, UT 11.67 Miles

Backpacking 1 Month Ago

Waterfall Canyon | Ogden, UT 20.05 Miles

Rock Climbing 1 Year Ago

27

a people lot of people I’ve I’ve met amet lot of that wantthat want but to cam, to camp, don’t but knowdon’t how know to goodI wanted spots are. find where a good the location. to I to give those peopl givewanted those people an opportunity an opportunity to experito experience nature’s beauty and ence the of that nature the feelings and beauty impressions and theit. feelings and imprescome from sions that come from it.

2828

| WEBSITE | WEBSITE

2929

IDENTITY | BRANDING | GAME APP | WEBSITE

30

RUN FOR YOUR LIFE | Scary Fun Running

Run For Your Life is a sound-based fitness app. It is a game based off of HIIT (High Intensity Interval Training) in which you are guided by a narrator that is trying to keep you from getting caught by a number of different things that are chasing you.

The first game mode is zombies and later game modes include bulls, cops, and natural disasters.

A user can unlock achievements, track statistics, set goals, and control how far or how long they run. Tracking statistics is very important to the target user so I thought of new ways to track statistics. The Apple Watch offers great new technologies that can be used to enhance user experience. I’ll discuss those more on page 36. The purpose of the app is to make HIIT more enjoyable.

31

| APP

32

33

| APP

34

35

The new Apple Watch features sensors that track heart rates, which is a working feature in the app. The Apple Watch can also tap a user’s wrist which would be used to add intensity to the game when the persuant gets close to the fleeing user.

36

| WEBSITE runforyourlife.businesscatalyst.com

37

Backcountry.com 2014

GEAR GUIDE

PUBLICATION DESIGN | ADVERTISEMENT

38

BACKCOUNTRY.COM | 2014 Gear Guide Publication

One of my favorite companies is located right here in Utah. That company is called backcountry.com. Backcountry.com focuses on outdoor sports, clothing, and gear.

They are experts in the industry and are quickly growing on a national level. Every pair of sunglasses I own, plus about 80% of my clothes, were purchased from backcountry.com. Even though I wish I could keep them a secret, I also want others to know about this awesome company.

I came up with a hypothetical publication for backcountry.com. The November issue I designed was a gear guide. The publication contains spreads about who the company is and what their values are, gear reviews, and advertisements. I wanted the guide to look professional, yet feel edgey and break a few rules which are characteristics backcountry.com shares.

39

| FRONT | FRONT COVER COVER

Get Your Get Gear Your Gear

Meet your Meet new yourbike newp.bike 2 p. 2

November November | 2014| 2014

40 40

The trip Theoftrip a lifetime of a lifetime & what& you whatneed you to need know to know p. 5 p. 5

FOX FOX RACING RACING SHOX‘s SHOX‘s CTD CTD damper damper can be can found be found on their on their 32 and 32 and 34 line 34 line of mountain of mountain bike forks bike forks alongalong with the withFLOAT the FLOAT rear rear shock. shock.

It is intended It is intended to to take take the pain the pain out of out finding of finding youryour idealideal suspension suspension setup setup with awith simple a simple 3-way3-way adjustment. adjustment Climb, Climb, Trail,Trail, Descend.

Descend.

CTD.CTD.

R A IL T R ATIL

D E SDCEESNCDE N D

I M BI M B CL CL

41

burton.com burton.com

42 42

43 43

Backcountry.com boasts a mountain goat as their logo. Mounatin goats are strong and resiliant.

I wanted the structure of each page to be just as strong as a mountain goat and as edgey as the rocks that they climb.

by Toni Johnson

by Toni John

Cody Townsend: “The goat, much like men, can seem out of place in the mountains, but somehow, even with their gangly characteristics and mysterious nature, they thrive in the biggest, baddest, and gnarliest mountains in the world.

Unlike deer, bears, and birds, goats go high into the mountains and stay there—through thick and thin, blizzard and storm, season after season.

They truly represent the toughest of mountain creatures.”

How Howthe theGoat Goatww

TakeTake a flight a flight overover Salt Salt LakeLake City City and and there’s there’s a chance a cha la-sized la-sized mountain mountain goatgoat on the on roof the roof of a of building a building just jw

ThatThat building building is the is backcountry.com the backcountry.com distribution distribution cen the backcountry.com the backcountry.com logo.logo.

You’ll You’ll see see this this veryvery same sal vehicles, vehicles, our business our business cards, cards, and and our office, our office, as well as wa backcountry.com backcountry.com geargear and and stickers. stickers.

GoatGoat stickers stickers hav Andrew McLean: “The Goat has been hitching a ride on my gear and trips for the last five years and I’m always psyched to have him along. He’s on my skis, poles, expedition notebooks, cases, fuel bottles, and, of course, water bottles. He’s a studly little dude and doesn’t seem to mind when one of his horns or legs gets ripped off—he just keeps going strong. He’s a perfect ambassador for the outdoors as he’s tough, reliable, sure-footed, and swift, just like the company he represents and the environment he thrives in. The backcountry.com goat has become synonymous with having fun in the outdoors, and when I see one on a car, I know a kindred spirit is inside.”

Pip Hunt: “You can relate to the simplicity and power of the goat. It’s an animal that’s more accessible, one that you’re more likely to see in the mountains. The goat is for everyone.”

44

Shaun Raskin: “The mountain goat has the unique ability to survive and thrive in the alpine environment. Strong, graceful, and seemingly playful, these hoofed beasts congregate on shear rock faces, mountain tops, and the most rugged mountainous locations. Their presence is a welcome sight to any mountain traveler, a symbol that you’ve made it to the rough and wild lands, that you’re progressing on your path.

You, like the goats, excel in the wild spaces of our world, choosing to live among the harsh climates, open to Mother Nature’s whim. The goat and you are one, sharing in a commitment to mountain living, to traveling and exploring the natural folds of our Earth together and rejoicing in all of its wonder.”

sighted sighted all over all over the world, the world, and and theythey continue continue to trave to t our customers, athletes, employees out our customers, athletes, and and employees seekseek out new exciting adventures.

Originally, backcountry.com exciting adventures.

Originally, backcountry.com known as “The Backcountry Store,” waswas known as “The Backcountry Store,” and and the the exactly Backcountry Store. logologo readread exactly that:that: The The Backcountry Store.

n

was as Born Born

eu’ll you’ll spotspot a Godzila Godzilt of downtown. west of downtown.

and and the goat is is nter, the goat ologo on our on our n on as been ve been

Although the moniker Although the moniker and and logologo at time, the time, we were evolving. fit atfitthe we were evolving.

Local design 41 presented Local design shopshop AxisAxis 41 presented a a mock sheet various iterations of the mock sheet withwith various iterations of the Backcountry name against mountains, Backcountry name against mountains,

means something slightly different The The goatgoat means something slightly different to to everyone, simply is way our way everyone, but, but, simply put, put, this this markmark is our of of extending our curious, fun-loving attitude to the extending our curious, fun-loving attitude to the streams, goats. contours, stature, streams, and and goats.

The The contours, stature, and and outdoor community—it’s us high-fiving outdoor community—it’s us high-fiving our our confidence of version the version weknow all know stood confidence of the we all and and lovelove stood friends for being awesome.

Maybe our athletes friends for being awesome.

Maybe our athletes out among the rest, so, after debate, it was decided, out among the rest, so, after smallsmall debate, it was decided, put it best (they may be known for their put it best (they may be known for their in 2004, the name shortened to backcountry.com and and in 2004, the name was was shortened to backcountry.com physical prowess, but we’ll be damned physical prowess, but we’ll be damned if if the goat born. and and the goat waswas born. a way words): theythey don’tdon’t havehave a way withwith words): Since its inception, the goat a handful of minor changes Since its inception, the goat has has seenseen onlyonly a handful of minor changes its form. horns shortened, the chest profile perfected, to itstoform.

The The horns werewere shortened, the chest profile perfected, and and the .com dropped below the goat’s silhouette. it stands, it’s essenthe .com dropped fromfrom below the goat’s silhouette.

As itAs stands, it’s essenthe same as one the one agreed

by Backcountry’s founders. tiallytially the same logologo as the first first agreed uponupon

by Backcountry’s founders.

el as w,

45

IDENTITY | BRANDING | APP

46

TASKO | Task Management App

Tasko was born from the idea that there were no attractive task management apps on the market. While I no longer believe that is true (i.e. Wunderlist), I wanted to design a more simple and attractive task management app. The target audience consists of designers, art directors, and project managers. Tasko is an iOS8 app and was designed to feel like a native iOS app.

I wanted the app to feel sexy and inviting, while still maintaining user-friendliness.

Other task management apps on the market offer more features than necessary, so I decided to keep Tasko’s features to the bare minimum. The main features are the task list, the calendar, and the ability to set alarms and notifications.

47

| APP

Username Password Forgot password?

LOGIN

| Splash Screen

48 6

| Login

Tasks

Tasks

Finish portfolio UI & send to Development

Finish portfolio UI & send to Development

Due: Today @ 2:00 pm

Due: Today @ 2:00 pm

Design Seminar homework

Design Seminar homework

Due: Monday 11/10 @ 5:35 pm

Due: Monday 11/10 @ 5:35 pm

Take out the trash

Take out the trash

Due: Monday 11/10 @ 8:45 am

Due: Monday 11/10 @ 8:45 am

Work out yo!

Work out yo!

Due: Daily @ 7:00 am

Due: Daily @ 7:00 am

Wash the dishes

Wash the dishes

Due: Tuesday 11/11 @ 8:45 am

Due: Tuesday 11/11 @ 8:45 am

Design lecture

Design lecture

Due: Wednesday 11/12 @ 6:00 pm

Due: Wednesday 11/12 @ 6:00 pm

| Task List

| Navigation Menu

7 49

Tasks

Tasks

Finish portfolio UI & send to Development

Finish portfolio UI & send to Development

Due: Today @ 2:00 pm

Due: Today @ 2:00 pm

Design Seminar Homework Due: Monday 11/10 @ 5:35 am

Take out the trash

Take out the trash

Due: Monday 11/10 @ 8:45 am

Due: Monday 11/10 @ 8:45 am

Work out yo!

Work out yo!

Due: Daily @ 7:00 am

Due: Daily @ 7:00 am

Wash the dishes

Wash the dishes

Due: Tuesday 11/11 @ 8:45 am

Due: Tuesday 11/11 @ 8:45 am

Design lecture

Design lecture

Due: Wednesday 11/12 @ 6:00 pm

Due: Wednesday 11/12 @ 6:00 pm

| Task Options

50 6

| Check-off Task

Calendar

Alarms Finish portfolio UI & send to...

DECEMBER 2014

Today @ 2:00 pm SUN

MON

TUE

WED

THU

FRI

SAT

25

26

27

28

29

30

1

2

3

4

5

6

7

8

Design Seminar homework Due: Monday 11/10 @ 5:35 pm

Take out the trash Monday 11/10 @ 8:45 am

9

10

11

12

13

14

15

Work out yo!

16

17

18

19

20

21

22

Daily @ 7:00 am

23

24

25

26

27

28

29

Wash the dishes

30

31

1

2

3

4

5

PORTFOLIO REVIEW

1:00 PM

GOLF @ EL MONTE

2:00 PM

| Calendar

Tuesday 11/11 @ 8:45 am

Design lecture Wednesday 11/12 @ 6:00 pm

| Alarms

7 51

UNITED HUMAN CONNECTED IN CONTROL WORTH IT

GROUP PROJECT | DESIGN FOR GOOD | IDENTITY | WEBSITE

52

WE ARE | Anti-Bullying Group Project

We Are is an anti-bullying campaign aimed at shining a spotlight on our connection to other people and creating a space to reflect on how our personal actions affect these people. Whether you have been a victim of bullying, know someone who has been bullied, or have been the bully yourself, we are all connected to this issue in some way. We Are emphasizes that the solution to the problem of bullying starts with each one of us. As individuals, we can choose to treat people well and encourage others to do the same.

We Are was a group project in which each member of the group created their own mini anti-bullying project. Each project was based off of a word that could fill in the blank in the phrase: “We are _______.� The words we chose were united, connected, worth it, human, and in control. Because each project turned out quite different from the others, I designed a website to unify all of the projects. The website became a platform for others to be able to add their own project to the anti-bullying movement. My individual project contribution was an app I designed to be a safe, social platform where victims of bullying and former bullies can share videos of their stories and offer support to one another through comments.

53

| WEBSITE

CONNECTED

#UNITED

#INCONTROL 54

#CONN

#WOR

NECTED

weareblank.businesscatalyst.com

MISSION STATEMENT

PROJECTS

BLOG

CONTACT US

FIND HELP

STORE

#HUMAN

RTHIT SUBMIT A PROJECT

55

$5 - ADD TO CART

$5 - ADD TO CART

$5 - ADD TO CART

The site offers an e-store from which users can purchase a take away from their favorite project.

These take aways further spread the word of the anti-bullying movement and raise money to support We Are and other anti-bullying organizations.

$5 - ADD TO CART

56

$5 - ADD TO CART

| MY PROJECT

Filter Videos Easily find the videos that most pertain to you and your experiences.

User Videos Watch videos uploaded by other users and upload your own.

Share the Love Save your favorite videos, share your favorites on

User Support

prevent bullying through

Receive support and reach

flagging & reporting.

other social platforms, &

out to others through user commenting/videos.

57

Copyright 2014Š Jeff Smith.

All rights Reserved Ogden, UT 84403 801.391.7658 designjws@gmail.com

58