Welcome
Hi! My name is Elisabeth Butler, & this is my portfolio.
I'm a creative graphic designer with an unwavering love of all things artistic. I have more than 10 years of experience in building and designing websites and graphics of all kinds. My tools of choice include Adobe Photoshop and Illustrator, HTML, CSS, and PHP, and (of course) my own imagination. I'm friendly, flexible, and dedicated to providing my clients with not only a finished product that they will love, but also the best possible experience throughout the entire process.

Since you're here, you're probably interested in seeing some of my work, so please check out the sections below to see a variety of recent projects. You could also visit my blog for more info. Thanks for visiting, and please get in touch if you have any questions, comments, or if you would like to talk about hiring me.


About this website:
Although I've completed many projects over the years , I hadn't taken the time to put together a portfolio until now. I figured it was better to do it late than never, as the saying goes, so after several months of planning and organizing, Noon-thirty.com became a reality. The website was put on hold a few times while I worked on projects for clients, but by January 2011 I had everything finished and ready to go. I created all of the graphics in Photoshop and built the site from the ground up using HTML & CSS. I also installed a number of fantastic pre-written scripts to add some of the functionality I had envisioned as part of the design.
Websites



ThePrids.com, March 2011.
Note: If you visit this site from a mobile device, you will automatically be redirected to the mobile-friendly version.

The Prids are a band from Portland, OR, and they have maintained an active web presence for several years now. I was contacted by a member of the band about redesigning their pre-existing website, and given an idea of what they wanted for the new look (clean, simple, centered layout, minimal colour). They also requested Facebook connectivity (specifically the ability to have their Facebook page newsfeed be mirrored at their website), and a mobile-friendly version of their website.
In addition to the new design and features that the band requested, I made some changes and updates to their site to provide even more opportunity to connect with their fans. I redesigned their entire tour dates section, incorporating Google calendar so that fans can add dates to their personal calendars and invite friends, and I added buttons for sharing each event on Facebook and Twitter. Among other things, I also created a password-protected page for members of the press, and installed and customized a script for selling their MP3s right from their site, using the Digital Shop software.
The band were very happy with the new website's look and features, and the social network add-ons will make it easier for the band to connect with their fans and keep them updated. The Prids are one of my favourite bands of all time, and I am so thrilled to have been able to work on their website.

    Features:
  • Custom-made graphics designed according to client specifications, including favicons, apple touch icons, and much more.
  • Standards-compliant coding throughout, with complete compatibility with all major browsers.
  • Installation and set-up of various scripts to manage different aspects of the site, including a complete online shop for selling digital media, a lightbox script to handle images, and a customized navigation menu.
  • Complete search engine optimization.
  • Customized integration of social networking features, including an automatic facebook newsfeed.
  • Creation of a mobile-friendly version of the site, with automatic redirection for visitors using mobile devices.



RealityAsylumBooks.com, December 2010.

This website needed to have certain features, including an events page, a guestbook, and sections with information about their published material. A quick and easy way to maintain and update the content was also necessary.
The site owners had a specific look in mind, and the final result was achieved collaboratively through discussion and exchange of ideas between myself and the client. I created the design in Photoshop using a combination of hand-drawn and modified photographic elements.
I programmed the website using HTML and CSS, and implemented a pre-written script to handle content scrolling. I opted to install Pixie as a content management system, and converted my original design to a custom template for use within Pixie. I also substituted Pixie's default comments module with a much more robust script called Talkback, and customized it especially for this website.
The site owners were extremely pleased with the finished website, and it was a real pleasure to work with them throughout the project.

    Features:
  • Custom-made graphics designed according to client specifications.
  • Standards-compliant coding throughout.
  • Installation and set-up of various scripts to manage different aspects of the site, including a complete content management system.
  • Utilization of the CSS @font-face attribute to retain the look of the navigation menu while keeping the text completely editable.



Some Girls Are Bigger Than Others, September, 2010.

This project was a lot of fun to work on, but also presented several unique challenges. The goal was to produce a distinctive template for use with a personal blog hosted remotely by Blogger.com. The template needed to be completely integrated with the Blogger platform, and the blog owner requested additional functionality, including a tabbed navigation menu and custom linking buttons.
This client had very specific ideas in mind for the look of the template. She wanted to keep the basic two column layout that she was using at that time, and she asked that I incorporate a commissioned character illustration somewhere in the design. I drew all of the graphics for this site entirely by hand using both Photoshop and Illustrator, and designed the template to resemble a giant cupcake, with the content inside the "wrapper" and the header acting as its "icing". I utilized the character illustration as part of the header image so that it would be a prominent feature of the blog, and I obtained a sample of the client's handwriting and used it to create a personalized end-of-post signature image.
I programmed the basic site using HTML and CSS, converted it to function as a Blogger template, installed it for the client, and finally provided detailed instructions on how to edit the template if necessary.
Creating the graphics for this site was a fun and cheerful task, and the client's ability to communicate what she wanted made it easy to interpret her concepts artistically. I felt very inspired throughout the creation process and was really excited to see the final result in use. To view the additional graphics I created for this template, just click to the right of this window.

    Features:
  • Custom-made graphics tailored especially for the blog owner's personality and interests.
  • Standards-compliant coding throughout, completely integrated with the Blogger platform.
  • Creation of additional features and graphics for use within the blog, including hand-drawn linking buttons, tabbed navigation with rollovers, and one-of-a-kind images using the client's own handwriting.
  • Provided a series of annotated screen captures as a visual reference for future edits to the template.

Since early 1999, I have been building attractive, standards-compliant websites using HTML, CSS, and PHP.

I really love all aspects of web development, especially planning and creating the look and feel of a website. I truly enjoy working with clients throughout the planning and development process, and my primary goal is to make sure that each client is happy with the final result.

Currently in my portfolio are three websites that I have completed recently. Each of these sites had its own unique purpose, requirements, and visual style, and I worked closely with the individual site owners to achieve exactly what they wanted. Please click on each thumbnail for a larger view and more information about each project.

Want to discuss hiring me for a web design project? Please contact me so we can arrange a time to talk.
Print



Book cover for Razorwire Embrace, January 2011.

I designed the cover for Razorwire Embrace after reading through a draft copy of the book provided by the author, whose only specification was that the colour red be featured in the design. I had an idea immediately after reading the book, and started with a rough sketch on paper followed by an entirely hand-drawn vector illustration in Photoshop. The artwork was inspired by the title & content of the book as well as religious Sacred Heart imagery.
Ms. Raven and I were both very pleased with the finished design, and I was thrilled to be able to work with her again.



Book cover for Dial 999, September 2010.

I designed the cover for Dial 999 after discussing how it should look with the author. She wanted a ransom note-esque style with a limited palette of black, white, and red. I drew "torn newsprint" vector graphics in Photoshop, and arranged them haphazardly to suggest a hastily composed ransom note. Each letter in the title is represented by a different font, which I selected based on their styles to reinforce the ransom look.
This artwork was used both on the cover of the book itself and on other printed material such as promotional postcards.



Concert poster for Market Zero, July 2010.

This poster was commissioned a couple weeks in advance of the concert date. I created the poster in Photoshop incorporating public domain images and a muted color palette that both appealed to the band and suited the venue's atmosphere. The finished poster was presented to the band in a variety of high resolution print-ready file formats along with a color laser printed sample.

In addition to creating graphics for use on the web, I have recently begun designing for printed mediums.

Using a Wacom tablet in conjunction with Adobe Photoshop and Illustrator, I've created original artwork according to client specifications. I have also designed graphics using a combination of original work and images in the public domain. My designs for print have been used both commercially and in less formal circumstances.

If you'd like to see some of my recent work, please click on the thumbnails to the left for a larger view and more information about each project.
Would you like to discuss working with me on a design for print? Great! Just drop me a line and we can set up a time to talk.
Miscellaneous


Vector portrait, November 2010.

I created this stylized vector illustration of my mother's high school graduation portrait as part of a journalling project I took part in during the fall of 2010. If you would like to see the original photo for comparison, just click to the right of this window.



"Spookhouse", October 2010.

I created this font on my iPad using the iFontMaker app. I completed the font before making the decision to purchase a capacitive stylus, so each character and illustration was entirely hand-drawn using only my index finger. :)



The Ultimate Zombie Apocalypse Quiz, March 2008.

The Ultimate Zombie Apocalypse quiz is an ongoing pet project of mine that first began in the fall of 2007. At that time, there were already plenty of zombie apocalypse survival quizzes online, and I had probably taken every one of them. I decided to create my own quiz which would be extremely comprehensive and detailed, covering a wide range of hypothetical circumstances.

After a lot of thought and planning, I began to compose questions & multiple choice responses, and started developing the complicated scoring system. I had created several (much simpler) quizzes in the past which utilized a custom CGI script written especially for me by my husband, Adam (who happens to be an awesome programmer), but I knew that this quiz would require something much more complex than that. Once I had written all of the questions & answers, mapped out how to score them, and decided how I wanted everything to function, I approached Adam about creating a new and completely unique script. He was interested in the challenge, so we began working together to interpret my scoring system into a CGI script.

By March of 2008 the script was finished, I had built the simple website and created the title graphic, and we were ready to go live with the first version of the quiz. In October of 2010 I updated the quiz with some minor changes, and I'm currently working on a much larger update in my spare time. Since the debut of the quiz in 2008, it has gradually become somewhat popular with online quiz-takers. I never promoted or advertised the site, so people became aware of it primarily through word of mouth and having seen scores posted in public forums and personal profiles. That surprised me a bit, but I guess some things take on a life of their own.
Although the quiz always was and will remain just a fun side project for me, I'm proud of the collaborative effort between myself and Adam.

Art and design have been a fundamental part of my life for as long as I can remember, and I have always been driven by the need to create.

Unlike the rest of my portfolio, the items on display in this section were not created for clients. Instead, these are personal projects and things created simply for my own enjoyment using a variety of mediums and techniques. I have included these to provide a more comprehensive look at my abilities, and I hope you will enjoy them.

Please click the thumbnails to see a larger version and details about each image. If you have any comments or questions about these items feel free to contact me.
Photos
Photography has long been a passion of mine, and I love taking pictures for use in my artwork and just for the joy of doing it.

I recently finished a "365" photo project in which I took a picture for each day of the year. Taking 365 different photos turned out to be a lot more challenging than I originally expected, so I'm very proud of myself for having completed the project.

I've included a selection of images from my 365 collection, and I hope you will enjoy viewing them. Clicking on any thumbnail in the group will open a larger image with details, and you can access all 12 of the photos from within the same window. Just click to the left or right of any enlarged image to move forward or backward through the set. If you have any comments or questions about my photography, please let me know.