The graphics below comprise a selection of the layouts and other web graphics I have created over the years. Click on the thumbnails to view a full-size image. For the original PSD files or links to the live sites (if not given), please email me.
Print & Graphic Designs
Coffee & Cookies flyer (Rapid Visualization Project)
WGD 205 (Advanced Design and Rapid Visualization) – For this assignment, I designed two different flyers for the fictional coffee shop “Coffee and Cookies.” The design utilizes stock photography, guides, layers, layer styles, various font effects, and opacity effects. The second flyer is below.
Coffee & Cookies (Rapid Visualization Project) v2
This second flyer in the assignment utilizes stock photography, layers, layer styles, font effects, as well as textures and patterns.
Orange County Fair Poster (Web Graphic Design Project)
WGD 201 (Visual Design Fundamentals) – For this assignment, we had to create a “collage” with a consistent theme. I chose to make a flyer for the Orange County fair, utilizing a collage of orange stock photos, along with brushes. Utilizes layers, layer styles, gradients, and various font effects.
NSCS Holiday Card
National Society of Collegiate Scholars Holiday Card entry – The NSCS holds an annual contest for student members to design its holiday card; this was my entry, featuring my original artwork. The art utilizes brushes, textures, and layer styles.
Hunger Banquet Postcard (front)
The Hunger Banquet is an event put on by the California State University – Northridge chapter of the National Society of Collegiate Scholars to bring awareness to poverty and hunger in the world. The postcard was printed and distributed to students as an invitation to the event. Utilizes layers and layer styles, opacity effects, guides, and filter effects.
Hunger Banquet Postcard (back)
The Hunger Banquet is an event put on by the California State University – Northridge chapter of the National Society of Collegiate Scholars to bring awareness to poverty and hunger in the world. The postcard was printed and distributed to students as an invitation to the event. Utilizes layers and layer styles, opacity effects, guides, and filter effects.
Web Design Layouts
Note: These are thumbnails of the actual layouts, not live as they appear on the Web, but after they are done being composed and assembled in Photoshop.
Coffee & Cookies website (Rapid Visualization) menu
WGD 205 (Advanced Design and Rapid Visualization) – Another assignment in the same vein as the above flyers was to design a website for the Coffee & Cookies chain. However, the sites were only wireframed, never fully coded, so this is an illustrative example of the website only. The design utilizes layers, layer styles, guides, font effects, filter effects, and patterns.
Coffee & Cookies website (Rapid Visualization Project)
WGD 205 (Advanced Design and Rapid Visualization) – Part two of the above assignment; this page represents the “menu” page for the fictional Coffee & Cookies chain, and utilizes the same tools as the layout illustration above
Fresh Air (Web Graphic Design Final Project) layout
WGD 201 (Visual Design Fundamentals) – For my final project in this course at DeVry University, I designed a functional website for a fictional company, Fresh Air Air Conditioners. Above is an example of the site’s layout, featuring layers, layer styles, guides, slices, opacity effects, filter effects, image maps, CSS styling including rollover-image hover menus, and HTML optimization.
Memorandum of Understanding layout
Memorandum of Understanding fanlisting layout – utilizes original Photoshop imagery as well as modified graphics (photographs, United States Marshal logo/badge), in addition to layers and layer styles, guides, slices, image maps, CSS retooling, HTML optimization, DIV layers, and inline frames.
Extravagant Sky layout
Extravagant Sky fanlisting layout – Designed to resemble the “comic book” feel of the show’s logo, seen in the upper right corner. Utilizes layers and layer styles, guides, slices, image maps, CSS retooling, gradients, DIV layers, and HTML optimization.
Gay Rights in America (Gender & Women's Studies Class Project) layout
Gender & Women’s Studies: Intersections of Gender, Race, Class, and Sexuality – Gay Rights in America project site layout – Designed to resemble an actual print newspaper, but to utilize web-only tools like image maps/links embedded within an image. Utilizes layers, layer styles, guides, slices, HTML optimization, CSS retooling, image maps, and DIV layers.
Blue Eyes and Apricots layout v1 (big)
Blue Eyes and Apricots fanlisting layout v1 – utlilizes manipulated artwork, layers, layer styles, guides, slices, image maps, CSS retooling, HTML optimization, and inline frames. (Note: the link will take you to the current version of the site, which features a different layout than the above.)
Blue Eyes and Apricots layout v5
Blue Eyes and Apricots fanlisting layout v5 – utlilizes layers, layer styles, guides, slices, image maps, gradients, CSS retooling, HTML optimization, DIV layers, and inline frames.
Ace of Hearts layout
Ace of Hearts fanlisting layout – utlilizes layers, layer styles, guides, slices, image maps, gradients, CSS retooling, HTML optimization, DIV layers, and inline frames
Social Media Graphics for Functional Spaces Organizing
