Upload
layla-cecil
View
234
Download
6
Embed Size (px)
DESCRIPTION
ePortfolio for VIC6310.791S13.
Citation preview
1
PORTFOLIOLAYLA JUNE CECIL|05.2013
2
portfolio
ABOUT ME
Greetings. My name is Layla Cecil. Born and raised in Northwest Georgia, I moved to Southeast Florida in 2004.
I completed my Bachelor’s in Philosophy, with a Classics concen-tration, at FIU in 2009. Moreover, I am slated to graduate from USF with a Master’s in Instructional Technology in May of 2013. I am also currently pursuing a Web Development degree at High Tech North in Cape Coral; I am scheduled to complete this program in June of 2013.
My current interests include motion and infographic design, programming, contemporary French Classical scholarship, and responsive design.
Photoshop IllustratorInDesignDreamWeaverAfter EffectsFlashCSS3HTML5JavaScriptSEOSocial Media MarketingMicrosoft Office
PROFILE SKILLS
Layla J Cecil [email protected]
CONTACT
3
cecil
CONTENTS
page 4 page 6
page 8 page 10
page 12 page 14
4
portfolio
ADVERTISEMENT Habempra volutur bistod re menam essimed facrentiam. Ipiero hiliam prem me di pos cont.
Ucienaremur pri sidiusa adeps, none cuperet incles hactorum. Duceps, quo teme essentes aticibem a mei ponsiliac fuius? At in potam. Li, cones conena, publis con sulis hacci imusceris, num iptique fecultus coni sulis; in deripio, Ti. Todie effremus egerio et
COOTIESPHOTOSHOP|02.13
5
cecil
ADVERTISEMENTHabempra volutur bistod re menam
essimed facrentiam. Ipiero hiliam prem me di pos cont.
Ucienaremur pri sidiusa adeps, none cuperet incles hactorum. Duceps, quo teme essentes aticibem a mei ponsiliac fuius? At in potam. Li, cones conena, publis con sulis hacci imusceris, num iptique fecultus coni sulis; in deripio, Ti. Todie effremus egerio et nerum tebatu me patusa consua con dies cul vesed rei
6
portfolio
COLOR PROFILE For this assignment, I was tasked with generating a color scheme from an inspirational image, mapping the selected colors to a color wheel, and then applying the color scheme to a design project of my choosing.
This project was a joy to work on, and I was very pleased with the end results.
THE COMPANY WEBSITEPHOTOSHOP|02.13
7
cecil
COLOR PROFILE
For my inspiration image, I chose an image of my home town, Rome, Georgia. This picture captures Rome’s Broad Street, as seen from atop a parking deck on a hill above Rome’s Downtown district.
I immediately felt drawn to the light blues of the sky, as well as the darker blue of the roof in the foreground. In this early stage of my project, I chose to pursue a monochromatic color scheme featuring my favorite color : blue.
My color choices can be seen, here. Each color swatch is presented in its own tile; moreover, the colors are also mapped relative to one another on a color wheel.
8
portfolio
COLOR PROFILE, CTD.
I knew, from the onset of this project, that I wanted to create a website design with my color profile.
Not only am I working towards my Master’s degree, I’m also currently enrolled in a full-time web development program, at a local technical school.
I came across the Nina font featured on Freebiesbug.com and immediately felt drawn to the font. It’s such a strong type-face. I made it a point to incorporate it into my website design.
Grids are crucial to web design, espe-cially owing to the need for responsive web design (design that can accommodate multiple devices and screen sizes).
For this project, I used a 16-column grid template from the 960.gs site.
9
cecil
COLOR PROFILEAs the web has matured, the structure
of websites has grown more uniform and predictable. For this assignment, I wanted to conform with “best practices” for my template design.
The wireframe, to the left, represents my early vision for the site.
The majority of the elements shown (including the logo, contact information, navigation, featured image, site map, and bottom-logo) are in their customary loca-tions for web interface design.
10
portfolio
COLOR PROFILE, CTD.I enjoyed working on this design, and I
was very pleased with my initial draft. The 16-column grid proved to be very
helpful, and the Nina font added a consid-erable amount of character to the page.
During the critique stage of the project, my peers recommended the addition of a complementary color to my color scheme to serve as an accent color.
11
cecil
COLOR PROFILEI returned to my inspiration image and
ultimately selected an orange color to help augment the design.
I was impressed with the results. The orange really helps guide the user’s eye through the site and adds visual interest to the page.
I loved working on this project, and I’m quite proud of the end design.
12
portfolio
POSTER Habempra volutur bistod re menam essimed facrentiam. Ipiero hiliam prem me di pos cont.
Ucienaremur pri sidiusa adeps, none cuperet incles hactorum. Duceps, quo teme essentes aticibem a mei ponsiliac fuius? At in potam. Li, cones conena, publis con sulis hacci imusceris, num iptique fecultus coni sulis; in deripio, Ti. Todie effremus egerio et
THE LOVE OF THREE ORANGESPHOTOSHOP|03.13
13
cecil
POSTERHabempra volutur bistod re menam
essimed facrentiam. Ipiero hiliam prem me di pos cont.
Ucienaremur pri sidiusa adeps, none cuperet incles hactorum. Duceps, quo teme essentes aticibem a mei ponsiliac fuius? At in potam. Li, cones conena, publis con sulis hacci imusceris, num iptique fecultus coni sulis; in deripio, Ti. Todie effremus egerio et nerum tebatu me patusa consua con dies cul vesed rei
14
portfolio
TYPESETTING Habempra volutur bistod re menam essimed facrentiam. Ipiero hiliam prem me di pos cont.
Ucienaremur pri sidiusa adeps, none cuperet incles hactorum. Duceps, quo teme essentes aticibem a mei ponsiliac fuius? At in potam. Li, cones conena, publis con sulis hacci imusceris, num iptique fecultus coni sulis; in deripio, Ti. Todie effremus egerio et
LAWN LUSTPHOTOSHOP & INDESIGN|04.13
15
cecil
TYPESETTINGHabempra volutur bistod re menam
essimed facrentiam. Ipiero hiliam prem me di pos cont.
Ucienaremur pri sidiusa adeps, none cuperet incles hactorum. Duceps, quo teme essentes aticibem a mei ponsiliac fuius? At in potam. Li, cones conena, publis con sulis hacci imusceris, num iptique fecultus coni sulis; in deripio, Ti. Todie effremus egerio et nerum tebatu me patusa consua con dies cul vesed rei
16
portfolio
BRANDING Habempra volutur bistod re menam essimed facrentiam. Ipiero hiliam prem me di pos cont.
Ucienaremur pri sidiusa adeps, none cuperet incles hactorum. Duceps, quo teme essentes aticibem a mei ponsiliac fuius? At in potam. Li, cones conena, publis con sulis hacci imusceris, num iptique fecultus coni sulis; in deripio, Ti. Todie effremus egerio et
BRAINKETTLE.COMILLUSTRATOR & INDESIGN|04.13
17
cecil
BRANDINGHabempra volutur bistod re menam
essimed facrentiam. Ipiero hiliam prem me di pos cont.
Ucienaremur pri sidiusa adeps, none cuperet incles hactorum. Duceps, quo teme essentes aticibem a mei ponsiliac fuius? At in potam. Li, cones conena, publis con sulis hacci imusceris, num iptique fecultus coni sulis; in deripio, Ti. Todie effremus egerio et nerum tebatu me patusa consua con dies cul vesed rei
18
portfolio
CHARTS Habempra volutur bistod re menam essimed facrentiam. Ipiero hiliam prem me di pos cont.
Ucienaremur pri sidiusa adeps, none cuperet incles hactorum. Duceps, quo teme essentes aticibem a mei ponsiliac fuius? At in potam. Li, cones conena, publis con sulis hacci imusceris, num iptique fecultus coni sulis; in deripio, Ti. Todie effremus egerio et
MASTER’S & BPILLUSTRATOR & INDESIGN|04.13
19
cecil
CHARTSHabempra volutur bistod re menam
essimed facrentiam. Ipiero hiliam prem me di pos cont.
Ucienaremur pri sidiusa adeps, none cuperet incles hactorum. Duceps, quo teme essentes aticibem a mei ponsiliac fuius? At in potam. Li, cones conena, publis con sulis hacci imusceris, num iptique fecultus coni sulis; in deripio, Ti. Todie effremus egerio et nerum tebatu me patusa consua con dies cul vesed rei
20
portfolio
RESOURCESp. 6 | laptop website mockup | http://www.psdcovers.com/mb15retina001/
p. 5 | poster hanging from paper clips | http://bluemonkeylab.com/portfolio/free-flyer-poster-mock-up/
p. 5 | closeup, diagonal flyer mockup | http://carlosviloria.com/2012/01/flyer-poster-mockup-free-psd/
p. 9 | hands holding up poster | http://creattica.com/free-psd-files/poster-mockup-template-psd/73002/
p.11 | open magazine | http://www.psdcovers.com/mag004/
p. 15 | open magazine, diagonal | http://www.psdcovers.com/mag003/
p. 13 | stack of business cards | http://www.psdcovers.com/businesscard002/
p. 10, p. 14 | magazine mockup | http://carlosviloria.com/2011/12/magazine-mockup-psd/
p. 5 | poster mockup | http://carlosviloria.com/2012/02/flyer-poster-mockup-vol-2/
p. 12 | logo mock-up | http://medialoot.com/blog/free-realistic-logo-mock-ups/
21
cecil
Thank you...
For more information, visit my site:www.laylacecil.com.