BACK TO CATEGORIES
Title: Founders' Day HTML Email
Description: Part of a campaign promoting an annual college foundatiaon fundraiser
Role: Design, layout, coding, graphics
Details: I created the visual design for the campaign and created the print and email invitation. There is a lot of content, and this works in Outlook!
View Email Live
Title: ECC School Catalog
Description: Full school catalog. Includes department, school, legal, and tranfers information, in addition to courses the the year.
Role: Designer, layout artist
Details: Photo acquisition, photo retouching, design elements, advanced stylesheet, typography, layout, prepress.
Brochure/Menu/Mailer
Menu with tear-off coupon strip
Demo piece for direct mail project.
Title: Direct Mail Menu with Tear-off Promo
Description: Four-panel demo template used for personal promotions and teaching demos
Role: Design, layout, template, stylesheet, illustration, logo and brand design.
Details: Design elements and template for teaching typography students layout techniques, advanced InDesign features, styling systems, complex folds, font pairing, pubishing techniques, printing two-sided, and finishing techniques.
Title: Spartan Terrace Promo
Description: Biannual HTML email outlining theatre/restaurant events
Role: I designed the print promotion and graphics, and coded the email.
Details: This was hand coded and scheduled with Campaign Monitor. Individual coupon codes were provided. Contains hand-coded shares and CTAs and a link to the PDF schedule.
View Email Live
Spartan Terrace Restaurant
Restaurant Calendar of events.
Semester restaurant schedule. Responsive design, swapping header. Designed to work in Outlook 2011 and other email clients.
View online.
Title: Continuing Eduation Schedule
Description: Non-credit education schedule. Print and online-interactive
Role: Designer, layout artist
Details: Responsible for: All layout, photo acquisition, photo retouching, design elements, stylesheet, typography, prepress/production.
View interactive PDF
Title: Continuing Eduation Schedule
Description: Non-credit education schedule. Print and online-interactive
Role: Designer, layout artist
Details: Responsible for: All layout, photo acquisition, photo retouching, design elements, stylesheet, typography, prepress/production.
View interactive PDF
Title: Lark Sparrow Press Website
Description: Fine Art Books. Artists showcase
Role: Photography, photo editing/retouoching, design, layout, develoopment
Details: The site was originally created by myself in 2002 and used a considerable amount of flash animation, which has now been replaced by layers of JQuery as client did not wish to have a complete overhaul. The artist participates in events and exhibits his work. The site is also used to aid in generating interest for sales.
View live
Title: Web II Class Demo
Description: And, my first true responsive site
Role: Instructor, designer
Details: A class project designed and developed alongside students using Dreamweaver's responsive grid feature (abandoned tool). There were three pages created, and a responsive swapping header image. Artwork, brand, logos were designed by myself. Photoshop, Illustrator, HTML, and CSS. 2011
View live
Title: RRFW, Non-Profit Website
Description: Client project
Role: Project manager, designer, developer
Details: Two former students joined my non profit business to create a website for abused women. One student developed the brand and some assets and the other student worked with me to code and style. Some graphics created by myself.
View live
Title: Assesment Landing Page Mock Up
Description: UI design for Pearson Education
Role: Visual Designer
Details: The test required provided elements to be used in a landing page design and brief instruction (font-size and colors). Other instruction was not provided. In researching, I found the actual page on the website I was instructed to design for, and I created an improved version: changed color of shirt in provided photo, and I improved the typography styling and layout—in general. I thought the design was great (albeit font-size too small for a landing page).
Below link: I think mine is better and not so scary (except for the small type and too much copy)
View the new page on their site now
Title: ECC Founders' Day Brunch
Description: Annual event honoring supporters of the foundation.
Role: Design, layout, development, and launch
Details: Some Dreams theme was created by myself with the graphic of the three grads and the logo. The tactics included: Save the date, print invitation, reply card, even brochure/schedule, and email! Lots of fun, but I am not responsible for the colored body copy.
View Email Live
Title: Technical Drawing
Description: Technical drawing for a product catalog
Role: Designer
Details: Illustrator line art, tracing objects. Freelance work for a design group.
Title: Direct Mailer Menu w/Tearoff Promo Strip
Description: 4-panel menu, 2-sided, 4-panel fold, with a perferated tear off strip folded inside. Wafer sealed with mailing panel.
Role: Designer, layout artist, instructor
Details: This was a class project. I used a layout I did a few years prior for my resume/portfolio sample mailer. The tear off strip was my business card, but it also works great as a tear off strip of business card and coupons.
Direct Mail Menu with Coupons
Demo project. Parallel fold, 4-panel menu mailer with fold-in, tear-off coupon strip.
All elements concepted, created, composited, and designed by myself. Branding for ficticious restaurant. Used for a classroom project.
Title: Non Profit Donor Request
Description: RRFW is involved in helping young women globally. The email outlines many areas of difficulty and asks for help.
Role: I was the designer, and this was used as a demo for web/interactive classes.
Details: The email accompanied a new site design kickoff.
View Email Live
Title: College Field Trip Email
Description: Invitation to the Hamilton Wood Type Museum
Role: Instructor, designer.
Details: This is posted here for posterity (2013)—and it is the last sample. I was hoping to show how using web fonts could actually produce something cool, which in the case of industrial type, it did alright. Funny to note: The links at the bottom still work.
View Email Live
Title: Holiday Card
Description: Direct Mail Foundation Thanksgiving Card
Role: Designer
Details: Photoshop montage and typography. The idea was to be illustrative on the outside with images on the inside. The brand was difficult to incorporate in fall colors, so the butterfly blue and orange rules in the center bar, and blue bar at bottom validated brand. Brand lead out with butterfly on back of card. Technically this should have been a monarch, as this is the migration time of year.
Direct Mail
Various postcards
Title: Postcards - Direct Mail
Description: Creative direct mail pieces.
Role: Designer, layout artist, production
Details: Nalco was a piece created when I worked for an agency, and the Group Fitness promo was promoting a class at Elgin Community College where I worked as a designer.
Title: Auto-fill labels
Description: Food Service labels template set up to autofill
Role: Design and production
Details: I created the Food for Thought Café brand for the college and set up package labels to be quick printed for their items. The cafeteria also adopted the labels. Give them a try!
Give the live form a try!
Title: Auto-fill Postcards
Description: Personal Postcards for Academic Advisors
Role: Design and production
Details: Somewhat like mail merge, but on a small scale for the advisors, this allows them to create fill in their own information and mail to students.
Give these cards a try!
Fillable form long document
Electronic version of a print document.
Chinese publication used in international student registration.
Download and view the live document.
More fun with auto fill templates
Labels template form with automatic form fields
Created for counselors in Advising to complete the infomation in one card to populate another card automatically for the print shop to process.
Give it a try with the live form.
Title: Campus Giving Campaign Email
Description: An annual event to inspire college faculty, administration, and staff to contribute to a student fund.
Role: Layout and Development
Details: I adjusted the theme elements to fit the application. Hand coded.
Title: Enrollment Campaign
Description: Outlook-launch email campaign
Role: Layout and Development
Details: It is a challenge to email from Outlook using HTML and have it also look ok in other mail applications, but it can be done (as long as it isn't forwarded). Bonus: It can also be responsive!
Title: Job Fair Email
Description: Career Builder
Role: Layout and Development
Details: Annual job fair hosted by ECC. The large blocks of color and strong copy of the ECC brand works fairly well for email. The response for this was very good!
Identity
Logo Design
Collection of some of my logo designs done in Illustrator. Liquid was created in Photoshop.
Title: Identity Branding
Description: Brand/Logos Sample 1
Role: Designer
Details: General collection of some brand logos. Night club, Jewel/Osco, freelance, college event, college café, and demos. Liquid was a Photoshop design.
Identity
Various Logos
All designed Using Illustrator except Some Dreams done in InDesign.
Title: Identity Branding
Description: Brand/Logos Sample 2
Role: Designer
Details: General collection of some brand logos. College campaign and freelance work.
Title: College Alumni Newsletter
Description: Updated look of a Biannual 8-page publication.
Role: Designer (concept, illustration, photo editing), layout artist (style sheet, pagination, grids, templates, prepress).
Details: Working with client and marketing specialist, Updating the formal publication was a fun project. It was always my goal to make the college publications more audienced focused.
View Newsletter
Publication
Alumni Newsletter
Concept/design/layout/graphics.
View PDF
Title: Course Information (Fact Sheets)
Description: College course brochure
Role: Designer, layout artist, production
Details: I updated the previous unengaging look by employing bertter typographic hierarchy and a set of styles for readability, blocks of color (college brand), dynamic shapes, and larger, edited/retouched photos. I created two styles of templates to streamline the editing process.
Title: Experian AutoCheck Ad Words
Description: Animated "Don't be Fooled" campaign ads.
Role: Design and animation
Details: Bannersnack app was used for HTML5 animation for this series. All were two-frame animations. Layout in Photoshop artboards.
Title: Event Website Design and Development
Description: Sandwich Fair Annual Event – DeKalb County Fair
Role: Project manager, designer, and developer
Details: Graphics were initially concepted by a former student for a class project in 2011. The website quickly grew to an audience of 3,000 to 4,000 visits per day during the season, with an audience that is 75% mobile. Site was redesigned in 2017 fall, and new management discontinued the mobile- and user-centric design for CMS functionality (2018).
Title: Experian Vehicle Reports Responsive Ad
Description: Three screen sizes shown of the same add
Role: Design/Development
Details: Working with the product manager and marketing, this ad was to be placed on a partner site (KBB) and needed to be responsive to work with their new site design. The HTML and CSS used flexbox for vertical spacing and Bootstrap to push and pull elements.
See the ad live
Title: Buzzworthy Coffee/News Café Test Site
Description: Assessment design and development for KaVo Kerr Interview.
Role: Designer and front end developer.
Details: The test was to create a landing page for coffee shop with a coupon and using a script font for a phrase. All graphic elements, images, copy, icons, logo, backgrounds were created by me and images were borrowed. The site framwork was purchased from Themeforest. I elaborated and made the business a news/coffee house with streaming news at each table. No kids allowed!
See the page live
Title: College Application (Chinese)
Description: Digital PDF fillable form document and print document. Long form.
Role: Designer, layout artist
Details: Document is for foreign students. It is a long application and process. The applicant is guided through the application process. This document is design to be user friendly.
View interactive PDF
Title: College Application (Chinese)
Description: Digital PDF fillable form document and print document. Long form.
Role: Designer, layout artist
Details: Document is for foreign students. It is a long application and process. The applicant is guided through the application process. This document is design to be user friendly.
View interactive PDF
Title: Magazine Publication
Description: Redesign of magazine for the American Bar Association, Human Rights Division.
Role: Designer, layout artist, production artist, photo editor
Details: Keeping the logos and general brand colors, the brand was given more substance and emotional quality through imagery and strong layout. In-depth styles for a future streamlined system. Cover design was involved, and I was encouraged to keep costs down by using graphic elements.
View Complete Newsletter (2.1MB)
Newsletter
Seasonal Publication
Design, Layout, and photo editing. Strongly branded, college foundation publication. The Foundation branding standards originate from this publication. Credit for Purses With Purpose word mark: Lisa M. Murphy, Graphic Designer, ECC.
Vew full PDF
Title: College Newsletter - IMPACT
Description: Biannual newsletter for the college foundation.
Role: Designer, layout artist/production
Details: As part of a rebrand effort, I assummed the role of designer for this 12-page publication. Many new elements were designed to be editable in future publications. Styles were a focus to help streamline future processes.
View interactive PDF
Title: Photography Montage
Description: Montages for limited image resources
Role: Graphic Designer/Retoucher
Details: When the right student is needed for the right message for age, gender, and other target audiences, it is often necessary to create a composition, borrowing from other images and mixing them.
Title: Photography Merge
Description: Photo merge with Photoshop
Role: Photographer/editor
Details: A 45" panorama of ECC was created from 23 images. Shot early in the morning, the light was more even and merging less tedious. This was useimage was used for the school catalog and other ppromotional pieces.
Title: Events – Posters, flyers, direct mail, …
Description: General marketing pieces for events
Role: Designer, layout artist/production
Details: Working for the college, fresh ideas and layout designs were in high demand and the college had many events to promote. Event branding and design were usually great fun because they were more open to creative solutions.
Title: Events – Posters, flyers, direct mail, …
Description: General marketing pieces for events
Role: Designer, layout artist/production
Details: Working for the college, fresh ideas and layout designs were in high demand and the college had many events to promote. Event branding and design were usually great fun because they were more open to creative solutions.
Title: Newsletters
Description: Newsletter Samples from freelance, non profit work, and teaching
Role: Designer, layout artist, instructor
Details: Newsletters are a great teaching and learning tool because they contain so many elements of the design process: Brand, supporting branded graphics and elements, type pairing for message, grid use, stylesheets (system of type), photo aquisition/retouching/optimizing, and the challenges of working with directives and uneditable copy. Food Matters was a cooperative effort among students and myself for a non-profit project.
Title: Photo Retouching
Description: Correcting and photo repair
Role: Photo Editor
Details: I have done years of retouching, and mostly old family photos, however these skills are used professionally almost daily. It is rare that a photo doesn't need to be corrected or retouched before being placed on a web page or in a print piece.
Title: Savings Across the Miles Catalog
Description: Print Quarterly for WMH Tool Company.
Role: Designer, layout artist
Details: Images, promos art, layout, production of quarterly publication. Brands and products are Jet, Wilton, and Powermatic.
View Catalog Highlights
Title: Design for Non Profits Website
Description: My non-profit organization
Role: Designer/Developer
Details: This was an HTML/CSS class I took to knock some sense into my head to quit relying on Dreaweaver and learn to hand code. This instructor was crazy awesome with W3C and accessibility, and I went a bit overboard. This is not responsive, but the form is a PHP I found, and managed to get working. I started my non profit at the same time I took this class, so this worked out well as a final project. It is here for posterity. 2009. Updates were to student names only.
View a live version
Title: Interactive Website Wireframe
Description: User flow — navigation and architecture exploration for client
Role: Designer, instructor
Details: This was a project of mine and a project I tortured my web class with. It was part of their design and development process to learn InDesign interactive features and to define their website navigation. The wireframe here is an actual deliverable for the Sandwich Fair website, 2012.
View interactive PDF
Title: Interactive Website Wireframe
Description: User flow — navigation and architecture exploration for client
Role: Designer, instructor
Details: This was a project of mine and a project I tortured my web class with. It was part of their design and development process to learn InDesign interactive features and to define their website navigation. The wireframe here is an actual deliverable for the Sandwich Fair website, 2012.
View interactive PDF
Title: Advertorial – Harper College
Description: Daily Herald 4-page section
Role: Designer, layout artist, production
Details: Full-color, 4-page advertorial layout. I updated the typography of the testimonials theme for the full justification, and updated graphics for it. I did the layout for the 4 pages and worked with existing art to match color themes.
View Advertorial
Title: Manual of Layout Techniques
Description: An interactive workshop manual written, designed, and styled by myself
Role: Instructor, designer, layout artist, production artist (electronic)
Details: The manual includes attachments to help with instruction. It is interative and includes bookmarks. It is an old document, however much of the content is current and it is still very useful as a reference tool.
View manual in browser or download for attachments and full experience
Title: Manual of Layout Techniques
Description: An interactive workshop manual written, designed, and styled by myself
Role: Instructor, designer, layout artist, production artist (electronic)
Details: The manual includes attachments to help with instruction. It is interative and includes bookmarks. It is an old document, however much of the content is current and it is still very useful as a reference tool.
View manual in browser or download for attachments and full experience
Title: Pearl Gala Event
Description: College foundation fundraising event
Role: HTML and layout. I was not involved in the design of the campagn theme or graphics.
Details: Times Italic is formal and elegant and worked well for the theme. It is not a template and time was not provided for mobile needs.The header art was created from original artwork to fit the application.
View Email Live
Title: Conference Materials
Description: Website design and layout with forms, conference schedule, brochure, postcard save the date, and postcard invitation.
Role: Designer/Developer
Details: The school organization is non profit. The conference is about retaining first-year students and covers a variety of topics. There are four area colleges who participate.
117 x 45 oversized banner
Semester recognition banner for students who achieved Dean's List, President's list, or Honors list to hang in the common area.
Large format hanging banners for Elgin Community College
60"-wide hanging banners and 88" Dean's list banner. The Dean's list banner uses two text frames with multiple columns in each. Column number, leading and column gutter were adjusted for fit.
Large format windowshade banners–WMH Tool Group
60" tall banners. Photoshop montages.
Large format windowshade banners–WMH Tool Group
60" tall banners. Photoshop montages.
Title: KaVo Product Service and Repairs Page
Description: Complex information page explaining the steps involved in returning products to be serviced, FAQ, shipping information, and general contact information.
Role: Content design and layout, copy editing, HTML and CSS structure, with Bootstrap for additional page navigation. Drupal website.
Details: Previous content to be reworked and laid out in a user-centric approach to obtaining information easily.
See the page live
Title: KaVo Testimonials section redesign
Description: Testimonials area of the site needed redesign/rework. The solution allows for more options and is more readable.
Role: Web page designer and front end developer.
Details: Redesign bootstrap layout to allow for consistent content with images and to accommodate variable copy.
Title: Snapchat Geofilter for Elgin Community College
Description: Communications and marketing project
Role: Graphic designer
Details: A few variations were created because Snapchat is reluctant to allow college logos; therefore the logo was uniquely represented in a design and college emblem was removed.
Title: Experian AutoCheck Landing Page
Description: A results and landing page
Role: Graphic designer, digital designer/developer. Working with the marketing team and visual designer. Brought on as a contractor to create this page.
Details: Originates with form to fill in automobile information, which is populated into fields in this page. Art was reworked and destop mockup was translated and adjusted to acccommodate responsive framework and functionality.
View Live Demo
Title: KaVo Kerr Blog Mockups
Description: Mockups for a site expansion. Work in progress.
Role: Graphic designer, digital designer/developer.
Details: Currently working on a full-service blog offering interest-related content via navigation and filtering and highly readable content. Careful updating to the site brand.
Title: Duratran image
Description: Late afternoon is the best time to capture backlighting or reflective light off objects.
Role: Photo Editor
Details: Personal work. This is for a duratran, however it is expensive and hard to find a good printer. I'll be sure to post when I get my lightbox frame!
Title: Fint Art
Description: Black and white nature
Role: Photo Editor
Details: Personal work. The most important Photoshop tool was the black and white filter. This would also make a nice lightbox piece. The small size here doesn't reveal the detail.
Packaging die and prototype
Demo project involving logo/brand/identity, developing brand and supporting graphics.
