Web Developer | Graphic Designer | CMS | Joomla | WordPress | Audio & Video Editing | Flash | Usability | SEO | Web Consultant | Website Hosting

Jasen Wyatt - Web Developer | Graphic Designer

I design & develop web applications that are both engaging and efficient. I specialize in interface design and development, Wordpress and Joomla CMS systems, graphic design, HTML/XHTML, CSS, Javascript, jQuery, PHP & mySQL, XML / XSLT and much, much more.

About Me

I am currently working as a Developer / Interface Engineer / Sr. Contributor at Organic Inc. a digital agency.

I was educated at the College for Creative Studies and Specs Howard School of Broadcast Arts for Digital Media and Video & Film.

I developed my skills working as a Business Analyst / Web Developer with Blue Cross Blue Shield of Michigan, as an intern with Channel 4 WDIV as a Videographer and Production Assistant as well as with 93.1FM WDRQ as a Promotions Intern and broadcast Producer.

My hobbies include drawing and painting, sports (watching and playing), reading, music, building (and breaking) things and learning about new technologies.


**The framework of my website is now over 6 years old. A new and improved version is in the works including my most recent projects working with clients such as Hilton Worldwide Corporation, Kotex, Depends, Goodnites, Poise, Smucker's and more.


Skills / Knowledge
HTML5

CSS3

Javascript

jQuery

PHP

XML / XSLT

Usability

Photoshop

Illustrator

WordPress

Joomla

Visual Studio

Subversion

Flash

InDesign


Contact Me
Google+   LinkedIn   Facebook   Twitter   Pinterest   GetGlue  
Featured Work

Hover over a product thumbnail to view project information.

 

Development / Design Projects

Back to Top

Interface Design Projects

Back to Top

Print Design Projects

Back to Top

Logo & Branding Projects

Back to Top

Audio, Video & Animation Projects

Back to Top

Tattoo - Sexy Angel

Tattoo - Sexy Angel

I was asked to design an original tattoo portraying a "sexy angel".  My design was well received and when the ink was completed on the requested parties, they were more than satisfied.

  • hand drawing
  • sketch
  • tattoo
  • line art
  • logo
Celtic Gardens

Celtic Gardens

Celtic Garden Imports worked with my company and I to design, develop and launch an updated website to display their award winning show gardens. I designed and developed the site using a mix of technologies to accommodate their wonderful photography and press items. The website features a content management system to help them easily update their news articles as well as maintain their photo galleries at their convenience.

Click here to view this site

  • psd
  • design
  • joomla
  • gallery
  • cms
  • splash
  • flash
  • news feed
  • html
  • css
  • php
Applied Environmental

Applied Environmental

Applied Environmental contacted my company to design and build a website for their new business.  They requested a website that represented a "clean and beautiful environment."  My vision was to use a large background image and the client was overjoyed at the direction in the initial mockups. I also installed a custom gallery to document and display their projects in an organized manner.

Click here to view this site

  • cms
  • joomla
  • html
  • css
  • graphic design
  • photo
  • psd
  • gallery
  • form
  • quote
American Divorce Association for Men

American Divorce Association for Men

Doug at the American Divorce Association for Men worked with me to design and develop an updated website for their group of lawyers.  My design was approved and work began in early fall of 2010.  Shortly thereafter, the redesigned site was launched and received many positive reviews from staff and clients both.

Click here to view this site

  • cms
  • joomla
  • html
  • css
  • javascript
  • jquery
  • audio
  • mp3
  • video
  • flv
  • quotes
  • testimonials
  • staff
  • bios
  • map
  • news
  • press
Kaufman Children

Kaufman Children's Center

In 2007, Kaufman Childrens Center hired my company to build a website that was designed by an affiliate of ours.  It was my job to convert the approved design into the interactive website.  Since it's completion, I have been responsible for numerous updates which include design changes, module development and general system upgrades.

Click here to view this website

  • cms
  • joomla
  • html
  • css
  • javascript
  • jquery
  • news
  • events
  • calendar
  • blog
  • graphic design
  • search
  • map
  • form
  • registration
  • newsletter
Sean O

Sean O'Callaghans Pub

The owner of Sean O'Callaghans Pub of Plymouth contracted us out to redesign their website.  I lead the initial design phase creating a wireframe and mockups that met the clients expectations in user experience as well as capturing the "feel of the establishment."  I was also responsible for the full development of the website.

Click here to visit this website

  • cms
  • html
  • css
  • calendar
  • google integration
  • flash
  • map
  • gallery
  • photos
  • videos
  • youtube
  • joomla
InfluenceAnything.com

InfluenceAnything.com

Our client Vital Skills International contacted my company about designing and building a blog that would expand on their corporate website.  I was the lead on the design with full creative control granted from the client.  The development was also my responsibility and the finished product was met with wonderful responses from the client and its affiliates.  I also created their logo.

Click here to visit this website

  • joomla
  • cms
  • blog
  • design
  • psd
  • logo
  • branding
  • tag cloud
  • search
  • user
  • login
  • video
  • lightbox
  • social
  • poll
  • captcha
Humpsgiving

Humpsgiving

A local promotion company contracted me to design a flyer for their annual, Thanksgiving eve, event.  Since it's held on a Wednesday and features 'booty' and 'ghettotech' music they requested a "suggestive, yet tasteful, Thanksgiving theme".  The design was featured in local publications, establishments and, of course, thousands of flyers.

  • flyer
  • design
  • print
  • artwork
  • photoshop
  • texture
Hump - Movement 2009

Hump - Movement 2009

A local promoter contacted me to design a flyer for their event for the Detroit Movement festival in May of 2009.  This was an 'official' sponsored event for the festival and the design was featured in the festival program, local publications, flyers and posters.

1800WATCHES - Branding

1800WATCHES - Branding

I designed and develop the 1800WATCHES logo and imaging for print materials, signage and web branding.

  • logo
  • AI
  • Illustrator
  • drawing
  • color
Hump your Valentine

Hump your Valentine

A local promotion company contracted me to design a flyer for their Valentine's day event.  The design was printed on flyers, posters and local publications.

  • flyers
  • print
  • design
  • graphics
Stray Cat - Interface

Stray Cat - Interface

I designed this site as an upgrade to the client's previous website and created a custom logo.  I also worked on the development team for the site which includes a mobile version.  The site features a custom news module, media center and extra care was used to make sure the website was search engine friendly.  The website ranks very well for the client's needs.

Click here to view the website.

  • design
  • PSD
  • Photoshop
  • Interface
  • Menu
  • CSS
  • SEO
  • Media
  • Video
  • Photo
  • Gallery
  • News
  • Like Button
  • Mobile
  • Logo
Sharp Trophies by Mack

Sharp Trophies by Mack

Sharp Trophies by Mack, a family-run business, contracted me to design a logo based off there outdoor sign that was designed many years prior.  They were impressed with the logo design result and use it on all their new marketing media.

  • logo
  • design
  • graphic
  • font
  • branding
My Kitty Cam

My Kitty Cam

This logo was originally hand drawn and scanned into Adobe Illustrator and then touched up for a freelance client.

  • drawing
  • illustrator
  • logo
  • font
StepHouse Recovery

StepHouse Recovery

We were contracted to design and develop an updated website for this treatment center located in southern California.  I designed a website based on numerous example websites and the wire frame provided by the client.  Launched in early 2011, the site is optimized for search engines targeting phrases and keywords in our research.

Click here to visit this website

  • cms
  • joomla
  • html
  • css
  • javascript
  • jquery
  • page speed
  • seo
  • optimization
  • gallery
  • video
  • fader
  • font embed
  • table
  • testimonials
  • form
  • captcha
My Business Cards

My Business Cards

I recently redesigned my personal business cards using high contrasting sides and rounded corners.  The scheme matches my current web portfolio site down to the custom pattern and colors.  The information side is a matte-finish while the pattern side is high-gloss.  Recipients always remark on my cards.

  • print
  • design
  • business cards
Global Hue

Global Hue

Global Hue contracted my company to develop and launch a corporate website to showcase their organization and projects. I designed and developed the site using a mix of technologies mostly Flash Actionscript 3. The website features a content managed news and information system via xml to help them easily update their site.

  • psd
  • flash
  • actionscript
  • animation
  • gallery
  • xml
The Law Show

The Law Show

In spring of 2012, I rebuilt this website using WordPress as the client preferred CMS system.  The website is highly utilized to watch live video and previous episodes of a legal show broadcast in Detroit and Chicago.  I build custom plugins and widgets for WordPress to help the client manage their regular updates.  It features an animating header of both city skylines and radio stations using jQuery.  The site is optimized for search engines and usability.

Click here to view the site.

  • wordpress
  • cms
  • video
  • animation
  • seo
  • html
  • css
  • javascript
  • jquery
  • usability
  • graphic design
DEMF - Branding Contest

DEMF - Branding Contest

In 2009, Paxahau presented an open contest for the branding design for the Detroit Electronic Music Festival.  My entry received hundreds of votes and was among the finalists.

  • branding
  • graphic design
  • logo
  • contest
  • demf
HOWB - Seasonal Marketing

HOWB - Seasonal Marketing

The House of Watchbands contracted my to manage their seasonal marketing campaigns.  I was responsible for in-store signage, coupon mailers, email marketing, billboards and newspaper/magazine design. The client was very happy with the results and some item are used regularly every season.

Official iHeater - Marketing Promo

Official iHeater - Marketing Promo

Our client OfficialiHeater.com contracted myself out to develop a holiday-themed animation/video with a promotional code that they could upload around the web.  The promo-code was widely viewed, and used, which ranked high on both youtube.com and vimeo.com.

 

Click Here to view the final video.

  • video
  • animation
  • flash
  • psd
  • illustrator
Haunted Nursery - Promo

Haunted Nursery - Promo

A nursery contracted my company to design a print and web marketing item that would run on a one-page website and print marketing materials.

 

  • psd
  • illustrator
  • graphic
  • web
  • fonts
  • music
  • audio
  • sound design
Underwood Nursery - UI Design

Underwood Nursery - UI Design

I was responsible for the user interface design of a redesign for a current client with our company.  The design was well-received and is still in use today.  They have since used the design for many of their print marketing materials.

  • graphic design
  • psd
  • illustrator
  • texture
  • ui
  • interface
  • menu
Due Venti - UI Design

Due Venti - UI Design

This small local diner asked me to design a website that matched their restaurants interior 'feel'.  They were amazed with the graphic design result.  The website features colors, foliage and paintings that are featured inside their restaurant.

Kales Detroit - Interface

Kales Detroit - Interface

The owner of this beautiful building in downtown Detroit has been working with me to redesign their current website ( http://kales76.com ) to an updated look and technologically advanced version.  Their main concern is making the site look and feel as elegant as their building is, both inside and out.  This is a small snippet of the current design state and we're shooting for a summer 2012 launch date.

  • interface
  • design
  • psd
  • photography
  • video
  • fixed background
  • elgance
Lewis Jewelers - Interface

Lewis Jewelers - Interface

I have done multiple updates to this e-commerce site including this most recent version in November 2010.  There were subtle changes to the UI to help target their demographic which was women 35-55.  I also created many of the original banners for the website which they change in-and-out during certain seasons or promotions.

Click here to view the site.

Slide Design 1

Slide Design 2

Slide Design 3

  • interface
  • ui
  • design
  • graphic
  • psd
  • photoshop
  • illustrator
  • ecommerce
  • store
Scout Adventures - UI

Scout Adventures - UI

A start-up company to service the Boy Scouts and Girl Scouts of America contracted my employer to design and build an easy-to-use directory system of potential scout destinations.  They had some example sites that they liked which mostly consisted of themed-parks and travel sites however they were consistent in their thought that the site should be bright and minimal.  I was the lead designer on the project and worked directly with the clients to develop the current user interface including the search and mapping system, listing pages and other modules.  They were more than impressed with the results.

  • interface
  • ui
  • design
  • graphic
  • photoshop
  • directory
  • maps
  • minimal
  • bright
Enertia Solutions - Graphics

Enertia Solutions - Graphics

Redesigned in 2009, a majority of the graphics, animations and interface was designed by me.  Some items were added over the course of that year however a majority of the updates stopped in early 2010 when we began ideas for a re-design.

Click here to view the site.

Silverdome - Interface

Silverdome - Interface

My company was contracted to design a website for the Pontiac Silverdome to provide event information, ticket purchasing and venue information.  They provided a list of features and a few example sites for reference and I was able to design a custom website interface that they loved.

  • design
  • ui
  • interface
  • photoshop
  • illustrator
  • psd
  • ai
  • calendar
  • events
  • css
  • xhtml
Vain Detroit - Event Promo

Vain Detroit - Event Promo

I was contacted to create some promotional materials for the client's memorial day weekend events.  I designed flyers, wristbands and posters for the events.  The design was featured in local print publications, establishments and in the venue.

  • print
  • design
  • photoshop
  • psd
  • graphic
  • flyer
  • poster
  • wristbands
  • promotion
  • marketing
  • event
Michigan Aerospace - Video

Michigan Aerospace - Video

My company was contracted to produce and edit a video to the Michigan Aerospace Foundation's potential donors viewable in a private web-portal.  I was provided a non-liner video of footage shot on-site at the museum.  I captured, edited and produced for the web a video using the guidelines provided by the client.

  • video
  • capture
  • editing
  • production
  • web format
  • optimization
TPG Historic - Branding

TPG Historic - Branding

I was contacted by a client to design and develop a logo and branding for a preservation company.  They requested an elegant and professional logo with the only other request to utilize a deep red somewhere.  The result is a single-letter symbol featuring a column, grid lines and text.  The client was excited by the results and uses it on all business related material.

  • logo
  • branding
  • illustrator
  • ai
  • drawing
  • sketch
CWM Group - Branding

CWM Group - Branding

I was contacted by a local branch of Capital Wealth Management Group LLC. to design business cards and other items for their representatives.  They provided a low-res version of the logo which I converted to a vector graphic and granted me creative control over the design. They were more than happy with the results.

  • vector
  • graphic
  • ilustrator
  • ai
  • business cards
  • design
  • print
  • branding
  • letterhead
  • envelopes
Caring Hands - Logo

Caring Hands - Logo

An at home care agency contracted my company to design and develop a logo and website for their business.  I designed and developed the logo which amazed the client.

  • logo
  • design
  • graphic
  • branding
  • illustrator
  • font
  • ai
BCBSM - Medicare 2012

BCBSM - Medicare 2012

In the summer of 2011, I worked on the Blue Cross Blue Shield of Michigan Medicare website for the 2012 plan year.  I headed the usability testing where pre-screened users were brought in to test the previous Medicare website.  Following this usability testing I presented a report of deficiencies and recommended updates.  Once approved, I began the development of the 2012 website which launched October 1st, 2011.  This website follows strict corporate web standards as well as government medicare regulatory standards.

Click here to view the website

  • html
  • css
  • javascript
  • jquery
  • usability
  • government
  • graphic design
  • tooltips
93.1 Dance

93.1 Dance

As an intern with the radio station, I was responsible for creating the branding for a new dance music segment.  The show was broadcast from a remote location.  My design was used on promotional posters, flyers and the website.

  • print
  • psd
  • photoshop
  • branding
  • design
  • graphics
93.1 WDRQ - Radio

93.1 WDRQ - Radio

I was the producer for the night show on this FM radio station that aired on weeknights from 7-11pm in Detroit.  My duties included show prep, answering calls, handling contests, recording segments and interviews, editing audio and production of commercials.

  • audio
  • radio
  • production
  • music
  • recording
Depend.com

Depend.com

Beginning in late 2012, I worked in a team on the Kimberly-Clark brand websites.  Most of my work consisted of front-end development of the Goodnites.com, Depend.com and Kotex.com websites.  These websites were constantly monitored and maintained by our team.  Each update went through rigorous quality assurance testing internally and then submitted to the clients IT department where additional testing and scanning were performed for security and consistency.  In addition to website updates, I was responsible for building HTML emails for many of the Kimberly Clark brands that were sent out to subscribers.  These emails were built using the HTML email boilerplate and tested across each mail client, operating system including all mobile and tablet environments for consistency.

 

  • XHTML
  • HTML5
  • CSS3
  • video
  • jQuery
  • animmation
  • CMS
  • ASP
  • Visual Studio
  • javascript
  • HTML emails
Hilton Worldwide

Hilton Worldwide

At Organic, I was the lead tech resource for all work on Hilton Worldwide’s corporate website. I was responsible for the planning, coordinating and development of bi-weekly maintenance releases and monthly website enhancements. This site follows strict corporate web standards as well as specific style guide. The Hilton corporate website is built on a Java platform using XSLT/XML to deliver pages. Some sections are dynamically generated to serve the nearly 4000 worldwide Hilton properties. This massive amount of data is easily managed using carefully planned XML files structured to make maintaining the client’s regular maintenance requests organized and efficient. Requests for maintenance, or enhancements, were submitted by Hilton representatives around the world. This Hilton website is available in 13 languages and accessed by users across the globe.

We transformed Hilton’s digital media marketing portfolio across 10 brands and Hilton, owning all SEM, SEO and OLA efforts. Following a custom approach for each brand to maximize efficiency and opportunity, we re-energized performance and lifted bookings by $180M in six months with a 60x ROI.

Click here to visit hiltonworldwide.com.

  • JSP
  • HTML
  • CSS
  • CSS3
  • SASS
  • XSLT
  • XML
  • jQuery
  • multi language
  • translations
  • video
  • media gallery
  • region based content
  • accordion
  • animation
  • cross-browser compliant
  • news feeds
  • rss
  • facebook open graph
  • twitter card
  • dynamic content generation
  • HTML email
  • micro-sites
  • promotional cluster pages
  • HTML newsletters
  • Jira
One Down Dog

One Down Dog

In early 2013 I launched a redesigned website for a friends new yoga studio and blog.  She had a custom designer create it, and contracted me to build a custom WordPress theme to power it.  The site design features some beautifully and well thought out functionality which required me to write some custom plugins to allow ease of use for the administrators using the WordPress framework while following the designers plan.  This yoga site features pages with an external service embedded seamlessly into the website.  It provides scheduling, class sign-ups, news, instagram widgets, post tagging and categorization and more. All this while keeping true to the wonderful, and unique, design.  The blog allows for powerful user interaction and a reason to frequent the site on a regular basis.

Click here to visit onedowndog.com.

  • WordPress
  • Blog
  • custom design
  • PHP
  • CSS3
  • Embedded Fonts
  • jQuery
  • Third party Plugins
  • Custom Plugins
  • instagram
  • tag cloud
  • social integration
  • facebook
  • open graph
  • twitter card
  • newsletter sign up
Sapphire Soul

Sapphire Soul

I gathered ideas, sketches and inspirational examples directly from the client in order to develop a unique graphic logo and branding for a new small business.  The branding is used on the website in various ways, in email marketing campaigns, business cards, multiple types of product labels and many other marketing items.  The client was very happy with what I was able to create, and they also were amazed at how it could be utilized effectively in all the various ways that was needed.

I also assisted in implementing the branding into the client's website header, headings, buttons and many other elements.  The objective was to make the website appear unique and consistent with marketing materials and products.

  • branding
  • print design
  • graphic design
  • product design
  • typography
  • adobe illustrator
  • AI
  • illustration
  • drawing
  • sketching
  • layout
  • adobe photoshop
  • PSD
  • HTML emails
  • web development
  • PHP
  • CSS
  • WordPress
  • customization
Detroit Timelapse Videos

Detroit Timelapse Videos

Using my smartphone I captured still photos of the downtown Detroit skyline when weather changes or special events were occurring.  I then used the still images to create time-lapse videos to display these amazing views as learning exercises and recreational purposes.  Unfortunately, I've only added audio to one of these videos so far, but I plan to incorporate appropriate music selections once I identify them.

View the videos listed below.  Don't forget to adjust the quality to the highest setting for the best experience.

Detroit - Wintery Dayz 2013-01-27 to 2013-01-08

Detroit - Fireworks Time-lapse 2013-06-24

Detroit - Quick Downpour Time-lapse 2013-07-19

Detroit - Storm Rolls By Time-lapse 2013-07-19

Detroit - Storm Rolls By Time-lapse 2013-07-27

 

 

  • video production
  • video editing
  • time-lapse
  • time lapse
  • music editing
  • audio production
  • adobe premiere
  • adobe after effects
  • photography
CMS - Marketing Teaser

CMS - Marketing Teaser

While working for a small web development company specializing in Joomla based content managed sites, I created this marketing video to distribute to potential clients. The video briefly shows the simplicity of updating the custom-built content managed websites that we often produced for our clients.  I was responsible for the entire planning and production of this piece.  From the story-boarding, video capturing, editing, music selection and audio editing.

Click here to view the video.

  • video production
  • screen capture
  • video editing
  • music selection
  • audio editing
  • story-boarding


Copyright © 2014 Jasen Wyatt | All Rights Reserved
Server Monitor