brooke's portfolio
DESCRIPTION
Designer Brooke Clifton's online porfolio book.TRANSCRIPT
Work Experience
Studio Case | New York, NYDesign Intern «Jan 2011 - Present»
Provide supporting research, design, and production work for both print and video Organize materials for production and archiving Exercise flexibility in working on different mediums including identity, layout, package design, web, photo and video production
Clients: Ojon, Band-Aid, Acuvue, Araks, Johnson & Johnson, etc.
Sharon Klein Graphic Design | New York, NYFreelance Designer «Nov 2010 - Present»
Lead designer for Acrow Bridges web re-designAttend and contribute to client meetingsAssist with maintenance and updates to existing website and blog
Freelance Design | New York, NYWeb & Print Designer «June 2007 - Present»
Envision and create web designs, layouts, logos, and illustrationsCode basic websites using HTML, CSS, and FlashPrepare files for online and print production
Clients: Sharon Klein Graphic Design, R&H Heavy Equipment, ApexIT, Bax Built Construction, Savoir Faire Publishing, various fine artists
Go Merch/Manhead | New York, NYDesign Intern «Sept - Dec 2010»
Design and layout for the 2010/2011 catalogueIllustrate and design apparel, posters, web-banners, etc for various clientsSuccessfully re-appropriate pre-established designs across different mediums
Clients: Big Time Rush, Plain White T’s, Two Door Cinema Club, etc.
Fine Arts Publications | Kirksville, MO Designer «Aug 2007 - Dec 2008»
Develop illustrative designs for campus promotional materialsEstablish logo and layout for the College of Arts and Science Newsletter Introduce new clients to FAPPrint t-shirts and posters with traditional printmaking techniques
Clients: TSU Art Gallery, College of Arts and Science, TSU Rugby, etc.
Proficiency
Illustrator InDesign PhotoshopFlash DreamweaverAfter EffectsHTMLCSSASMicrosoft WordExcelPowerpoint
Epson large-format inkjet printers Macintosh and Windows platforms
Knowledge of printmaking techniques: (woodcut, intaglio, lithography, and screen print)Excellent leadership and relationship skills Ability to meet short deadlines
p | 636.208.9450
Education
Bachelor of Fine Arts in Visual Communications, 2008Truman State University | Kirksville, MOMinors in Business & French
Graphic Arts & Italian Culture, Feb - May 2006Lorenzo de Medici Florence, Italy
2
Volt Logo & Business CardBilly Volt is an electrician who happens to have the most appropriate name for the job. My role was to create an identity that will advance his business to the next level.
BILLY VOLT
42 Bretton Road | Scarsdale, NY 10583P 914.563.9382e l e c t r i c
Volt FormsThese forms were designed to be simple, straightforward, clean and easily understandable for both Volt and his clients. 3
INVOICE
BILL TO
BILLY VOLT
42 BRETTON ROADSCARSDALE, NY 10583p 914.563.9382
DATE
INVOICE #
CUSTOMER ID
SUBTOTAL $TAXABL
$TAX RATE
TAX DUE $
OTHER $
TOTAL DUE $
DESCRIPTION
TAXEDAMOUNT
OTHER COMMENTS
make all checks payable to:volt electric
ESTIMATE
DATE
REFERENCE #
TOTAL ESTIMATE
DESCRIPTIONITEM
COST
NOTES
BILLY VOLT
42 BRETTON ROAD
SCARSDALE, NY 10583
p 914.563.9382
$
company name
phone number
address
city
statezip
Pivot Point News
Take your educationfurther with all the greatitems available at thePivot Point Shop!www.pivotpointshop.com
Pivot Point News »
Product Care
Watch the Snap Cap video here »
Learn about Tool Careand Maintenance »
Announcements
Welcome to the EvanstonPPI Academy onlinetraining system!
Educators Survey
Pivot Point New
Overview of My Courses
HOME
Did you know? Learning how to create an exceptional guestexperience will enhanceyour ability to succeed ina competitive market.
© 2011 Pivot Point International, Inc. Terms of Use | Privacy Policy | Virtual Tour | How to Navigate | FAQ | Additional Help
DesignerApproachSculpture
ate t
anceed in
ationhe greatat the!
ws
y Courses
t Point Sho.pivotpoints
t Point New
duct Care
ch the Snap Capo here »
n about Tool CareTTMaintenance »
ouncements
come to the EvanstonAcademy online
p!shop.com
ws »
TEACHER’SSUPPORT
COSMETOLOGYFUNDAMENTALS
DESIGNERAPPROACHCOLOR
your ability to succeea competitive market
Use | Privacy Policy | Virtual Tour | How to Navigate | TT FAQ |FF Additional Help
Did you know? earning how to crean exceptional guestxperience will enha
your ability to succee
DLeanex
DESIGNERAPPROACHSCULPTURE
DESIGNERAPPROACHTEXTURE
DESIGNERAPPROACHHAIR DESIGN
SALONSUCCESS
SALON FUNDAMENTALSAESTHETICS
Hi Firstname | Logout
Welcome Firstname. Please select a course:
Artist Access LogoArtist Access is an online beauty school learning tool. Five logos were narrowed down and submitted from a team of designers and my logo was chosen by the client to represent their brand.
4
Alternative Logo DesignsAside from creating Artist Access’s current logo, I also designed a variety of other logos. The three options shown above showcase the best of the designs created that were not submitted.
5
6
R&H LogoR&H is a heavy equipment company. I was responsible for creating a logo that calls attention to the scale of their machinery.
R&H Websiterhheavyequipment.com is an easy to use website that informs potential clients about the company. As the business expands, the website will serve as an online store that sells equipment and parts. I was in charge of the art direction, design and coding. 7
Ojon StyleguideOjon is a relatatively new hair care company that was purchased by Estee Lauder. My job was to design/layout and even write the copy for the styleguide. 8
typography
Scoop 1 to 1½ teaspoon
into palm of hand. Warm by
rubbing between hands ...
Learn more »
typography
links11pt Arial Regular
28 leading
25 tracking
with carrot on right
main menu links
13pt Interstate Light
24 leading
25 tracking
with carrot on left
active: #f5f5ef (light grey)
rollover: #D06F1A (orange)
headline 1
56pt Interstate Light
-10 tracking
optical, sharp
headline 2
16pt Arial Bold
sharp
headline 3
14pt Arial Bold
16 leading
sharp
titles
32pt Interstate Bold (& Light)
32 leading
generally: #D06F1A(orange) & Bold
and 2nd color is Interstate Light
subtitles
26pt Interstate Bold (& Light)
26pt leading
color varies
callouts
21pt Interstate Light
24 leading
-10 tracking
optical
body copy
12pt Arial Regular
15 leading
» Main Menu Links
The primary typefaces used throughout the site are Interstate and Arial. Use lowercase
in headlines and sentence case in body copy. Flush left, center only when absolutely
necessary. Type is not to be stretched or rescaled. The following is a general guidline.
Unique type treatment is noted throughout the styleguide.
our mission
what’s new
lorem ipsum
headline 2
headline 3
headline 1
the ultimate
do-over for
damaged hair.
damage reverse
» Main Menu Links
ojon.com styleguide 2011
PMS 167 r208 g111 b26 #D4891CPMS 727 r241 g207 b165 #F1CFA5
color
PMS 384 r159 g166 b23 #9FA617
PMS 5483 r56 g147 b155 #38939B
PMS 4625 M1 r65 g21 b0 #411500
PMS 7432 r221 g131 b166 #DD83A6
TOYO 10576 r218 g191 b162 #DABFA2
PMS 377 U1 r120 g162 b47 #78A22F
PMS 693 r234 g181 b185 #72AFB6
PMS 167 r208 g111 b26 #D4891C
PMS 7501 r241 g227 b197 #F1E3C5
TOYO 10616 r149 g270 b125 #95AA7D
PMS 692 r244 g201 b201 #F4C8C9
TOYO 10486 r186 g164 b200 #BAA4C8
PMS 4625 r87 g39 b0 #572700
TOYO 10750 r255 g194 b34 #FFC222
PMS 578 r195 g215 b164 #C3D7A4
PMS 5005 r199 g141 b131 #74C7B8
PMS 5787 r210 g214 b171 #D2D6AB
PMS 464 r158 g102 b20 #9E6614
r245 g245 b239 #F5F5EF
color
Logo
Type
PMS 727 r241 g207 b165 #F1CFA5
PMS 727 r241 g207 b165 #F1CFA5PMS 7500 r247 g238 b212 #F7EED4
PMS 161 r117 g66 b0 #754200
PMS 383 U r178 g187 b30 #B2BB1E
The colors used are natural and light with browns and oranges being the most common.
Greens and pinks are used as accents. Product colors correlate with specific products and/
or rituals on the SPP and MPP.
Product
Supporting
ojon.com styleguide 2011
home page
24 character maximum on promos; fits on 1 linecolor: #F5F53F, light grey
promotionsHome page promotions need to maintain a clean look. Color of text should always be light grey
(#F5F5EF). Text is 12.5 Interstate Regular, all caps, and fits on one line
home page
Content should maintain a clean and clear message. All product images should be placed below text. The header text can move up as necessary to accomodate taller products.
Small products should fit completely on screen.
48pxmin
10px space between color bar and text
16pt interstate light 16pt leadingcolor to match promoall lowercase
10px 6px Rule
20px Spacebetween promos
58px revealed when promo is closed
ojon.com styleguide 2011
multi-product pages
MPP content
Product content stays very consistent throughout MPP pages. All
products will have a minimum 72px gap between each product
and product information will always be centered underneath the
product it’s describing.
72px
left-align product and page title20px min buffer 68px max buffer
between nav and page content
min20pxmax68px
72px
max product height 432px
product baseline
MPP imagery432px (product height) 12px (reflection height)
variable product width. Height and width of product
should be scaled to look realistic optically. The
maximum height should never exceed 432px. Text
should be left-aligned and centered under the product.
12px reflection
desription is centered below the product
ojon.com styleguide 2011
Acuvue Acuvue is introducing a new product into the US market. I’m currently assisting with design exploration.
9
Artist WebsiteJ. Nicholas Corich is an artist out of St. Louis Missouri. This web site expands his presence to the web and thus a much larger clientele. I imagined and created a web atmosphere that incorporates the artist’s workspace and personality. 10
Acrow Bridges Website DesignAcrow is currently re-designing their website. The purpose of the website is to build the brand’s legacy by focusing on Acrow’s history. 11
You can make a longer bridge, a stronger bridge, or a wider bridge simply by using more components. The 700XS® Acrow Panel Bridging system is the third generation of improvements beyond the original, world-renowned Bailey Bridge. Briefly, the design of the new 700XS® System has produced a lighter bridge comprised of fewer components with a truss that is 50% taller than alternate panel bridges and, as a result, 50% stronger in bending and 20% stronger in shear.
You can make a longer bridge, a stronger bridge, or a wider bridge simply by using more components. The 700XS® Acrow Panel Bridging system is the third generation of improvements beyond the original, world-renowned Bailey Bridge. Briefly, the design of the new 700XS® System has produced a lighter bridge comprised of fewer components with a truss that is 50% taller than alternate panel bridges and, as a result, 50% stronger in bending and 20% stronger in shear.
Pedestrian
You can make a longer bridge, a stronger bridge, or a wider bridge simply by using more components. The 700XS® Acrow Panel Bridging system is the third generation of improvements beyond the original, world-renowned Bailey Bridge. Briefly, the design of the new 700XS® System has produced a lighter bridge comprised of fewer components with a truss that is 50% taller than alternate panel bridges and, as a result, 50% stronger in bending and 20% stronger in shear.
Railroad
You can make a longer bridge, a stronger bridge, or a wider bridge simply by using more components. The 700XS® Acrow Panel Bridging system is the third generation of improvements beyond the original, world-renowned Bailey Bridge. Briefly, the design of the new 700XS® System has produced a lighter bridge comprised of fewer components with a truss that is 50% taller than alternate panel bridges and, as a result, 50% stronger in bending and 20% stronger in shear.
Military
You can make a longer bridge, a stronger bridge, or a wider bridge simply by using more components. The 700XS® Acrow Panel Bridging system is the third generation of improvements beyond the original, world-renowned Bailey Bridge. Briefly, the design of the new 700XS® System has produced a lighter bridge comprised of fewer components with a truss that is 50% taller than alternate panel bridges and, as a result, 50% stronger in bending and 20% stronger in shear.
Beam
You can make a longer bridge, a stronger bridge, or a wider bridge simply by using more components. The 700XS® Acrow Panel Bridging system is the third generation of improvements beyond the original, world-renowned Bailey Bridge. Briefly, the design of the new 700XS® System has produced a lighter bridge comprised of fewer components with a truss that is 50% taller than alternate panel bridges and, as a result, 50% stronger in bending and 20% stronger in shear.
Moveable
You can make a longer bridge, a stronger bridge, or a wider bridge simply by using more components. The 700XS® Acrow Panel Bridging system is the third generation of improvements beyond the original, world-renowned Bailey Bridge. Briefly, the design of the new 700XS® System has produced a lighter bridge comprised of fewer components with a truss that is 50% taller than alternate panel bridges and, as a result, 50% stronger in bending and 20% stronger in shear.
Heavy Haul
Shoring & SuperpropsYou can make a longer bridge, a stronger bridge, or a wider bridge simply by using more components. The 700XS® Acrow Panel Bridging system is the third generation of improvements beyond the original, world-renowned Bailey Bridge. Briefly, the design of the new 700XS® System has produced a lighter bridge comprised of fewer components with a truss that is 50% taller than alternate panel bridges and, as a result, 50% stronger in bending and 20% stronger in shear.
Vehicular
181 New Road | Parsippany, New Jersey USA 07054-5625
T: +1.973.244.0080 F: +1.973.244.0085 E: [email protected] | www.acrowusa.com
Bridges
Home Quality Photos Bridges Contact
CREATING
ENGINEERED
SOLUTIONS
WORLDWIDE®
10