Josiah Brown, Spring 22 by GCU College of Arts & Media

The Intro Greetings! My name is Josiah and this is my portfolio book. As you flip through the book you’ll see my favorite projects over the last few years. I’ve had the opportunity to work on several different types of digital design projects including applications, websites, and brand identities. Enjoy :)

SPACEVISION - Branding and Landing Page Design Tools Used: Illustrator, Photoshop, Xd For this project I branded the annual SPACEVISION event, designed a custom icon pack, and built a landing pge that informs and allows users to purchase tickets. SPACEVISION is an event for young space professionals, academics and enthusiasts to engage with idustry leaders from around the world and discuss the development of humanity’s future amongst the stars.

Project 1

Quill - Branding and Application Design Tools Used: Illustrator, Photoshop, Xd Quill is an email application with a note feature that allows you to group and share your notepad as an email with other users. Users can also organize their inbox by creating folders based off contacts and more.

Valley Metro - Brand Identity and Landing Page Tools Used: Illustrator, Photoshop, Xd This is a landing page designed to announce a new brand identity for Valley Metro, a public transportation service in Phoenix. The landing page is meant to be informative so that people can ﬁnd out about new routes and our new look.

Phoenix Zoo - Kiosk Design Tools Used: Illustrator, Photoshop, Xd This wayﬁnding kiosk design for the Phoenix Zoo is a useful tool for getting directions. Users can search for key words and be shown markers on the map. This kiosk can also be used to check the schedule for upcoming events at the zoo. Other features include ticket purchasing, emergency response, and reading information about the animals.

Musical Instrument Museum - Website Redesign Tools Used: Illustrator, Photoshop, Xd This project was a redesign of the musical instrument museum’s website. The musical instrument museum is located in Phoenix, Arizona and is the largest museum of it’s type in the world. For this project I rearranged the home page so that it followed a grid and gave it a more organized feeling compared to the previous version. In addition to this I also redesigned the userflow for purchasing tickets so that it provided users with a better experience.

YOUTHFUL RETIREE

Jeanine Charmichael

AGE: 67 RELATIONSHIP: Widow LOCATION: Sun-City, AZ EDUCATION: Master’s JOB STATUS: Retired INCOME: $$

BIO:

PERSONALITY:

Jeanine is a recently retired middle-school teacher from Roanoke, VA. She has just recently moved to Arizona to enjoy the rest of her life without having to worry about bad winter storms. She loves to make friends and learn new things. She approaches everything with a positive mindset and a youthful energy.

•

Experienced

•

Talkative

•

Extrovert

•

Fun-Loving

GOALS:

FRUSTRATIONS:

Jeanines only goals right now are to take in as many new experiences as possible. She wants to enjoy life without the stress of working since she’s already accomplished most of what she’s set out to do over the years.

•

Making her social security retirement benefits last.

•

Finding fun and affordable things to do during retirment

•

Keeping in touch with family/friends

Jeanine’s MIM Experience: Jeanine chose to visit the musical instrument museum after she heard about it from one of her friends. She’s always been interested in history and music. She is always looking for new places in Arizona to explore, and it imeadiately peaked her interest. She also heard about the event’s that they hold and thought it would be fun to attend. However she found it difficult to not only purchase tickets on the website, but she also struggled with understanding when certain events were being held.

Musically Inclined Scholar

Marcus Williams

AGE: 22 RELATIONSHIP: Boo’d Up LOCATION: Downtown Phx EDUCATION: College Senior JOB STATUS: Employed INCOME: $

BIO:

PERSONALITY:

Marcus is currently a senior in college, studying Communications at ASU. He loves to learn, but rarely has time with his friends because of it. He’s always been a very big fan of all kinds of music, but jazz is his favorite. He plays several instruments and loves to travel to destinations known for their musical significance.

•

Introverted

•

Caring

•

Fun-Loving

•

Energetic

GOALS:

FRUSTRATIONS:

Marcus is looking to finish his degree and start an entry lelvel position that he will eventually turn into a high-paying job, but in the meantime he wants to find something fun to do with his girl while he has a little extra time over fall break.

•

Completing homework assignments on time

•

Making sure he can pass his finals

•

Not going broke

Marcus’ MIM Experience: Marcus and his girl Sarah chose to visit the musical instrument museum because they thought that it would be a fun experience. They are both intruigued by history and music, and had some extra time over fall break. The MIM was the perfect spot because its affordable and can offer a unique experience that they would both enjoy. Marcus became fraustrated when it cames time to purchase tickets because the purchasing system is so outdated.

Clever Games - Educational Application Design Tools Used: Illustrator, Photoshop, Xd Clever Games is an educational children’s application that teaches the alphabet. The application is targeted towards toddlers around the ages 2-4, and uses a combination of visual and sound puzzles to ensure that kids understand the alphabet and how it’s used. The application allows them to earn rewards as they unlock more levels, and the difficulty rises.

Sugarlife - Diabetes Application Design Tools Used: Illustrator, Xd Sugarlife is a health application designed to help people living with diabetes manage their disease. The application is designed to connect with your blood glucose meter and your smart watch to seamlessy log your vitals from day to day. Users are also able to build a proﬁle and earn achievments for logging their information, completing ﬁtness goals, and more.

BG Sync

Quit

Sync

Newport Surf Shop - Branding and E-Commerce Website Tools Used: Illustrator, Xd, Photoshop Newport is a surf shop on a mission to make buying surf boards online easier. The new logo and brand identity paired with a carefully designed e-commerce site provides end users a pleasant shopping experience. Users can log into their account, add items to their cart, and check out with ease.

Buttons Primary

Primary Inactive

Hover

Button

Secondary

Inactive

Hover

Button

Hover

Button

Ghost Button

Button

Button With Icon

Inactive

Hover

ADD TO CART

Button on With Icon

Sizing Dropdown Dr

Sizing Btns

EXTRA LA

Selected Sizing Btns

EXTRA SMALL

Button

Ghost Button Hover State

Button

EXTR

Button

Tertiary

Inactive

Button

EXTRA LARGE

Quantity

5'8

Sizing btns for sur surfboards

SMALL

LARGE

EXTRA LARGE

6'8

Sliders/Ratings

6'8

Toggles

Tooltips

Checkbox

Inactive

Checkbox Text

Tooltip Icon

Active

Checkbox Text

Swit Switch Off

Checkbox Text

Inactive

Switch On

Inputs Inactive

Tooltip Window Inactive

Colors Checkbox Active

Input Text

Input Field With Icon Inactive

Input Text

Input Field Error Inactive

Input Field With Icon Active

Hover

Checkbox Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Input Field

Toolt

Primary Colors

Lorem ipsum dolor sit adipiscin

Fonts

tip Icon

amet, consectetur ng elit.

HEADER #1

2nd Div Header Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque lobortis lobortis urna, at hendrerit mi imperdiet vel. Etiam eu feugiat arcu. Duis nec ultricies nisl. Fusce laoreet rutrum tellus, at ullamcorper ante suscipit ac. Fusce sit amet nibh tristique, pulvinar usto id, consequat risus. raesent eu Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Product #1 Shop item description Shop item Price $100.00

NEWPORT

Surf Shop & Sushi Bar

Email Enter Email

Oops! Something Went Wrong.

Password Enter ass ord

Remember Me

Please make sure your username and password are correct.

Remember Me

Don't have an account sign-up

Forgot Password?

Home

NEWPORT Surf Shop & Sushi Bar

NEWPORT

Enter email

Surf Shop & Sushi Bar

Password First Name

Enter password

Last Name

Enter ﬁrst name

Enter ast name

Con rm Password Phone Number

Conﬁrm password

Enter pass ord I agree to the Terms & Conditions

Next Home

Back

One Last Thin ! Click the link we've sent to your email to login to your account. If you didn't receive the email, click here to resend it.

Check your text messages! We sent you a code, please enter it below to verify your phone number. Veriﬁcation Code Enter 4-digit code

NEWPORT

Having trouble? Resend code

Surf Shop & Sushi Bar

Verify

Back

Forgot Password?

Veriﬁcation Code

Enter associated email below

We've sent a veriﬁcation code to your email.

Veriﬁcation Code

Enter email

Enter 4-digit code

Didn't get it? Resend it here.

Send Code

Verify

Don't have an account sign-up Don't have an account sign-up

Home

Newport<Newportemail@email.com

NEWPORT Surf Shop & Sushi Bar

Welcome to Newport!

jobenbrown@gmail.com

Thanks for joining the community, we're so excited to have you! To ﬁnish registering your account, please click the link below.

Password ••••••••••••

Remember Me

Verify

Home

HOME

ABOUT

STORE

NEWPORT Surf Shop & Sushi Bar

Oops! Something Went Wrong. Please make sure your username and password are correct.

Remember Me

Home

EVENTS

HOME

ABOUT

STORE

EVENTS

Modern The Boss - XB 9'1" by Global Surf Industries $450.00 $400.00 1

5'8

HOME

ADD TO CART

The Boss will have a big inﬂuence in any line-up when it comes to catching waves.

esigned to be an a;ordable, user-friendly

longboard that’s spec’d appropriately for easy riding with an emphasis on stability, control and smooth turning.

Shopping Cart Rating: 78% of reviewers rated this product 80% or above

Modern The Boss - XB 9'1"

Read Reviews

#54674646

HOME

ABOUT

STORE

EVENTS

Future Fins Hone4comb Quad Fin Set

Modern The Boss - XB 9'1" by Global Surf Industries

Product Reviews Modern The Boss - XB 9'1"

#54674646

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque lobortis lobortis. Fusce laoreet rutrum tellus, at ullamcorper ante suscipit ac. Fusce sit amet nibh tristique, pulvinar justo id, consequat risus. Praesent eu vestibulum arcu.

ADD TO CART

The Boss will have a big inﬂuence in any line-up when it comes to catching waves.

#57489306

Write A Review

$745.00 – $775.00 5'8

esigned to be an a8ordable, user-friendly

Future Fins Hone4comb Quad Fin Set

Rating:

REPORT

COMMENT

Future Fins Hone4comb Quad Fin Set

Rating: 78% of reviewers rated this product 80% or above

Read Reviews

#57489306

longboard that’s spec’d appropriately for easy riding with an emphasis on stability, control and smooth turning.

#57489306

Future Fins Hone4comb Quad Fin Set

Rating:

#57489306 REPORT

COMMENT

More items like this

Rating: ADD TO CART

ADD TO CART

Newport is a global, multi-platform media and entertainment company. Powered by its own proprietary technology, Newport is the go-to source for tech, digital culture and entertainment content for its dedicated and inﬂuential audience around the globe.

ADD TO CART

Explore

Careers

Home

Customer Service

About s

FAQ

Store

Press Inquiries

Events

Gift Cards

Cart

REPORT

COMMENT

items 4ou might li(e

ADD TO CART

REPORT

ADD TO CART

COMMENT

©2019 Newport, Inc. All Rights Reserved. Newport, Newport Sushi Bar 3 Surf Shop, and Newport Bar are among the federally registered trademarks of Josiah Brown, LLC and may not be used by third parties without explicit permission.

More items like this

ADD TO CART

Explore

Careers

Home

ABOUT

STORE

EVENTS

YOUR ORDER TOTAL

Subtotal

$800.00

Shipping

(Next Screen)

Total

$830.35

$400.00

HOME

A OUT

STO E

EVENTS

HOME

A OUT

STORE

EVENTS

$400.00

Checkout

Payment

Returning customer? Login here.

CHEC OUT $400.00

Returning customer? Login here.

YOUR ORDER TOTAL

Email Address

Subtotal

Input Text

$400.00

First Name

Last Name

Input Text

Country

Street Address

United States (US)

Apartment (Optional)

$800.00

Shipping

$ 0.

Total

$830.35

State

Input Text

$400.00

YOUR ORDER TOTAL

Name on Card

Card Number

Input Text

Expiration Date 01

CCV

2019

000

Other Payment Options

Subtotal

$800.00

Shipping

$ 0.

Total

$830.35

Pick Up at Store

Input Text

Add Gift Card ZIP Code

Phone #

Input Text

PLACE ORDER

Input Text

Two-Day Shipping $ .

$400.00

Shipping Options

Standard (5-7 business days) $2 .99

Free Shipping (2-3 Weeks)

Two-Day Shipping $ .

items you might like

ADD TO CA T

ADD TO CART

Explore

Careers

Home

Customer Service

About Us

FAQ

Store

Press Inquiries

Events

Gift Cards

Cart

©2019 Newport, Inc. All Rights Reserved. Newport, Newport Sushi Bar 6 Surf Shop, and Newport Bar are among the federally registered trademarks of Josiah Brown, LLC and may not be used by third parties without explicit permission.

Free Shipping (2-3 Weeks)

items you might like

ADD TO CA T

ADD TO CART

Standard (5-7 business days) $2 .99

ADD TO CA T

ADD TO CART

Explore

Careers

Home

Careers

Home

Customer Service

About Us

Customer Service

About Us

FAQ

Store

FAQ

Store

Press Inquiries

Events

Press Inquiries

Events

Gift Cards

Cart

Gift Cards

Cart

©2019 Newport, Inc. All Rights Reserved. Newport, Newport Sushi Bar 9 Surf Shop, and Newport Bar are among the federally registered trademarks of Josiah Brown, LLC and may not be used by third parties without explicit permission.

OpenHouse - Branding andApplication Design Tools Used: Illustrator, Xd, Photoshop OpenHouse is an application that I designed to help people that suffer from addiction connecct with support groups in their area that they can form real bonds with. Users can have open discussions on the forum, talk to certiﬁed counselors, add events and set meetings on their support group calendar, and track their progress on using the timeline.

BRIC (Broadnax Real Estate Investvment Company Brand Identity Creation Tools Used: Illustrator, Photoshop, Indesign BRIC is a real estate investment company that I was asked to create a brand identity for. I combined a color pallete and a flat but modern and simplistic logo design to create a sleek and professional feeling brand that can be recognized by their audience. In addition to this I created brand elements and designed business cards for the company to use at their discretion.

Logo Construction

Bricks

House

BRIC Logo

Variations: These are just a few of the different logo variations that we can use when putting the BRIC mark on a product. There are plenty more in the logo pack in all different colors with transparent and non-transparent backgrounds.

Typography We only use one font style for the brand. This helps keep the brand cohesive and easily recognizable. The font that we chose has massive variety of different typefaces.

Sofia Pro Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 012345689 -!?,@#$%^&*()[]{}_+=”:’/\<>

ABC123

Typography Usage The typeface should not be used loosely. When using text on any BRIC™ content follow these guidelines. Black, bold, semi bold, and medium can all be used for headers. Use regular for text and web content. And ﬁnally use the different variations of light text for body text and sub-headers

Aa Sofia Pro Black

Sofia Pro Bold

Sofia Pro Regular

Sofia Pro Extra Light

Color Pallette These colors are what will blanket the large majority of our brand. Because of this they will also be the most recognizable part of our image besides our logo. We chose orange as the company’s primary brand color because it is closely associated with enthusiasm, joy, and success. Orange is also the color of the harvest which is appropriate for a real estate investment company that is looking to build healthy and strong communities.

HEX: #F9A05A CMYK: 0, 44, 72, 0 RGB: 249, 160, 90

HEX: #EF673D CMYK: 1, 74, 83, 0 RGB: 239, 103, 61

HEX: #0D1E32 CMYK: 93, 80, 51, 62 RGB: 13, 30, 50

HEX: #F2F3F0 CMYK: 4, 2, 4, 0 RGB: 242, 243, 240

BRIC

The Ice Cream Plug - Brand Identity Creation Tools Used: Illustrator, Photoshop, Indesign BRIC is a real estate investment company that I was asked to create a brand identity for. I combined a color pallete and a flat but modern and simplistic logo design to create a sleek and professional feeling brand that can be recognized by their audience. In addition to this I created brand elements and designed business cards for the company to use at their discretion.

Logo Design Disection

Plug

Ice Cream

Typography Our Typeface We are using one typeface for our brand. It’s called Bahnschrift, and it has 15 different variations including light, condensed, semibold, and bold. You can see one variation used in our main logo. We are even using Bahnschrift for this paragraph, and it will be an important part of our brand in the future.

Bahnschrift - 12pt - Regular

Bahnschrift - 12pt - Light

ABCDEFGHIJKLMNOP

abcdefghijklmnop

1234567890

Bahnschrift - 12pt - Bold

Bahnschrift - 12pt - SemiLight

ABCDEFGHIJKLMNOP

abcdefghijklmnop

1234567890

Bahnschrift - 12pt - Condensed ABCDEFGHIJKLMNOP abcdefghijklmnop 1234567890

Color Pallette Solid Colors

HEX: #2D2D2D

HEX: #FFC764

HEX: #4EF9E1

RGB: 45, 45, 45

RGB: 255, 199, 100

RGB: 78, 249, 255

CMYK: 0%, 23%, 70%, 0%

CMYK: 50%, 0%, 25%, 0%

HEX: #FBF0FF

HEX: #BA72F3

HEX: #E8B7CF

RGB: 251, 240, 255

RGB: 186, 114, 243

RGB: 232, 183, 207

CMYK: 1%, 6%, 0%, 0%

CMYK: 40%, 60%, 0%, 0%

CMYK: 6%, 33%, 3%, 0%

CMYK: 70%, 64%, 63%, 64%

Logo Design Logo Variants

The Outro While this is the end of the book, this is not the end of the journey. There is so much more coming. After seeing my progress over the past few years as a junior deisnger, I hope you’re just as excited as I am to see what is coming up next. Thanks so much for looking!