About
Welcome to Cole Codes! I am a Silicon Valley-based independent web and graphic designer, and casual illustrator. I have experience with designing for both Wordpress themes, as well as non-Wordpress sites; all of my final coding is mobile responsive. I also have a decade experience working with Adobe Photoshop. I really enjoy combining the technical aspects of coding with the artistic aspects of graphic design.
I currently work with the West Valley College digital media department, as the student assistant. I have fully coded, from scratch, the current West Valley Digital Media site, and have created flyers for the department.
MY ORIGIN STORY
I started with fansite design, designing graphic headers and coding themes, mainly Wordpress and Coppermine themes, for myself and for friends, which gave me many years of wonderful coding and Photoshop experience, all of which I am self-taught. However, a lot of my work over the years has been lost to the sands of time. Will we ever be able to recover them? Perhaps they will seemingly forever be as lost as the library of Alexandria.
SKILLS
- HTML / CSS
- Wordpress theme coding
- Mobile-responsive coding
- FTP / cPanel
- Designing layouts
- Adobe Photoshop
- Adobe Illustrator
- Autodidact / quick learner
HAS TAKEN CLASSES IN:
- Traditional Photography
- Web Development
- Adobe Photoshop / Illustrator
- Java programming
RESUME
Portfolio - Web Design
Click thumbnail to see more information about the project.Portfolio - Graphic Design
Click thumbnail to see larger image.50th Anniversary Logo - West Valley College Park Management
Flyers - West Valley College Digtial Media
Artist's Book (My Japan)
Social Media Graphics - West Valley College Fashion
Typography
Vector Art
Portfolio - Gallery
Click thumbnail to see larger image.
This is a gallery of some additional skills I have that I can incorporate into a design, including photography, photo colorization, and digital art.
Photography (Edited)
Digital Drawings
Contact
Please use the contact form below to send me an email. However, if you would like a quicker response, please send an email manually to contact[AT]colecodes[.]com. Thank you.By submitting an email through this contact form, you are agreeing to the PRIVACY POLICY of this website.
Privacy Policy
Request/Anonymize Your Data
You can have full control over deleting/anonymizing your data. Please contact us to have your data deleted/anonymized.Disclaimer
This Privacy Policy governs the manner in which ColeCodes.com collects, uses, maintains and discloses information collected from users (each, a "User") of the https://ColeCodes.com website ("Site").Personal identification information
We may collect personal identification information from Users in a variety of ways in connection with activities, services, features or resources we make available on our Site. Users may visit our Site anonymously. We will collect personal identification information from Users only if they voluntarily submit such information to us. Users can always refuse to supply personally identification information, except that it may prevent them from engaging in certain Site related activities.Non-personal identification information
We may collect non-personal identification information about Users whenever they interact with our Site. Non-personal identification information may include the browser name, the type of computer and technical information about Users means of connection to our Site, such as the operating system and the Internet service providers utilized and other similar information.Web browser cookies
Our Site may use "cookies" to enhance User experience. User's web browser places cookies on their hard drive for record-keeping purposes and sometimes to track information about them. User may choose to set their web browser to refuse cookies, or to alert you when cookies are being sent. If they do so, note that some parts of the Site may not function properly.How we use collected information
ColeCodes.com may collect and use Users personal information for the following purposes:To run and operate our Site
We may need your information display content on the Site correctly. How we protect your information We adopt appropriate data collection, storage and processing practices and security measures to protect against unauthorized access, alteration, disclosure or destruction of your personal information, username, password, transaction information and data stored on our Site.Sharing your personal information
We do not sell, trade, or rent Users personal identification information to others. We may share generic aggregated demographic information not linked to any personal identification information regarding visitors and users with our business partners, trusted affiliates and advertisers for the purposes outlined above.Changes to this privacy policy
ColeCodes.com has the discretion to update this privacy policy at any time. When we do, we will revise the updated date at the bottom of this page. We encourage Users to frequently check this page for any changes to stay informed about how we are helping to protect the personal information we collect. You acknowledge and agree that it is your responsibility to review this privacy policy periodically and become aware of modifications.Your acceptance of these terms
By using this Site, you signify your acceptance of this policy. If you do not agree to this policy, please do not use our Site. Your continued use of the Site following the posting of changes to this policy will be deemed your acceptance of those changes. This privacy policy was built the web's #1 privacy policy generator.Contacting us
If you have any questions about this Privacy Policy, the practices of this site, or your dealings with this site, please contact us.This document was last updated on May 22, 2018.
Web Design | West Valley Digital Media
Client: Digital Media Department at West Valley Collage
Type of site: HTML/CSS
Responsive?: Yes
aXe Violations: None
The West Valley Ditial Media website needed an update in its coding, so I coded a new layout from scratch and incorporated existing and updated information. It was required I use the school's colors of orange, navy blue, and white, and use the Digital Media logo provided to me by the department. I used simple sans-serif fonts to make reading easy on the eyes and incorporated a lightbox for the image samples.
You can view the West Valley Digital Media site online here: Digital-Media.WestValley.edu
Screen Captures
Click thumbnails to see larger image.
Web Design | Cilker School of Art & Design
Client: Cilker School of Art & Design at West Valley Collage
Type of site: HTML/CSS
Status: Layout Mockup
Program (Logo): Adobe Illustrator
The Cilker School of Art & Design is a school specialized in art, design, music, dance, and theater at West Valley College. The school is still new and finding its footing and because of that, the client requested for a text-only logo. It was required that the Cooper Hewitt font and it's variations (i.e. bold and thin) were used, and the school colors of orange and white were used.
For the layouts, I did not want the design to focus on any one department at the school, so I tried to implement different ways to equally showcase the programs offered at Cilker. As this just was a mockup for the homepage, I wanted the focus to be on the school as a whole and once one dives deeper into a specific program, the layout can shift slightly, such as with showcasing a banner with the title of the department.
Features implemented in design one: Slideshow, sticky navigation, hovers
Features implemented in design two: Sticky background, background fading, hovers
Logo Design (Prototypes)
Click thumbnails to see larger image.
Screen Captures (Mockups) + Banners
Click thumbnails to see larger image.
You can view the live mockups: VERSION ONE & VERSION TWO
*Currently full page mockup only - not mobile responsive.
50th Anniversary Logos | West Valley College Park Management
Client: West Valley College Park Management
Medium: Logo for any medium - Print & Digital
Program: Adobe Illustrator
The WPA (Works Progress Administration) has a history with National Parks. During the WPA movement, a number of Park Management posters were created to influence people to visit and view these natural sites in the USA. The head of the West Valley College Park Management department presented the illustrative WPA style as a starting point for inspiration for the 50th anniversary logo.
As the school is located in California, the client requested the following to be featured on the logo: the mountains, the desert, and the redwoods. Also requested to be on the logo were the words: "West Valley College Park Management" and "50th Anniversary." He wanted the design to be in earth tones, such as browns, greens, and blues.
After my initial sketches, I brought four designs to life in Illustrator, keeping in mind the illustrative style of the WPA. After meeting up again with the client, two of my designs were chosen for refinement. He wanted the years (1970-2020) to be on the logo, as well as the West Valley College logo. He also liked the idea of a badge-shaped design, which I implemented with my bear logo.
Logo Sketches and Prototypes
Click thumbnails to see larger image.
Flyers | West Valley College Digtial Media
Client: Digital Media Department at West Valley Collage
Medium: Print, double-sided
Size: 5"x7"
Program: Adobe Photoshop
I was tasked with creating new flyers for classes in the West Valley College Digital Media because there were new classes and information. I used the colors of the school and existing logo of the program to create the new flyers. The app design flyer features an iPhone vector I created. The images below show the front and back side of the flyers, side-by-side.
Flyers
Click thumbnails to see larger image.
Artist's Book | My Japan
Client: Self Project
Medium: Print, book
Program: Adobe Photoshop & Adobe Illustrator
For a class I was in, I was tasked to create an artist's book, which could be about anything I wanted it to be. As I am half-Japanese and my mother was in Japan at the time visiting her mother, I decided to make my book about my view of Japan, as my experience with Japan is very different than any others. The book reads right-to-left, as that is how books are read in Japan. Photographs of the final printed work will be added soon.
My Japan
Click thumbnails to see larger image.
Social Media Graphics | West Valley College Fashion
Client: West Valley College Fashion
Medium: Web, Social Media
Program: Adobe Photoshop
West Valley College had a fashion show, for which I made a few social media graphics. The first two were more fun, general graphics for Instagram, while the third is for information and the series of events that occurred, and for the latter, I was to use the school orange, the logo provided, and that specific font.
Fashion Show Graphics
Click thumbnails to see larger image.
