Archive for the ‘new website’ Category

New Website: 4mmGames.com

Wednesday, July 21st, 2010

Last month I launched a new version of 4mmgames.com.  It existed previously as a flash-based site, but since iPhones and mobile devices do not display flash content, the client decided to overhaul the site.  I used Ariel Flesler’s SerialScroll for the transition effect between the pages (see it on 4mm website!).  The deliverables included content management and mobile device compatibility.

4mm Games Home Page

4mm provided the design and the graphics.  The trickiest part of the site was making the foreground and background slide independently.  The next trickiest was always centering the content and the background, even when the window is resized.

The sliding inspiration came from Carrot Creative, which also uses the SerialScroll library for its website.  Figuring out the independent scrolling of foreground vs. background, however, was all experience and brain power.

Dzineblog compiled a list of websites that use horizontal scrolling as a design theme.  Perhaps this will inspire your creative juice.

Now I’m almost done with another overhaul of a flash-based website, this time for an art gallery.  Seems like flash is going by the wayside…

A relatively new website and other news

Tuesday, April 20th, 2010

Vivienne Koorland’s website launched in the beginning of this year.   She’s an artist from South Africa who now resides in NYC.   Adelheid Christian-Zechner designed and I coded.

Vivienne Koorland's Home Page

Vivienne Koorland's Home Page

Vivienne Koorland Portfolio Page

Vivienne Koorland Portfolio Page

The simple, clean design focuses the viewer’s attention on the artist’s work.  The transition effects were implemented with the prototype/scriptaculous library.  Most of the work went into the content management, which I will not show here.  I came under budget and so gave the client a discount.  Hurray!

On another front, a jazz guitarist Michael Bocian released a new album and asked for a slightly different look for his webpage.  (Here is how it looked before).  The top banner’s color gives a brighter vibe, and upon initial loading, the new CD’s release is highlighted for emphasis.

Michael Bocian's New Home Page

Michael Bocian's New Home Page

The picture is blurry for my eyes but Michael wanted it there… who’s to argue with the client?

Lastly, I’m overhauling the website for Peace Action New York State, a non-profit where I’m interning but has a site that needs a serious upgrade.  The whole thing will be re-done using WordPress.  I’m learning a lot about customizing WordPress; it’s super fun and can’t wait to show it off once it’s done.

New Website: MSK Design Group

Wednesday, December 16th, 2009

I recently launched a simple, clean website that showcases MSK’s interior design work. The site combines jQuery SerialScroll by Ariel Flesler with jQueryUI library for the image scrolling.

MSK Home Page Screenshot

MSK Home Page

Two New Websites! – CFD27.com and MichaelBocian.com

Friday, July 31st, 2009

This week I launched two websites.

First is www.cfd27.com, a silk floral store in the Chelsea district of NYC.  This site went through quite a few iterations of change in design and content.  It was my first project in delivering a site with customizable color-theme, which is a great idea considering the color palette of a floral store changes by the season.  Unlike my previous project, this one had no issue with servers because the client signed up with the hosting service that I recommended (and one that I use), hostmysite.com (see my recent rant re hosting.com).  Also to be thanked is the creator of lightbox2 Lokesh Dhakar for the nifty javascript in displaying images.  I was more than happy to donate a small sum for having used it in this project.

CFD27 Home Page

CFD27 Home Page

The second project, just launched today, is an amazing jazz guitarist Michael Bocian’s website:  www.michaelbocian.com.  Although I’m the least qualified person to comment on musical taste, I know great music when I hear one, so to make Michael’s website was quite a joy.  Plus, I learned a thing or two about MP3s, as well as how to collaborate closely with a creative man.

Michael Bocian's Official Website

Michael Bocian's Official Website

Playing off the guitar theme, the strings light up as you hover over the menu items on the left.  I struggled to find an elegant solution to extending the strings to the bottom of the window.  It works great in Firefox, but in IE I had to use a kludge in the end.  The advantage of using well-formed HTML & CSS, as in this case, is that it works even in Safari 1.3!