SlideShare a Scribd company logo
1 of 18
Download to read offline
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 Design
Logos2 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 Design
Album 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 Design
Widgets & 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 Design
Visual 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.com
Product Design
Graphic Design
6
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 Keeper
Banner Design
Web Design
Experience 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 Design
Singlefin 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 Design
Quack 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/
14ji55d
Product 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 Process
Experience 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 Process
Conceptualize12 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 Process
Establish 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 primarycolor palette for the EMFwebsite.
Other colorswillbe usedasaccents for graphics.
The primaryfontfor EMF is Lato. Sizesare relative.
This is theaccentcolor
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 Title
Lato Regular
60px
Heading 1
Lato Bold
32px
WidgetS/
graphics
riftsoft
various px
Paragraph
Headings
Lato Bold
16px
Body
Lato Light
32px
Connecting people to the
power of music
CONNECTING 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.
EMFWeb PhotographyMoodboard
21 3
4 5 6 7
9 108
11 12
Creative Process
WireframeIII14
After a majority of the content has been created, a wireframe of the site’s layout is
made to determine and optimize UI/UX.
boxeshere
modal
parallaximage
videoloop
5
Creative Process
Finished ProductIV15
6
www.experiencemusicfoundation.org
Miscellaneous Art
Drawings,
photography,
metalwork
I16
pen&pencil
35mmPhotography
BrassRing,
spotpolished
withwirebrush
Thanks for reading.
– Vince

More Related Content

Viewers also liked (7)

Colegio nacional carselsss
Colegio nacional carselsssColegio nacional carselsss
Colegio nacional carselsss
 
Analisis políticos
Analisis políticosAnalisis políticos
Analisis políticos
 
What famous people say
What famous people say What famous people say
What famous people say
 
furniture
furniturefurniture
furniture
 
Cosecha de agua para asegurar la sostenibilidad y competitividad de la agricu...
Cosecha de agua para asegurar la sostenibilidad y competitividad de la agricu...Cosecha de agua para asegurar la sostenibilidad y competitividad de la agricu...
Cosecha de agua para asegurar la sostenibilidad y competitividad de la agricu...
 
final sheet
final sheetfinal sheet
final sheet
 
1445 26 lennox_electric_furnace
1445 26 lennox_electric_furnace1445 26 lennox_electric_furnace
1445 26 lennox_electric_furnace
 

Similar to Creative Portfolio

pvitale_Interactive Classic_Web 1.0
pvitale_Interactive Classic_Web 1.0pvitale_Interactive Classic_Web 1.0
pvitale_Interactive Classic_Web 1.0guest27cd49
 
Gaphic design in brand promotion
Gaphic design in brand promotionGaphic design in brand promotion
Gaphic design in brand promotionsakshibhargava04
 
Exposure=Imapact: Library Marketing, Promotion and Branding
Exposure=Imapact: Library Marketing, Promotion and BrandingExposure=Imapact: Library Marketing, Promotion and Branding
Exposure=Imapact: Library Marketing, Promotion and BrandingRene Erlandson
 
Salehin-Nobi_Portfolio-Resume-VisualDesigner
Salehin-Nobi_Portfolio-Resume-VisualDesignerSalehin-Nobi_Portfolio-Resume-VisualDesigner
Salehin-Nobi_Portfolio-Resume-VisualDesignerSalehin Nobi
 
Ashton Spann : Portfolio Sample
Ashton Spann : Portfolio SampleAshton Spann : Portfolio Sample
Ashton Spann : Portfolio SampleAshton Spann
 
Emma Lussetti Portfolio 2020
Emma Lussetti Portfolio 2020Emma Lussetti Portfolio 2020
Emma Lussetti Portfolio 2020EmmaLussetti
 
Digital and Graphic design portfolio (sr8 design)
Digital and Graphic design portfolio (sr8 design)Digital and Graphic design portfolio (sr8 design)
Digital and Graphic design portfolio (sr8 design)Saray Rodríguez
 
Mark UX Designer Portfolio
Mark UX Designer PortfolioMark UX Designer Portfolio
Mark UX Designer PortfolioNathanMayer
 
Shantanu kulkarni-Graphic and UIUX Designer
Shantanu kulkarni-Graphic and UIUX DesignerShantanu kulkarni-Graphic and UIUX Designer
Shantanu kulkarni-Graphic and UIUX DesignerShantanuKulkarni54
 
HealthCare corporate site - Design Evaluation by Mani hk
HealthCare corporate site - Design Evaluation by Mani hkHealthCare corporate site - Design Evaluation by Mani hk
HealthCare corporate site - Design Evaluation by Mani hkHk Mani
 
Jason_Perez_Portfolio_2015
Jason_Perez_Portfolio_2015Jason_Perez_Portfolio_2015
Jason_Perez_Portfolio_2015Jason Perez
 
Graphic design portfolio
Graphic design portfolioGraphic design portfolio
Graphic design portfolioAmanda Sanchez
 
Portfolio of moniruz zaman
Portfolio of moniruz zamanPortfolio of moniruz zaman
Portfolio of moniruz zamanMoniruz Zaman
 

Similar to Creative Portfolio (20)

pvitale_Interactive Classic_Web 1.0
pvitale_Interactive Classic_Web 1.0pvitale_Interactive Classic_Web 1.0
pvitale_Interactive Classic_Web 1.0
 
Digital Portfolio
Digital PortfolioDigital Portfolio
Digital Portfolio
 
Gaphic design in brand promotion
Gaphic design in brand promotionGaphic design in brand promotion
Gaphic design in brand promotion
 
Exposure=Imapact: Library Marketing, Promotion and Branding
Exposure=Imapact: Library Marketing, Promotion and BrandingExposure=Imapact: Library Marketing, Promotion and Branding
Exposure=Imapact: Library Marketing, Promotion and Branding
 
Riccardo Gualandi Portfolio
Riccardo Gualandi PortfolioRiccardo Gualandi Portfolio
Riccardo Gualandi Portfolio
 
Portfolio_2016
Portfolio_2016Portfolio_2016
Portfolio_2016
 
Salehin-Nobi_Portfolio-Resume-VisualDesigner
Salehin-Nobi_Portfolio-Resume-VisualDesignerSalehin-Nobi_Portfolio-Resume-VisualDesigner
Salehin-Nobi_Portfolio-Resume-VisualDesigner
 
Design services - Barefoot
Design services - BarefootDesign services - Barefoot
Design services - Barefoot
 
Graphic design unit
Graphic design unitGraphic design unit
Graphic design unit
 
Ashton Spann : Portfolio Sample
Ashton Spann : Portfolio SampleAshton Spann : Portfolio Sample
Ashton Spann : Portfolio Sample
 
Emma Lussetti Portfolio 2020
Emma Lussetti Portfolio 2020Emma Lussetti Portfolio 2020
Emma Lussetti Portfolio 2020
 
Presentation 02
Presentation 02Presentation 02
Presentation 02
 
Digital and Graphic design portfolio (sr8 design)
Digital and Graphic design portfolio (sr8 design)Digital and Graphic design portfolio (sr8 design)
Digital and Graphic design portfolio (sr8 design)
 
Mark UX Designer Portfolio
Mark UX Designer PortfolioMark UX Designer Portfolio
Mark UX Designer Portfolio
 
Shantanu kulkarni-Graphic and UIUX Designer
Shantanu kulkarni-Graphic and UIUX DesignerShantanu kulkarni-Graphic and UIUX Designer
Shantanu kulkarni-Graphic and UIUX Designer
 
HealthCare corporate site - Design Evaluation by Mani hk
HealthCare corporate site - Design Evaluation by Mani hkHealthCare corporate site - Design Evaluation by Mani hk
HealthCare corporate site - Design Evaluation by Mani hk
 
Unit 15 LO4 Pitch
Unit 15 LO4 PitchUnit 15 LO4 Pitch
Unit 15 LO4 Pitch
 
Jason_Perez_Portfolio_2015
Jason_Perez_Portfolio_2015Jason_Perez_Portfolio_2015
Jason_Perez_Portfolio_2015
 
Graphic design portfolio
Graphic design portfolioGraphic design portfolio
Graphic design portfolio
 
Portfolio of moniruz zaman
Portfolio of moniruz zamanPortfolio of moniruz zaman
Portfolio of moniruz zaman
 

Creative Portfolio

  • 1. Creative Portfolio Hi, I’m Vince. I’m a designer, a thinker and an optimist. This is a collection of some of my work.
  • 2. Table of Contents Graphic Design.....2 Web Design.....7 UI/UX Design.....10 Creative Process.....11 Miscellaneous Artwork.....16 1
  • 3. Graphic Design Logos2 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.
  • 4. Graphic Design Album 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.
  • 5. Graphic Design Widgets & 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
  • 6. Graphic Design Visual 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.com Product Design
  • 7. Graphic Design 6 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 Keeper Banner Design
  • 8. Web Design Experience 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
  • 9. Web Design Singlefin 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
  • 10. Web Design Quack Haus9 III Quack Haus is a online store for university apparel and spirit gear. www.quackhaus.com
  • 11. UI/UX Design (iOS) Travelbuddy10 I https://marvelapp.com/ 14ji55d Product 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.
  • 12. Creative Process Experience 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.
  • 13. Creative Process Conceptualize12 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.
  • 14. Creative Process Establish 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 primarycolor palette for the EMFwebsite. Other colorswillbe usedasaccents for graphics. The primaryfontfor EMF is Lato. Sizesare relative. This is theaccentcolor 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 Title Lato Regular 60px Heading 1 Lato Bold 32px WidgetS/ graphics riftsoft various px Paragraph Headings Lato Bold 16px Body Lato Light 32px Connecting people to the power of music CONNECTING 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. EMFWeb PhotographyMoodboard 21 3 4 5 6 7 9 108 11 12
  • 15. Creative Process WireframeIII14 After a majority of the content has been created, a wireframe of the site’s layout is made to determine and optimize UI/UX. boxeshere modal parallaximage videoloop 5