Creative Portfolio

Hi, I’m Vince.I’m a designer, a thinker and an optimist.This is a collection of some of my work.

Table of Contents

Graphic Design.....2

Web Design.....7

UI/UX Design.....10

Creative Process.....11

Miscellaneous Artwork.....16

1

Graphic DesignLogos2 I

The logo for Singlefin Creative Agency touches on the surfing roots of the company. A single line divides the fin in two, representative of the two founders.

40 weekfit logo design. The goal was to create a clean, elegant and simplistic logo that told a story of the brand. The “0” in the 40 is the innermost of 3 circles that correlate with the 3 trimesters of pregnancy over 40 weeks.

Experience Music Foundation was founded to promote equitable access to music and music education for people from all walks of life. With the goal of one day becoming global, the logo design intended to convey universality with a focus of music.

Graphic DesignAlbum Art3 II

Mira T. and Richmanpromo (hip-hop artists from Delaware) approached me to design the art for an upcoming single they were about to release. The track was dark, powerful and egocentric. Fangs in the art were made with Photoshop.

Stefan is a neo-future singer, songwriter and producer hailing from Santa Barbara, CA. He wanted something emblamatic of himself while keeping an sense of anonimity as well. The hand was photo-graphed using 35mm black and while film, and the ring was added digitally.

Graphic DesignWidgets & Web Art4 III

These infographic widgets were designed to accompany blocks of copy on the Experience Music Foundation website. From the top down they are: Groups, Targeted Progamming, Vision, Scholarships, and Survey. See in action here: www.experiencemusicfoundation.org

Fun, casual and almost sloppy, these “doodles” added jovial life to the Singlefin Creative Agency website. The goal was to differentiate from other Agency sites, staying away from adjectives like precise and calculated.www.singlefinagency.com

Graphic DesignVisual Design5 IV

The product itself is a 300+ page e-guide. Intended to be intuitive, modern and elegant, the guide leads women through workout routines on a day-to-day schedule.

www.40weekfit.comProduct Design

Graphic Design6 Visual DesignV

The goal was to create banners that resonated with the themes of Channelkeeper and the event, Aquathon. One of their chief objectives is protecting the cleanliness of local waters, so underwater imagery and clean negative space worked well.

Santa Barbara Channel KeeperBanner Design

Web DesignExperience Music Foundation

7 I

The site for EMF was designed to be modern, extremely intuitive, and compact for the amount of information it had.

www.experiencemusicfoundation.org

Web DesignSinglefin Creative Agency

8 II

Singlefin is a boutique creative agency based in Santa Barbara. The goal was to create a site that was different and representative of their surroundings.

www.singlefinagency.com

Web DesignQuack Haus9 III

Quack Haus is a online store for university apparel and spirit gear.

www.quackhaus.com

UI/UX Design (iOS)Travelbuddy10 I

https://marvelapp.com/14ji55dProduct Mockup

My senior project at USC, TravelBuddy is a social networking app for desgined to reimagine travel. The app analyzes your interests, age, gender and where you are travelling, and then connects you with similar people abroad, either as friends or as paid tour guides. It was only created as a mock up, never fully developed.

Creative ProcessExperience Music Foundation

Ex:11

Brand Build & Product Development

from to

A step-by-step visual story for the process of a brand build, from sketches to a polished and functional website.

Creative ProcessConceptualize12 I

Logo Design Example

1

2

3

I believe that pencil and paper are still a creative’s most valuable tools. All of my work starts here in a “mind dump” where I sketch anything that comes to mind.

Next is digitization of the ideas I like. Typically designs are narrowed down from multiple to just a few, and from there the best are selected.

Finally is selection and refinement. Here the best idea is chosen, polished and polished again until a final product is ready. This will act as the base for the entire brand development.

Creative ProcessEstablish AestheticII13

EMF STYLE GUIDE

COLOR SCHEME

TYPOGRAPHY

#000000 #a3a3a3

#777777

#f5f5f5#ffffff

#3CA9F7

Miscelaneous

CTA buttons, page back-grounds, page header text on grey & white.

Various colors will be used for graphics and found in photography, adding color splashes throughout the site.

This is the primary color palette for the EMF website. Other colors will be used as accents for graphics.

The primary font for EMF is Lato. Sizes are relative.

This is the accent color palette for the EMF website. Page backgrounds,

text on dark back-grounds, menu text, EMF logo highlights.

Primary text, main header background.

Strips.

Footer, text on white backgrounds, .

Blocks, footer text.

Page TitleLato Regular60px

Heading 1Lato Bold32px

WidgetS/graphicsrift softvarious px

Paragraph HeadingsLato Bold16px

BodyLato Light32px

Connecting people to the power of musicCONNECTING PEOPLE TO THE POWER OF MUSIC.

Connecting people to the power of music.

Connecting people to the power of music.

© Singlefin Creative Agency

Connecting people to the power of music.

4

After a logo has been created as a base for the brand design, a style-guide, photography moodboard and contextual logo guide are made to set the framework for the rest of the build. Between these 3 guides, all colors, fonts and photographic styles for the brand are established.

EMF Web Photography Moodboard

21 3

4 5 6 7

9 108

11 12

Creative ProcessWireframeIII14

After a majority of the content has been created, a wireframe of the site’s layout is made to determine and optimize UI/UX.

boxes heremodal

parallax image

video loop

5

Creative ProcessFinished ProductIV15

6

www.experiencemusicfoundation.org

www.experiencemusicfoundation.org

Miscellaneous ArtDrawings, photography, metalwork

I16

pen & pencil

35mm PhotographyBrass Ring,

spot polished

with wire brush

Thanks for reading.

– Vince