Dragonsaber Website Design Banners Computer Art Print Design Kerwin"s Resume About Dragonsaber

May 3, 2013

MOAC Windows 8 Design

Microsoft reverted to flat colors and shapes for their Windows 8 design. As you can see below, the logo used to be wavy and the gradients gave it a solid 3-D feel. The Windows 7 operating system went further and encased the logo in a candy-like round button for the start menu. Then in Windows 8, they went in the other direction and made everything flat.



To match the new design, the co-branded catalog header for Wiley's Microsoft Official Academic Course series was updated to match. The gradient was dropped for an official Microsoft flat blue background. And the new font is being used for the title/logo. All other fonts are from the Wiley.com stylesheet.



May 1, 2013

Wiley Live

This new app from Wiley Publishing gives you access to the latest news, published titles and articles, and events in Physics and Astronomy, Maths and Statistics, Engineering and Construction on the go, and lets you save articles for reference.

Click here for iOS

Click here for Android

February 7, 2013

Wiley Foundation

When updating legacy content, I often come across cases where we never got the original Photoshop files from the designer or it's so old that it got lost many generations ago. So I'll work from an existing JPG and use selections to keep parts of a composition. In the case below, we need to swap out the old logo for "Wiley" and replace with the Akzidenz-Grotesk font. The text was however placed on top of a background that was hard to rubber stamp out. So I kept the 3 square images and recreated the background using filters.

Before


After


January 27, 2013

Kimengyeo.com Updates


Flowers
- Lotus 1
- Lotus 2

Landscapes
- Birch stand
- Etched in snow

Still Life
- Onions on fabric
- Two White Eggplants
- Lemons and Plums
- Chinese lanterns

Representational
- Sheltered
- As They Swim 1
- As They Swim 2
- As They Swim 5

January 19, 2013

Kim Yeo Exhibitions


A Painted Garden
Mount Kisco Public Library
July 6 - 30, 2013
Opening Reception: Saturday July 6, 1 - 3pm
For more details visit www.mountkiscolibrary.org

Vermont Open Studio Weekend 2013
May 25 and 26
For details please visit
http://www.vermontcrafts.com/links/open.html

November 30, 2012

Wiley China

Wiley China is actually a minisite of Wiley.com US used for marketing purposes. As you can see with the old site, it was out of date for some time already. It needed some new templates to handle features more easily and in a more fixed manner. The new site was divided up and organized so that it would save time for non-technical editors. At the same time, it keeps the look consistent with the mother site.

Before


After


TED Minisite

As part of a partnership with TED, Wiley had a minisite setup under their main Wiley.com. Unlike most minisites, this one used the same header and footer as the main site, so it saved a bit of time in coding the templates.


Visit Wiley TED Studies @ www.wiley.com/go/tedstudies

November 27, 2012

Web-based RWD Tools


These are some pretty useful and convenient tools for testing how responsive web sites resize and reconfigure for various device widths:

The Responsinator
- Enter a responsive site URL into the form field
- Submit to see a simulation across various device widths & orientations


Benjamin Keen's Bookmarklet
- Install the bookmark by dragging the link to your bookmark bar
- Visit a responsive site
- Click on the bookmark for a set of IFRAME previews


Victor Coulon's Bookmarklet
- Install the bookmark by dragging the link to your bookmark bar
- Visit a responsive site
- Click on the bookmark for an interactive preview in a single IFRAME
- Use the links above to resize the IFRAME


Examples:
- http://foodsense.is
- http://spigotdesign.com
- http://www.authenticjobs.com
- http://www.getskeleton.com

September 24, 2012

Intrepid & Enterprise

September 23, 2012

High Line

September 17, 2012

Wiley 2012

It's been a while since Wiley.com had a redesign... long before I started working there. I'm almost constantly redesigning sites or launching brand new ones at work, but this one was by far the largest one I've done. It wasn't the most technically difficult, but the amount of content and various page types made the project time consuming. This was so heavy on the frontend that 3 of our developers dropped their normal backend duties to help me out.



While I didn't design the site itself, one of the things I really wanted to do was remove Flash functionality and replace it the the lighter, more compatible jQuery. Here are the main points that used to be Flash:
  1. Homepage - The rotating slideshow at the top
  2. Subject Pages - Featured books under the heading
  3. Brands List - Entire page
The first 2 items actually have the same base code underneath, but are wrapped in 2 very different jQuery/CSS skins. The subject pages have various slide layouts also. There are 5 different templates I created... 1 book, 2 books, 3 books and 2 templates that can take custom images. The 3rd item was a page that was a flash animation of all of Wiley's brands. It was difficult to update and had no SEO value. So replacing it with a simple HTML page fixes both issues.

August 25, 2012

August 18, 2012

New Kim Yeo Exhibitions


Vermont's Contemporary Traditions
Southern Vermont Arts Center
Yesterhouse Galleries
September 8 - 30, 2012
Opening Reception: Saturday Sept. 8, 2 - 4pm
For more details visit www.svac.org

A Painted Garden
Mount Kisco Public Library
July 6 - 30, 2013
Opening Reception: Saturday July 6, 1 - 3pm
For more details visit www.mountkiscolibrary.org

Updated Complete Exhibitions List

August 11, 2012

RCT 2012 Update


Pick Up Your Tires
Now you can order tires online and have them conveniently shipped to RCT at no addtional charge. They are listed on Tire Rack, Discount Tire and various other tire web sites as recommended installers.

New Store Hours
Monday - Friday: 8am-5pm
Saturday: 8am-4pm

Social Networks
- Facebook (http://www.facebook.com/pages/RCT-Performance/141077802696621)
- Instagram (rctperformance)

Wheel Alignment
As RCT shifted their focus over the years, a new page concentrating on wheels was created, showcasing new equipment.

August 8, 2012

WIREs Energy and Environment


The production of energy, a critical resource for the welfare and prosperity of society, is a complex process that may also cause adverse environmental and societal effects.

  • An important new forum to promote cross-disciplinary discussion of energy technology, security and environmental impact
  • An authoritative, encyclopedic resource addressing key topics from diverse research perspectives
  • Content is fully citable, qualifying for abstracting, indexing, and ISI ranking

July 22, 2012

Dummies Mobile


As of this weekend, Dummies.com is fully mobile optimized for iPhone and Android devices. In general, creating a mobile site is pretty easy. Pages have simpler layouts and there are less browsers to worry about, but the challenge in this case was hooking up the mobile templates with a site that already existed. Here are the technical highlights of this project:

Sharing Content
The mobile site is setup so that editorial staff never need to logon to edit both sites. Whatever is done to the desktop site will reflect on the mobile. The structure of the sections are reading from the same source, but applying different layouts/CSS.

Regions
The store part of the site is globalized to display the relevant currency while shopping. The site now does 2 checks to the user: 1) whether they are mobile or desktop… 2) what region of the world they are in.

Slideshow
More time was spent on this article type than all of the others combined! This was a new type that went up on the desktop site earlier this year. Translating it to mobile line for line didn't work at all. It was important to get some sort of touch and drag functionality into it, but that's not fully supported via HTML/JS yet. The closest is a plugin called iScroll, which overrides the native scroll with its own. Check out the Pilates series for an example.

Video
Previous work on Dummies.com allowed video content to be played back on iOS, which doesn't support Flash. Going mobile added another layer on top of this. Now there's a check for mobile device that serves up a smaller player. So…
- If you're using a computer or Android tablet, you get the Flash player at full size
- If you're using an iPad, you get an HTML5 player at full size
- If you're using an iPhone, you get a mini HTML5 player
- If you're using an Android phone, you get a mini Flash player

July 2, 2012

Grenache Grapes SOLD


This was one of the items sold during this year's Vermont Open Studio event. For more still lifes like this, check out http://www.kimengyeo.com/still_life/.

E-book Help

Not all e-book formats are as straight forward as Kindle or iBooks. One of the more difficult ones to deal with is Adobe E-books (.ACSM) because it's a protected format. Purchasing the e-book and getting it on your PC is the easy part. It can get complex when you try to transfer the purchase to your e-reader or tablet. In an attempt to reduce customer service calls, a new, detailed help page was created with step-by-step instructions for all of the top devices. Check it out at... www.wiley.com/go/help/ebook

June 25, 2012

Ryu's Dragon Fury


Fall 1994 - This one just started out as a doodle and my hand just went into autopilot with the lines and shading. Ryu's nemesis, Akuma has the kanji for "heaven" on the back of his gi, so I felt Ryu should have the character for "dragon" on his.

June 18, 2012

Vega vs. Ryu

Fall 1994 - I referenced a photo of the Van Damme movie Street Fighter for this, but replaced the actors with the anime versions of Vega (Balrog) and Ryu. The Street Fighter  video games have always had good figure art. The characters are properly proportioned and aren't overly muscular like many other games.

 
Dragonsaber