Joe Fritz: Website and Web Application Design

Ready Set Work

Joe — Tue, 05 Jul 2011 14:26:12 +0000

Transmogrify partnered with Ready Set Work to design and build an application for easy scheduling, useful communication tools, and employee management. This product offers a robust set of tools for businesses, including automated SMS and E-mail two-way messaging, cost-to-sales analysis, printable schedules, and more. We’re really happy with the way Ready Set Work has developed and are even happier with the customer response so far. Check out the app here.

Ready Set Work home page.

Ready Set Work calendar view.

How to send a message in Ready Set Work.

Yorn

Joe — Mon, 04 Jul 2011 21:30:14 +0000

What’s Yorn? Yorn is Your OpinionRight Now. It’s a way for you to get a personalized URL, e.g.http://yorn.com/xmog, and give it out to anyone so they can give you live, anonymous feedback on whatever you’d like! Check out Yorn on your desktop or mobile phone.

Yorn home page.

The dashboard component of the Yorn application.

The Yorn Live Wall

The Yorn experience was designed with smartphones in mind, but scales down nicely to less abled phones nicely. Yorn is designed to be easily usable on anything from an iPhone down to a Motorola Razr. Just check out http://yorn.com/xmog on the device of your choice to see for yourself.

The Pros Mobile Web Application

Joe — Sun, 03 Jul 2011 14:44:58 +0000

Transmogrify worked with The Pros to create a mobile-friendly version of their client gallery browser. This app allows clients or wedding guests to find a wedding by the couple’s name and browse and share any of The Pros’ photos. This app was built to scale nicely to any smartphone, from older Blackberry devices to the newest webkit browsers in iOS and Android.

The Pros site experience on the iPhone. To check out this project, just visit www.thepros.com on your smartphone and you should be redirected automatically.

Transmogrify Site and Blog

Joe — Sat, 02 Jul 2011 15:43:19 +0000

Earlier this year Transmogrify redesigned and rebuilt our site to reflect the changes we’ve made and the work we’ve done since our first site launched in 2006. This new version of the site is built on a WordPress backend so that everyone on the team can update and edit the content. I also wanted to carry our brand over to other devices to highlight the areas into which we as a company have been moving, so I’ve used CSS media queries to build a responsive design that resizes based on device resolution.

Transmogrify home page.

A gallery of our work.

An example of a project detail page and photo lightbox.

I used CSS media queries to create an iPhone friendly version of our site. If you’d like to view it, just visit www.xmog.com on your iPhone/iPod Touch.

As part of the redesign process, I thought it important to highlight the individuals that work at Transmogrify by providing an outlet for each of us to post new ideas, things we’ve discovered, and things we like. I carried the look and feel of the main site over to the blog, which was built using WordPress, and incorporated our individual personalities by including drawings of us.

An example of a blog entry page.

Key Ingredient iOS App

Joe — Fri, 01 Jul 2011 14:48:09 +0000

Transmogrify worked with Key Ingredient to build a scalable application for both the iPad and the iPhone. Both experiences are designed to convey the same feel and brand and both work with shared assets to maintain consistency.

Key Ingredient iPad App

Key Ingredient iPhone App

Both apps are available for download in the App Store.

PhillyGoes2College Website

Joe — Thu, 31 Mar 2011 19:18:13 +0000

A website I designed and built for the City of Philadelphia’s new college initiative program. This site uses WordPress as a CMS for easily updated content. A full page screenshot can be seen below. Visit the site.

Intuit Billing Manager

Joe — Mon, 28 Mar 2011 16:19:53 +0000

Front page design for Intuit‘s Billing Manager product. In addition to designing the marketing materials (this website), Transmogrify worked with Intuit to design and build the product itself. Unfortunately, Intuit has since reskinned the site and application to be more in line with their newly updated corporate brand, but you can view a full page screenshot here. Check out Billing Manager.

TGI Black Friday iPhone App

Joe — Sun, 27 Mar 2011 16:20:50 +0000

Transmogrify designed and built this iPhone app for DealCatcher to allow their customers to plan their holiday shopping before Black Friday ads are available from their iPhones. This application was selected as a New York Times Gadgetwise “App of the Week.” Download TGI Black Friday.

Screenshots of the iPhone app in action.

The iTunes store page for our app.

Digital Oasis Website

Joe — Sat, 26 Mar 2011 18:49:25 +0000

Web site design and brand identity for home theater and automation specialists Digital Oasis. The site is still under construction, but a link and more screenshots will follow shortly.

Ticketfly iPhone App

Joe — Sun, 20 Mar 2011 23:19:29 +0000

Use your iPhone to search for any Ticketfly-backed promoter or venue (in this case R5 Productions) shows, buy tickets, and get directions and info for venues.

Conceived out of a somewhat selfish need to keep up on local shows and with the cooperation of the folks at R5 Productions, the idea for an iPhone app came to life in late March of 2010. Four weeks later, and the application is available in the iTunes store.