Here's what I've been working on

Web Design

lblake
web-design-custom-landing-page-origin
custom-web-design
web-design-custom-wordpress-theme
web-design-custom-wordpress-theme-royal-sem
web-design-custom-wordpress-theme-royal-sem-2
web-design-custom-wordpress-theme
karlee-flash-site1
think-believe-grow1
buxtonjobs
web-design-custom-wordpress-theme
custom-jquery-php-html-ui-ux-pricing-slider
web-design-custom-wordpress-theme-long-island-home-expo
web-design-custom-wordpress-theme
web-design-custom-wordpress-theme
lblake
lblake

Web Design; Custom WordPress Theme; Lowell, Blake & Associates

Client: Lowell, Blake & Associates; Boston, MA

Role/Project Scope: Web Design, Layout, WordPress Theme Development, HTML/CSS(3), jQuery, PHP

origin
origin

Web Design; Custom Landing Page

This design was created for the purpose of displaying a landing page, geared towards a specific market the client is targeting. I think it should be clear that this market is the financial services industry. The client offers IT services to these firms, and is now offering a cloud computing service that they wish to call attention to.

I created the illustration in the center of the call to action area, by combining several elements together. I took a stock image of a tablet, and create some vector graphics of charts. I combined these together with a blue background, mixed with a black hue, to provide a realistic looking screen. I then created the rising bar graph elements in Photoshop, applying a glow effect to them where needed, to produce a realistic effect. I then used a stock image of a globe, and created some cloud textures in Photoshop. I wanted to go subtle with this, to give it a very high-class look, so I used minimal clouds. Just enough to give the implication. All together these images combined to tell the story quite well, I think you’ll agree.

custom-web-design

Web Design; Custom Landing Page

Client: QuantGo

Project Scope: create an appealing layout/design for landing page, with primary focus on call-to-action and “hero” banner

custom-web-design
web-design-custom-wordpress-theme

Web Design; Custom WordPress Theme

Client: TurnToTech

Project Scope: create an eye-catching, appealing design and layout for a fullscale wordpress site

web-design-custom-wordpress-theme
royalsem-website-design3
royalsem-website-design3

Web Design; Custom WordPress Theme; Royal SEM

Client: Royal SEM

Role/Project Scope: Web Design, Layout, WordPress Theme Development, HTML/CSS(3), jQuery, PHP

Royal SEM is a full-service search engine marketing firm. They provide a wide range of services, truly giving you “the royal treatment”. The goal of this design was to encapsulate the “regal” spirit of the company entity and to convey its underlying mission statement in a visual capacity.

web-design-custom-wordpress-theme-royal-sem-2
web-design-custom-wordpress-theme-royal-sem-2

Web Design; Custom WordPress Theme; Royal SEM

Client: Royal SEM

Role/Project Scope: Web Design, Layout, WordPress Theme Development, HTML/CSS(3), jQuery, PHP

Royal SEM is a full-service search engine marketing firm. They provide a wide range of services, truly giving you “the royal treatment”. The goal of this design was to encapsulate the “regal” spirit of the company entity and to convey its underlying mission statement in a visual capacity.

web-design-custom-wordpress-theme
web-design-custom-wordpress-theme
karlee-flash-site1
karlee-flash-site1

Web Design; Flash Website

Client: Karlee “Feed Your Head”

Project Scope: layout and design for custom flash website

think-believe-grow1
think-believe-grow1

Web Design; Custom WordPress Theme; Think Believe Grow

Client: thinkbelievegrow.com

Role/Project Scope: Web Design, Layout, WordPress Theme Development, HTML/CSS(3), jQuery, PHP

buxtonjobs

Web Design; Custom WordPress Theme

Client: Buxton Jobs

Project Scope: Fullscale Job Board, using the WordPress platform. Custom post types, customized registration process, ability to create profiles, search tool for searching profiles, job postings, job search, resume upload

buxtonjobs
web-design-custom-wordpress-theme
web-design-custom-wordpress-theme

Custom WordPress Design; Origin Technologies

Client: Origin Technologies, Inc. ; Framingham, MA

Role/Project Scope: Website Design and Layout, HTML/CSS, Custom WordPress Theme, Custom Icon Design, jQuery animations

pricing-slider
pricing-slider
Project: Pricing Slider, UI/UX
Methods: jQuery, PHP, HTML/CSS, WordPress

The purpose of this application is to provide customers with an interface to determine pricing. The different sliders can have default parameters set, and those numbers are increased as the slider is engaged. The increase is based on number of items at that price.

In order to accomplish this, I also made use of Google’s exchange rate API, in order to allow the user to switch between exchange rates, in order to see the difference in cost, and also to be sure that the results match their expectations (for international use).

This particular slider was integrated with a WordPress page template, in order to be integrated into a WordPress site. Therefore, it is theoretically able to be integrated into any install, and used with a different concept in mind. At some point, I will build something a little more complex, that can be downloaded and installed.

If this project interests you, and you’d like to know more about how I accomplished it, please feel free to contact me. Additionally, if you need a pricing slider, written in php, jQuery, and HTML/CSS, please feel free to contact me to discuss your needs.

web-design-custom-wordpress-theme-long-island-home-expo
web-design-custom-wordpress-theme-long-island-home-expo

Web Design; Custom WordPress Theme

Client: Long Island Home Expo

Role/Project Scope: Website Design and Layout, Custom WordPress Theme.

web-design-custom-wordpress-theme
web-design-custom-wordpress-theme
web-design-custom-wordpress-theme
web-design-custom-wordpress-theme

Web Design; Custom WordPress Theme; Economic Innovation Institute

Client: Economic Innovation Institute

Web Development

auxlry
cwa
offmetro-web-development-custom-wordpress-theme
Malagana-Design-WebDev-Shopify
web-development-bluestacks
Esposito-Homepage-Final
web-development-custom-wordpress-theme
web-development-custom-wordpress-theme-seraph-miami
custom-jquery-php-html-ui-ux-pricing-slider
web-development-fullscale-social-networking-my-vici-daily-deals
web-development-custom-wordpress-theme-ibis-interactive
web-development-custom-wordpress-theme-pretty-young-things
karlee-flash-site1
web-development-custom-wordpress-theme-fisher-talwar
sag-harbor-html-website-development
auxlry
auxlry

Client: Auxiliary Design Co
Role: Web Development; Custom WordPress Theme (PHP, jQuery, HTML/CSS3)

auxlry2
cwallpresentation
cwallpresentation

Client: Auxiliary Design Co
Role: Web Development; Custom WordPress Theme (PHP, jQuery, HTML/CSS3)

offmetro-web-development-custom-wordpress-theme
offmetro-web-development-custom-wordpress-theme

Custom WordPress Theme; offMetro

Client: offMetro NY

Role/Project Scope: Custom WordPress theme and functionality, HTML, CSS, jQuery, PHP, MySQL, External API integration to import travel deal content from known-resources into filterable posts, custom search and browse feature using built-in WordPress functions in conjunction with custom PHP and jQUery

malaganapresentation
malaganapresentation

Client: Auxiliary Design Co
Role: Web Development; Custom Shopify Theme (liquid, PHP, HTML/CSS3, jQuery)

bluestacks
bluestacks
Esposito-Homepage-Final
Esposito-Homepage-Final

Web Development; Custom Magento Theme; Esposito Sausage

PSD to HTML; Custom Magento Theme

esposito-home esposito-innerpage

Responsive for Mobile

esposito-mobileThis particular project was somewhat difficult with regard to mobile responsiveness.  However, it was able to be achieved.  In order to do so, I had to eliminate some items from the header area, in order to make sure everything fit.

What made this difficult, was that the .psd provided, was only for full-scale screens.  Ordinarily this might not be a problem, but since the content stretches to the edges of the planes, we are presented with a problem.  We have to figure out how to get the items to change with the width of the screen, so that everything stays relatively the same (until we get to smaller sizes).

lurk-natural-fragrances-page
lurk-natural-fragrances-page
web-development-custom-wordpress-theme-seraph-miami
web-development-custom-wordpress-theme-seraph-miami

Web Development; Custom WordPress Theme; Seraph Miami

Client: Seraph Miami

Role/Project Scope: Custom WordPress theme and functionality, portfolio-style gallery with custom ajaxing

pricing-slider
pricing-slider
Project: Pricing Slider, UI/UX
Methods: jQuery, PHP, HTML/CSS, WordPress

The purpose of this application is to provide customers with an interface to determine pricing. The different sliders can have default parameters set, and those numbers are increased as the slider is engaged. The increase is based on number of items at that price.

In order to accomplish this, I also made use of Google’s exchange rate API, in order to allow the user to switch between exchange rates, in order to see the difference in cost, and also to be sure that the results match their expectations (for international use).

This particular slider was integrated with a WordPress page template, in order to be integrated into a WordPress site. Therefore, it is theoretically able to be integrated into any install, and used with a different concept in mind. At some point, I will build something a little more complex, that can be downloaded and installed.

If this project interests you, and you’d like to know more about how I accomplished it, please feel free to contact me. Additionally, if you need a pricing slider, written in php, jQuery, and HTML/CSS, please feel free to contact me to discuss your needs.

web-development-fullscale-social-networking-my-vici-daily-deals
web-development-fullscale-social-networking-my-vici-daily-deals
web-development-custom-wordpress-theme-ibis-interactive
web-development-custom-wordpress-theme-ibis-interactive
web-development-custom-wordpress-theme-pretty-young-things
web-development-custom-wordpress-theme-pretty-young-things
karlee-flash-site1
karlee-flash-site1
web-development-custom-wordpress-theme-fisher-talwar

Web Development; Custom WordPress Theme – Fisher Talwar

web-development-custom-wordpress-theme-fisher-talwar
I created this WordPress theme quite some time ago, as a project for a long-term client, for whom I did numerous WordPress themes (both design and development). The purpose of this particular theme was to serve as an information site for a Law Firm in Los Angeles, California.

The development of this theme was relatively straightforward, and quick to accomplish. The primary components are all standard WordPress elements, and were therefore easily implemented. I did create a slideshow however, which was a bit different than the norm.

Since the time of this theme’s creation, the firm has a new site/theme, so this is no longer available to the viewing public. However, I still have the files needed, and might activate a demo site at some point.

sag-harbor-html-website-development
sag-harbor-html-website-development

Logo Design

logo-design-wtf-planet
custom-logo-design-codeshout
cinetell_portfolio2
custom-logo-design-friday-night-lights
origin-logo
custom-logo-design-instructus
logo-design-stateside-crafts
logo-design-royal-sem
C-Emblem1
logo-design-shutter-photographic
logo-design-the-little-app-factory
karlee
over-the-edge (2)
BlueHour-logo
cheaperthan
spectrum
logo-design-wtf-planet
logo-design-wtf-planet

Custom Logo Design; WTF Planet

Custom digital illustration and logo design, created using hand drawn elements altered in Adobe Illustrator

custom-logo-design-codeshout
custom-logo-design-codeshout

Custom Logo Design; Codeshout

Logo design created using hand-crafted elements in combination with digital illustration, and customized font.

cinetell_portfolio2
cinetell_portfolio2

Custom Logo Design; Cinetell

Client: Cinetell

Role/Project Scope: Custom Logo Design

custom-logo-design-friday-night-lights
custom-logo-design-friday-night-lights

Custom Logo Design; Friday Night Lights

Client: Friday Night Lights

Role/Project Scope: Custom Logo Design, Digital Illustration

origin-logo
origin-logo

Custom Logo Design; Origin Technologies

Client: Origin Technologies; Framingham, MA

Role/Project Scope: Custom Logo Design; Digital Illustration

custom-logo-design-instructus
custom-logo-design-instructus

Custom Logo Design; Instructus

Client: Instructus Infrastructure eLearning

Role/Project Scope: Custom Logo Design, Digital Illustration, Custom Designed Typeface

logo-design-stateside-crafts
logo-design-stateside-crafts

Custom Logo Design; Stateside Crafts

Client: Stateside Crafts

Role/Project Scope: Conceptualization and design of potential logo

logo-design-royal-sem
logo-design-royal-sem
C-Emblem1
C-Emblem1
logo-design-shutter-photographic
logo-design-shutter-photographic

Custom Logo Design; Shutter Photographic

logo-design-the-little-app-factory
logo-design-the-little-app-factory

Custom Logo Design; The Little App Factory

karlee
karlee

Custom Logo Design; Karlee

over-the-edge (2)
over-the-edge (2)

Custom Logo Design; Over the Edge

BlueHour-logo
BlueHour-logo

Logo Design; Blue Hour Entertainment

cheaperthan
cheaperthan

Custom Logo Design; Cheaper than a Shrink

spectrum
spectrum

Custom Logo Design; Spectrum Quantitative Services

Illustration & Multimedia

hand-drawn-illustration-portrait-woman
childrens-book-illustration-digital
hallway
einstein
Untitled-1
skulls
dog-cartoon2
cartoon
drawing

Illustration; Portrait

drawing

This drawing was done using pencil, pen and ink, colored pencil, and Prismacolor markers. The basis for the drawing was a photograph from a magazine spread, from which I deviated a bit with some creative liberty. The image used was really just as a base from which to build.

I first created the base sketch using a light 2h pencil. I then worked up a bit into some darkness using an HB pencil. As I did this, I also started laying a light layer of a flesh-like color of colored pencil. I continued this process until I had a basic flesh base.

I then started bringing some black ink in, in order to provide a dark element to make the image a bit more dynamic. It also helped to start giving some shape to the hair, which was quite dark.

In order to give the drawing a more “rustic” sort of a feel, I went back in and made things a bit grainier, by overlaying another layer of colored pencil wax, and then light hatching it with pencil. This chips away a little at the colored pencil, producing small granules of difference in color. It makes it look a bit more “rough”, which to me, seems a little more visually interesting to look at. Otherwise, you might as well be looking at a photograph.

In retrospect, I think I overworked the “roughness” a bit too much, resulting in a less professional looking image. In the thumbs of the progress, you can actually see a higher quality version (in terms of technique), where less flaws are present. Some flaws were revealed through this process of refining over and over, which, in the end, was not necessarily a benefit. In future attempts of a similar nature, I will avoid making similar mistakes.

Additionally, I left a few areas somewhat “unfinished”, in order to give it a bit more visual dynamism. I think that the lack of definite solidity gives more character to the subject, and allows the viewer a little more breathing room for imagination.

Waterville-20130308-00057 Waterville-20130308-00059 Waterville-20130308-00060 Waterville-20130312-00064
/path/to/default.png
/path/to/default.png
einstein
einstein

Albert Einstein, Sort of

This illustration consists, essentially, of nothing more than scribbled lines of marker and pen. I was looking at an image of Albert Einstein at the time, and attempted to make the scribblings coalesce into an image that resembled the image I was looking at. I think the result is actually quite precise, albeit a bit distorted.

/path/to/default.png
/path/to/default.png
/path/to/default.png
/path/to/default.png

Who I Am

Jon Day

Graphic Designer. Web Designer. Web Developer.

New England, United States

With over 10 years of experience, I've learned a lot. I've also learned how to take that experience, and apply it to your project. I've held titles ranging from Graphic Designer to Creative Director, and have worn every hat in between. In addition to a strong background in visual art, I have a great deal of experience in web design and development. Currently I specialize in Wordpress, Responsive CSS, jQuery, PHP and Logo Design. Seeking out dynamic and innovative solutions to both common and complex problems is something I find very rewarding.

Resume

Experience:

Art Director

Vitality Systems, Inc.

Managed the day to day operations of the art department. This included die-cut label printing, order production, designing of advertising materials, as well as administrative tasks, and implementation of private labeling program, with custom designs for veterinary clinics. I was heavily involved in the creation of a proprietary label printing software, and trained new staff in its use. The knowledge gained in this position was vast: heat transfer printer operation and maintenance, die-cut label stock varieties and weights, toners, management procedures, shipping procedures, vendor negotiations, and interoffice policy development.

Creative Director

Bayshore Custom H2O

During my tenure at Vitality Systems, Inc. I became acquainted with a friend of the owner, who was operating a custom-labeled bottled water company. His location was in Ohio, but he was also facilitating existing customers in Florida. I began assisting him in the creation of labels, and from there began handling the majority of all details for the Florida-based operations. This included sales, customer service, shipping & receiving, and day to day operations. This was all in addition to the creative responsibilities that I maintained, including label design & printing, graphic design, and quality control.

Composing Supervisor

Cox Media, Automart Magazine

This was a mid-level management position in which I oversaw the daily operations of a 13-person design/production floor. Automart magazine is a national publication, for which we handled 7 regional issues, weekly. Each publication was between 50-100 pages, and ran full-color ads for car dealerships. The composing department was responsible for designing and assembling ads, creating a pagination for the publication, and collecting the pages for print. I handled almost every aspect of the floor's daily operations, with the exception of corporate related functions, which was carried out by the office manager. We originally had a 3-tier management system consisting of office manager, assistant manager, and composing supervisor. Our assistant manager was absent on long-term medical leave for nearly the entire duration of my employment, and thus I absorbed the responsibilities of this position, happily.

Education:

Commercial Art Technology, AA.

PTEC - Clearwater, FL

Under the tutelage of Milton Watts, a thorough understanding of the professional world of graphic design was achieved. The setting of this program matched a "real-world-scenario". The classroom was essentially a design studio, with our assignments being projects that one might complete on-the-job. In addition to studying what one might expect in the realm of graphic design, we also were provided with an in depth look into other areas of study such as philosophy, world history, political science, sociology, marketing, psychology and literature. All of these together help to tell the story of mankind, and to see how our aesthetic senses have been shaped over time.

Skills learned in this program include, but are not limited to: logo design and branding, traditional illustration, digital illustration, multimedia design, typography, layout, workflow organization, creative development processes, print media design & layout, use of Adobe Creative Suite software.

Additional Skills:

  • HTML/HTML5
  • CSS/CSS3
  • Javascript/jQuery
  • PHP
  • WordPress
  • Mobile Responsive CSS
  • Shopify
  • Magento
  • eCommerce
  • Flash Animation
  • Actionscript
  • After Effects Animation
  • Music & Video Editing
  • Web Layout
  • Typography
  • Logo Design & Branding
  • Banner Ads
  • Icon Design
  • Interface/UI Design
  • Database Entry

What I Do

Logo Design & Branding

  • Corporate Identity
  • Custom Logotypes
  • Custom Signatures
  • Trade Characters & Mascots

Web Design

  • UI/UX Design
  • Custom Wordpress Themes
  • Fullscale Website Design
  • Landing Page Design
  • Banner Ad Design
  • Blog Layout
  • eCommerce
  • Graphic Component Design

Web Development

  • UI/UI Development
  • jQuery
  • PHP
  • HTML/HTML5/CSS/CSS3
  • Flash Animation
  • Custom Wordpress Themes
  • Fullscale Websites
  • Web Application Development
  • On-call Troubleshooting & Maintenance

Illustration & Multimedia

  • Cartoons & Caricatures
  • Book/Magazine Cover Illustration
  • Children's Book Illustration
  • Digital Illustration
  • Custom Novelty Illustration
  • Video Editing
  • Animation

Would you like to hire me? Do you have a question?

Interested in hiring me for your project? You can either email me at jon@jondaydesign.net, or fill out the form below. Please be as detailed as possible, letting me know what your project consists of, the budget you have in mind, and your intended completion date. I look forward to hearing from, and working with you.

* indicates required field


Jon Day Design Graphic Design. Web Design. Web Development
Waterville, ME