Tori Whitcomb, Fall 2021 by GCU College of Arts & Media

Rise and Dine

Canyon 49 Campaign Canyon 49, a restaurant on GCU’s campus, was in need of a campaign showcasing their breakfast and lunch hours. These hours have the least foot traffic and they want Canyon 49 to be a desirable hangout spot for students. The main theme in the campaign is a retro, 50’s diner feel, focusing on the building itself and fun slang from this generation. Contributors: Jen Shibata (Project Lead), Diana Cheek (Art Director), Emily Lane (Designer), Rachel den Dulk (Designer), Julie Jordan (Designer), Micah Fischer (Designer), Ariana Bell (Copywriter)

Stamp Card Rewards ENJOY 10 MEALS, GET THE 11 TH ONE FREE!

10% Discount

FOR STUDENTS AND EMPLOYEES

MUST PRESENT GCU/GCE ID AT TIME OF ORDERING

GRAB BREAKFAST FROM 8 – 11 AM AND LUNCH FROM 11 AM – 3 PM

Dine-In o

FOR SPECIALS, EVENTS & MORE

SCAN QR CODE FOR A DOWNLOADABLE SHUTTLE SCHEDULE

@CANYON49GRILL |

GCUHOTEL.COM/RESTAURANT |

602-639-8502

Grand Canyon University is accredited by the Higher Learning Commission (hlcommission.org), an institutional accreditation agency recognized by the U.S. Department of Education. The information printed in this material is accurate as of AUGUST 2021. For the most up-to-date information about admission requirements, tuition, scholarships and more, visit the University Policy Handbook ©2021 Grand Canyon University 21GAA0016

Fun Box & PEP

Canyon Pizza Co. Campaign This campaign was for a pizza company on GCU’s campus. My coworkers and I designed two campaigns, one long term and one short term for the year. The short term campaign was a game box theme where games were printed on the top of the box. The long term campaign is based on their delivery cart and we gave it a personality, calling it PEP. Contributors: Jason Boesel (Project Lead), Diana Cheek (Art Director), Emily Lane (Designer), Holly Emerson (Designer), Arianna Bell (Copywriter)

M USHROOM

PE PPE RON I

CHE E SE

S AUS AGE S

OLI V E S

Mark a hit or miss.

If you guessed correctly, fill in the corresponding square on your “Opponent’s Pizza” grid. Circle dots to place toppings horizontally, diagonally, or vertically on your pizza grid.

Draw your toppings. Get 2 Pens.

And a slice of the best pizza ever.

MISS HIT!

P L AY E R 1

Fire.

Guess where your opponant has placed their toppings by referring to the grid (ex. “B4”).

P L AY E R 2

Fires & Marks.

Sink all the other player’s toppings first to WIN.

PL AC E YO UR TO PPI N GS

battle box

FOLD HERE

PL AC E YO UR TO PPI N GS 4

OLI V E S

S AUS AGE S

CHE E SE

PE PPE RON I

M USHROOM

UNBOX T HE FUN

DIRECTIONS P L AY E R 1

HIT!

MISS

Fire. Guess where your opponant has placed their toppings by referring to the grid (ex. “B4”).

Get 2 Pens.

Draw your toppings.

Mark a hit or miss.

And a slice of the best pizza ever.

Circle dots to place toppings horizontally, diagonally, or vertically on your pizza grid.

If you guessed correctly, fill in the corresponding square on your “Opponent’s Pizza” grid.

P L AY E R 2

Fires & Marks.

Sink all the other player’s toppings first to WIN.

Sauce Factory Product Design

Sauce Factory is a hot sauce brand and the project was to create a new brand identity. This included making the logo and packaging designs. Each flavor had to have a color difference and the goal was to have the design stand out among competitors on the shelf.

Cookie’s Crazy Confections Food Truck Design

Cookie’s Crazy Confections is a dessert food truck selling ice cream, cookies, shakes, etc. For this project, a new logo, food truck design, and packaging designs were required to make a complete brand.

Chocolate Packaging Product Design

For this project, the task was to find an existing chocolate bar brand and redesign the packaging for it. I chose Ghirardelli because it is well known and has been in existence since the mid 1800’s. So, the packaging could use some updating to match with the times. Whitcomb_Tori_ChocolateBar_FullDesign.pdf

3/17/21

10:06 PM

Lift Here To Enjoy

GHIRARDELLI GHIRARDELLI

Milk Chocolate

CARAMEL

Experience a delicious duet of creamy, slow-melting milk chocolate and luscious, buttery caramel filling.

Nutrition Facts 4 servings per container Serving Size

2 Pieces (25g)

120

Amount Per Serving

Calories

% Daily Value 9%

Total Fat 7g

Saturated Fat 4g

20%

Trans Fat 0g

est.

1852

GHIRARDELLI

5% 0%

Total Sugars 14g

Vitamin D 0%

Potassium 4%

Calcium 4%

Iron 0%

est.

1852

GHIRARDELLI

chocolate

For more information about our ingredients and sustainable sourcing visit

ghirardelli.com/ sustainability

The % Daily Vallue tells you how much a nutrient in a serving of food contributes to a daily diet. 2,000 calories a day is used for general nutrition advice.

GHIRARDELLI

CARAMEL

GHIRARDELLI

Total Carbohydrate 15mg

Protein 1g

Milk Chocolate

NET WT. 3.5 OZ. (100 G)

Sodium 40mg Dietary Fiber 0g

chocolate

CMY

Cholesterol 5mg

Our commitment to ultimate quality

Ingredients: Sugar, whole milk powder, cocoa butter, corn syrup, sweetened condensed milk, unsweetened chocolate, palm oil, butter, sodium citrate, soy lecithin, natural flavor, extracts of oregano, flaxseed, plum, and green tea, salt, vanilla extract May contain tree nuts.

Best Before: 11-30-21 G554043

Manufactured by Ghirardelli Chocolate Company, San Leandro, CA 94578, U.S.A

Please

Recycle

Mustang Longboard Illustration

As a passion project for myself, I put two passions of mine together, cars and longboards. I wanted a longboard design that was unique to me that no one else would have. As my most meticulous project, it was a very long and challenging process to get to the final product. Ultimately, it’s a juxtaposition of the old vs. new Ford Mustang and features current colors the cars can be painted.

OVA Typface

Type Creation / Illustration Anime has a beautiful artistic style and all these shows are known for their over dramatic emotions. They are incredibly expressive, and I wanted to show that in detail with each letter. Sometimes, the Anime culture is looked down upon, and I wanted this project to bring light to its detailed beauty.

Pulse Health App Web Applications

The goal of this project was to create a responsive health app that could utilize data visualization. For mine, I focused on different outdoor activities and the app would track your heart rate. The more time you spend in the red zone, the more calories you burn. The app is able to be shown on desktop, iphone, and apple watch.

Frontier Nights Website Event Website

The goal of this project was to create a responsive website for an upcoming event. Frontier Nights is a country concert held every summer in Cheyenne, Wyoming. I’ve gone several times and love the atmosphere, but their website needed an update.

UX vs. UI White Paper Indesign Page Layout

There is a lot of confusion behind UX and UI design and what are the differences between the two. A white paper is a great asset to have to explain business concepts and present what seems likes a dull topic in a more creative way.

Working together

Working Together

UX and UI Designers Collaborating

How Do They Differ?

Typically, when given a project to create a website or application, the UX designer will receive it first, so they may create wireframes and map out which elements should be included for a positive user experience. The UX designer should have the most knowledge in how a user interacts with any interface and have common knowledge of the organization of the website or application. Once they have established such a blueprint, they can pass it over to the UI designer to begin aesthetic design. This is just the beginning of how the two can work together.

NOTE

Constant communication between UX and UI designers will help produce a better interface. “What Is UI vs. UX Design? What's the Difference?” Medium, UX Planet, 21 July 2020, uxplanet.org/what-is-ui-vs-ux-design-and-the-difference-d9113f6612de.

The whole process of creating the user interface is a collaborative effort between both the UX and UI designer. Both designers should have knowledge of both function and design, but they are only responsible to the tasks said before. Both design and functionality should make sense together, so if one feels off, then the other will not function properly. This is why both designers should work hand in hand to follow a consistent flow. If later in the process extra buttons or a fill field needs to be added, the UI designer must alert the UX designer and then the two of them together can determine placement, function, and design, so the rest of the interface still flows correctly and intuitively.

UX vs. UI Design

UX Process

UX and Ui Processes

Research is just the first step in every great design process. After a UX designer understands their user and brand, they develop personas and user journey maps to break down behaviors, goals, needs, pain points, etc. Then, since UX is focused on user experience, they create site maps, user flows, the common layout of the application through wireframes, and prototyping, so the UI designer can move forward with their tasks. UX vs. UI Design

UI designers focus research efforts more on design composition, visual language and what other interfaces look like within the same brand. Certain branded interfaces have specific functions, so the design needs to follow those already accepted steps. Finding examples of applications that are already being used by the users are great to pull ideas from and find ways of how to make your design different to stand out from competition. If the UI designer is working on a social media app, they are in competition with a ton of other popular brands, so they have to find solutions on how to separate themselves through design. It’s great for a UI designer to take risks, but there are common design expectations from users that should be included.

Research

empathize

UI designers create mood boards, visual research, personas, style guides, and then the physical application. A style guide is a document that contains the color palette (with hex codes), logos, buttons, icons, typography, images, etc. A style guide can be made before hand to serve as a “brand guide” for the application and it makes the process following much smoother since the main functionality elements are already decided. It also keeps consistency throughout the application because the typography will stay the same with different weights and sizes, all the buttons will be the same shape and size, and icons can be the same size and fill. Tran, Toni. “The UX Design Process in 6 Stages: Inside Design Blog.” Invisionapp, Inc., 30 Sept. 2019, www.invisionapp.com/inside-design/6-stages-ux-process/.

test

create

5 develop

UX vs. UI Design

Golden Rules UX

Golden Rules of UX Design Building A Positive User Experience

How Do They Differ? UX and UI designers have different processes despite the fact they should be working collaboratively. A UX designer focuses their beginning step of researching on user experience and user expectations. There are common formalities to what a user expects from an interface. In a very technology forward world, many users have already used several different applications and their experiences from those shape how they might approach your new interface. Researching and applying that knowledge will produce a strong interface that could receive a lot of attention. If a UX designer is focused on designing an interface that makes sense to them, they are missing the target audience who have different expectations. If a UX designer breaks a commonly accepted convention, they must have a strong reason to do so.

UX and Ui Processes

Discover

define

Design

Research

During all these processes between UX and UI designers, there are specific best practices for both. UX designers have a few golden rules that help a user experience become more positive. A UX designer must understand their audience and know they are not designing for themselves. The way you think something should flow may not follow what the user is expecting to follow. They also should try preventing problems rather than trying to fix them. This allows for the flow of the interface to go smoothly. Finally, the UX designer should have their process set in stone before they move forward in the project. There isn’t one perfect process for UX, but rather what the designer sees fit for that brand and specific project. The process can change and adapt but having a strong baseline will produce a stronger interface.

Analysis Strategy

Workflows Wireframes

Babich, Nick. “The 15 Rules Every UX Designer Should Know: Adobe XD Ideas.” XD Ideas, Adobe, 21 Feb. 2020, xd.adobe.com/ ideas/career-tips/15-rules-every-ux-designer-know/.

Logo

Username Password Forgot Password

Explore Submit

Filter

The Difference between Ux and UI Design By Fran Smith Label 1

implement

Development

NOTE

Users have expectations for any application and every brand has a common flow of events. A UX designer must recognize that and apply it.

The Difference between Ux and UI Design By Fran Smith Label 1 1

Tran, Toni. “The UX Design Process in 6 Stages: Inside Design Blog.” Invisionapp, Inc., 30 Sept. 2019, www.invisionapp.com/inside-design/6-stages-ux-process/.

UX vs. UI Design

Golden Rules UI

Golden Rules of UI Design

Which Programs To Use

Building An Efficient Interface

Logo

Create Your Password Show

Password Strength: Strong

Must not contain your name or email At least 8 characters Contains a symbol or number

Digital Tools

UI designers have a few more golden rules to follow. The first one is allowing the user to feel in control of the interface. Through design, the elements on the page should be forgiving. This means if a user makes a mistake in their process, the interface easily allows them to change that decision in a visual way. A good example of this is if someone accidently deletes the wrong email, a bar at the bottom says “you have deleted such and such email” but then there is an undo button to bring back that email. This makes the process of retrieving back that email quicker and more efficient. Control could also include providing visual cues as reminders to allow the user to predict where to go next. Hierarchy and color can play a big part in this from a UI perspective because the brighter or bigger items on a page will call for more attention. Next is making the user feel comfortable while using the application. The UI designer should delete any unnecessary design elements that could distract the user flow and don’t use jargon or confusing vocabulary that the common user may not understand. Babich, Nick. “The 4 Golden Rules of UI Design: Adobe XD Ideas.” XD Ideas, Adobe, 7 Oct. 2019, xd.adobe.com/ideas/process/uidesign/4-golden-rules-ui-design/.

UX vs. UI Design

Figma and Sketch have been the industry standard for years now. Figma is a browser-based design tool commonly used for web design. Figma is great for team collaboration and works on any operating systems. Multiple people can work on one document and files can easily be shared between users.

Illustrator is a vector based program in the Adobe Cloud Applications and can create icons and illustrations easily. This can bring character to any interface and are easily transferrable between Illustrator and XD through copy/paste or inserted jpgs or pngs. Illustrator acts as a supporting app for web building. Kopf, Ben. “The Power of Figma as a Design Tool.” Toptal Design Blog, Toptal, 31 July 2018, www.toptal.com/designers/ui/figma-design-tool.

Sketch is a mac only application but has many similar tools as Figma. Documents can be shared easily for feedback and prototyping is smooth. The Adobe Cloud applications also help for flawless designs. Adobe XD is commonly used for students, but it has its advantages. The application is cloud based but can also be saved as local documents and be shared through a link in adobe. This link allows anyone who has it to view the project and provide comments on it, but no one can touch the original file unless given it. XD has the basic design tools to create an interface and has the ability to prototype out the application to make development easy. Illustrator is great tool to use with XD. UX vs. UI Design

UX vs. ui test What Did You Learn? What is the difference between UX and UI design?

What is the process for a UX Designer?

Golden Rules of UI Design Building An Efficient Interface Fitts Law is a great model to follow to ensure a successful user interface design. Fitts Law says that the amount of time is take for a person to move the cursor to the target is the function of the distance to the target divided by the size of the target. This is basically saying that a UI designer should decrease distance and increase sizes of targets in a sound way to positively increase user experiences. Finally, visual consistency is important to ensure the user doesn’t UX vs. UI Design

What are a few Golden Rules for UI Designers?

question the integrity of the product. This means that buttons should have consistent shapes and colors, fonts should work well together and be the same throughout the interface and icons should be recognizable and the same size for their purposes.

Which digital tools should UX and UI designers use?

Babich, Nick. “The 4 Golden Rules of UI Design: Adobe XD Ideas.” XD Ideas, Adobe, 7 Oct. 2019, xd.adobe.com/ideas/process/ ui-design/4-golden-rules-ui-design/.

UX vs. UI Design

Kiosk Design Wayfinding

Kiosks are a new and efficient way in presenting an interactive map to an audience. A good kiosk design is easy to navigate and catches the viewer’s eye. Crossroads is a large volleyball tournament, where over 100 courts are playing at once. With a kiosk available for navigation, parents and players could find their courts quicker.

COLORADO CROSSROADS MAP

RECRUITER LOG IN

COLOR CROSSR USERNAME PASSWORD

SUBM

SCHEDULE

AM WAVE 8AM NORCO 18 BLACK vs. LOVELAN 18 BLACK CO JUNIORS 18 KEVIN 9AM vs. FRVB 18-1 BLACK NORCO 18 BLACK vs. 10AM CO JUNIORS 18 KEVIN LOVELAN 18 BLACK vs. 11AM FRVB 18-1 BLACK LOVELAN 18 BLACK vs. 12PM CO JUNIORS 18 KEVIN 1PM NORCO 18 BLACK vs. FRVB 18-1 BLACK

SEE COURT DETAILS H 13 H 12

RADO ROADS

H 11 H 10

G6 G5

G 15 G 14 G 13 G 12 G 11

F 15 F 14 F 13

F 12

F 11

G 10 G 9 F 10

E 15 E 14 E 13 E 12 E 11 D 15 D 14 D 13 D 12

MIT

D9 D8

C 10 C 9

B 15 B 14 B 13 B 12 B 11

B 10 B 9

PLAYER LIST

ROSTER

ANNA SPERBECK OH/RH OH LIB DS/LIB OH OH MB MB S OH/RH

C 15 C 14 C 13 C 12 C 11

A 15 A 14 A 13 A 12 A 11 A 10

NORCO 18 BLACK ANNA SPERBECK AMANDA CASSIDY AN IE CASTANEDA ALEXIS HILL JENNA SWEET LAUREN DAMOUR MOLLEE PICCHIONE SARA FRANKOWSKI TEHANI HALLUMS TRINITY MAY

G8 G7

KIETH DAVIDSON

NEBRASKA VOLLEYBALL RECRU T

SCAN QR CODE TO SAVE SCHEDULE TO YOUR PHONE

H-COURTS

D-COURTS

G-COURTS

C-COURTS

F-COURTS

B-COURTS

E-COURTS

A-COURTS

CHAMPS DES

TRAINERS

GATORADE STATION

BATHROOM

+ NORCO 18 BLACK

COURT C10

FRIDAY 8AM

VICTORIA WHITCOMB NORCO 18 BLACK

COURT C10

FRIDAY 8AM

NICOLE LEAKE

LOVELAND 18 BLACK

COURT B1

FRIDAY 10AM

KAYLIEGH LARSON

LOVELAND 18 BLACK

COURT B1

FRIDAY 10 AM

HAILEY KISSNER

BALLISTIC 18 GOLD

COURT F6

SATURDAY 9AM

KB ROBISON

FRVB 18-1 BLACK

COURT H13

SATURDAY 11AM

ZOE BRANNON

EVA 18 BLACK

COURT D12

SATURDAY 1PM

MIA GAUVIN

EVA 18 BLACK

COURT D12

SATURDAY 1PM

TRINITY CORNEY

A SKY 18 BLACK

COURT A15

SUNDAY 10AM

REGAN GEFROH

VICTORIUM 18 GOLD

COURT C5

SUNDAY 11AM

Canyon Worship Album Designs

Canyon Worship creates a new album every year filled with student-written worship songs. I was tasked to create a couple album cover designs for their 2020 edition. I focused on photography based covers and manipulated the images in Photoshop.

designs@toriwhitcomb.com | toriwhitcomb.com