Page 1

RYAN BACH

VISUAL DESIGN 2019 PORTFOLIO


INTRO Hello, the name’s Ryan Bach and I am a visual designer based in San Francisco. My realm of specialty is within user interface and user experience design. I love creating beautiful, functional websites and mobile applications using industry standard design principles. I am a tireless seeker of knowledge and always thrive working in team oriented environments.


TABLE OF CONTENTS

01 UX—UI

05

• Bundlr App • Cutfind App

03

02 LAYOUTS • SCI-Arc Lecture Poster • Pizza Travel Guide

04


MOBILE APP

CutFind

Mobile Application The conceptual mobile app, CutFind is an all inclusive mobile platform where hairstylists are able to share their work, provide online booking appointments, as well as enable their clients to rate and review their services.

1


IDEATION

Inspiration How I envisioned CutFind’s aesthetic and feel was hip and urban. I wanted to create something where professionals, as well as clients, could easily intergrate haircutting related routines into their lives through the use of their smart devices.

3


COMPETITIVE ANALYSIS

Competitive Analysis I conducted research on companies such as Yelp and BOOKSKY due to their similiar services to CutFind.

5


Yelp is a business directory service and crowd-sourced review forum, and a public company of the same name that is headquartered in San Francisco, California. Pros: Section for users to review services, Writing and reading reviews are fun Cons: Navigation system is difficult to use

BOOKSY is a cloud-based appointment booking solution for hair stylists, barbers, salons and spas. It offers appointment scheduling, calendar management, online payments and marketing management functionalities within a suite. Pros: Navigation is simple to use, Color scheme Cons: Outdated UI design


PERSONAS

Targeted User Demographic Personas were created based off of age groups ranging from teens to adults.

Gill Martha (40) Located: Chicago, IL Profession: Hair Stylist Painpoints: Having to manually mark down appointments, Not having a place to showcase skills User Values: Efficiency, Transparent communication

7


Eric Vives (21) Located: New York City, NY Profession: Student Painpoints: Expensive haircuts User Values: Convenience, Quality haircuts

Samson Ruiz (24) Located: San Francisco, CA Profession: Real Estate Agent Painpoints: Poor quality User Values: Convenience, Quality haircuts


SCREENS

Application Screens These are fidelity mockups of my mobile app displaying different screens you would see during your experience with CutFind.

9


SCREENS

11


MOBILE APP

Bundlr

Mobile Application Bundlr is a mobile and e-commerce application which bundles and tailors highly reputable products for users based off what activity they want perform.

13


IDEATION

Inspiration How I envisioned CutFind’s aesthetic and feel was hip and urban. I wanted to create something where professionals, as well as clients, could easily intergrate haircutting related routines into their lives through the use of their smart devices.

15


COMPETITIVE ANALYSIS

Competitive Analysis I conducted research on the companies, Ebay and Amazon because I found their services similar to my own.

17


Amazon.com, Inc. is an American multinational technology company that focuses on e-commerce, cloud computing, digital streaming, and artificial intelligence. Pros: Amazon Retails website is an extensive website with a lot of selection, Amazon’s app user experience is highly efficient Cons: Finding something interesting (without any direction) is pretty difficult unless you add your favs to their recommendations, UI experience looks a bit clumsy. There is a lot that can be changed there to give a better user buying experience like toys section a selection by male and female toys would help.

BOOKSY is a cloud-based appointment booking solution for hair stylists, barbers, salons and spas. It offers appointment scheduling, calendar management, online payments and marketing management functionalities within a suite. Pros: Navigation is simple to use, Color scheme Cons: Outdated UI design


PERSONAS

Targeted User Demographic Personas were created based off of age groups ranging from teens to adults.

Stacey Bridges, 30 San Francisco, CA Goals • Finding the best deals • Narrow down decisions fast Pain points • Too many options • Cluttered UI • Online research

19


Jeffery Thomas, 18 San Josa, CA

Zhihui Zhang, 25 Seattle, WA

Goals • Go camping • Prepare for college dorm life

Goals • Discovering new products • Finding convenient ways to shop

Pain points • Online research • Multi-website shopping

Pain points • Low quality products • Cluttered UI • Online research


APPLICATION SCREENS

Bundlr What are you looking to do?

Create an Account

Bundlr

Login

Full Name

Email

Email

Password

Recommended

Password

Desktop

Confirm Password

Aquarium

College   Dorm

Now trending

By creating an account you agree to our 

By creating an account you agree to our 

Terms of Service and Privacy Policy

Terms of Service and Privacy Policy

Already have an account?

CONTINUE

CONTINUE

Fishing

21

Photography

Hik


Bundlr

RB

Bundlr

What are you looking to do? Hello, Ryan!

Bundlr

Camping

Home

Recommended

Camping

Essentials

Categories

Your Orders Saved

FOR WHOM?

WOMEN

MEN

KIDS

Account Settings Desktop Sign Out

Aquarium

College   Dorm

Hik

GROUP SIZE

1

Tent

Sleeping Bag

$275.00

$50.00

Now trending PRICE

$300 ­ $700

Fishing

Cooler

Osprey   Backpack

$35.00

$125.00

First Aid  Kit

Flashlight

$25.00

$12.00

Photography

APPLY FILTERS


MOBILE APP

Bundlr

Bundlr

Coleman Xtreme   Cooler By Coleman

Bundlr

Osprey Packs Rook   65 Men’s Backpack By Osprey

PRODUCT DESCRIPTION

Coleman Cabin  with Instant Setup   By Coleman PRODUCT DESCRIPTION

PRODUCT DESCRIPTION

Keep beverages and perishable foods cold with the Coleman 70­ Quart Xtreme 5­Day Heavy­Duty Cooler. Ideal for weekend  camping adventures, barbecues, and road trips, this portable  cooler features Xtreme insulation technology that keeps ice up to  5 days in temperatures as high as 90°F. With enough capacity for  up to 100 cans, the cooler provides ample space for ingredients,  perishable food, soda cans, and more. The leak­resistant drain  allows you to easily empty excess water without tilting the cooler.  Integrated cup holders on the lid offer easy access to cold drinks,  while the Have­A­Seat lid offers a comfortable place to sit and 

­ Highly ventilated and comfortable AirSpeed backpanel with  intuitive torso adjustment system  ­ Fixed top lid with zippered pocket  ­ Dual upper and lower side compression straps  ­ Zippered sleeping bag compartment with floating divider  ­ Removable sleeping pad straps  ­ Dual mesh side pockets  ­ Integrated removable rain cover  ­ Zippered hip­belt pockets 

COLOR

COLOR

­ 150D/150D Polyester/taped seams  ­ Instant tent sets up in just 1 minute. Spacious interior has room  for 2 queen airbeds  ­ WeatherTec system with patented welded floors and inverted  seams to keep you dry  ­ Rugged Polyguard 2X double­thick fabric for reliable, long­ lasting use. Outer fabric : Taffeta 150D & Polyester Mesh  ­ Integrated vented rainfly improves airflow without any extra  assembly needed…

COLOR

QUANTITY

1 QUANTITY

1

$35.00 ADD TO CART

23

QUANTITY

1

$125.00 ADD TO CART

$275.00 ADD TO CART


Bundlr

Bundlr

What are you looking to do?

What are you looking to do?

Your Orders

Filters

Incomplete

Camping Essentials Date ordered on:   Dec 9, 2019

Items:

2

Shipped Address:  3114 Taraval Street, San Francisco, CA 94116 

Your Orders

Arrival Date:   5:00 P.M. Dec 15, 2019 Coleman Xtreme   Cooler

Total: $230.00

Date ordered on:   Sep 28, 2018

Complete

Items:

2

Items:

3

Items:

5

Hiking Essentials 

Quantity: 1          $35.00

Coleman Cabin  with Instant Setup   Target.com

Arrival Date:   5:00 P.M. Dec 15, 2019 Quantity: 1          $275.00

Sub Total: $310.00 Estimated Sales Tax: $7.65

Shipped Address:  3114 Taraval Street, San Francisco, CA 94116 

Items:

12

Shipped Address:  3114 Taraval Street, San Francisco, CA 94116 

Aquarium Essentials

Building Desktop Essentials

2

Amazon.com Items:

Incomplete

Saved

Date ordered on:   Dec 9, 2019 Items:

Complete

College Dorm Essentials

What are you looking to do?

Filters

Camping Essentials

Total: $317.65

Date ordered on:   June 5, 2018

Bundlr

5

Order Total: $317.65

Aquarium Essentials


MOBILE APP

25


LECTURE POSTER

SCI-Arc

Lecture Poster What this project entailed was to design a lecture poster for Southern California Institute of Architecture with the supplied text given to me by the private university.

27


TYPOGRAPHY & COLOR

I wanted to choose a font which was highly legible and had an extensive type family to create a solid visual heirarchy which is how I decided on using the typeface, Helvetica Neue.

Helvetica Neue Thin Helvetica Neue Light Helvetica Neue Regular Helvetica Neue Medium Helvetica Neue Bold abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ

29


BLACK #00000

BLUE #22428E

BLUE #245490

SALMON #F0918B

PINK #FAE1DE


ITERATIONS

Earlier iterations which were ultimately scrapped due to the color choices.

31


ITERATIONS

33


BROCHURE

Pizza Travel Brochure Brochure

For this project, we were given the parameters of creating a travel guide of some sort. My love for food led me to designing a travel brochure for pizza around the Bay Area.

35


INSPIRATION

37


TYPOGRAPHY

When I think of pizza, my mind automatically jumps to the long presence it’s had in American history. Naturally, I chose a serif typeface which felt classic as well as stylish. Bodoni 72 had the right look I needed for the travel brochure.

39

Bodoni 72 Book Bodoni 72 Bold abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ


Again, the name’s Ryan Bach. Let’s work. c: (510) 213-3343 e: bachryan@gmail.com barychan.myportfolio.com

41


THANK YOU

Profile for Ryan

Visual Design Portfolio  

Visual Design Portfolio  

Profile for barychan
Advertisement