Web & Interactive Design
Here you can find examples of my web and interactive design work, both working solo and with agencies. Click on any thumb to launch the galleries.
Atelier
Atelier Online Magazine
Atelier Online Magazine
Section Landing page
Atelier Online Magazine
Article page
Atelier Online Magazine
Archived articles for Atelier
Palatium
Website & Online Store
Palatium Website & Online Store
Homepage for Palatium
Palatium Website & Online Store
About Palatium
Palatium Website & Online Store
A description of Palatium's product line
Palatium Website & Online Store
A description of the fragrances of Palatium's products
Palatium Website & Online Store
Shopping page built in Shopify
Palatium Website & Online Store
Shopping cart built in Shopify
Palatium Website & Online Store
Contact Us page
National Geographic
Brand Identity Guidelines
Brand Identity Guidelines System
Homepage for the National Geographic Brand Identity Guidelines
Brand Identity Guidelines System
Brand Guidelines content page with contextual content links
Brand Identity Guidelines System
Interactive "Best Practices" gallery with user rating, commenting and participation
Brand Identity Guidelines System
Interactive "Best Practices" gallery with user rating, commenting and participation
Brand Identity Guidelines System
Interactive "Best Practices" gallery with user rating, commenting and participation
Brand Identity Guidelines System
Image gallery thumbnail page
Brand Identity Guidelines System
Interactive video gallery
Brand Identity Guidelines System
Interactive video gallery
Brand Identity Guidelines System
Comprehensive and easy-to-use admin back-end
Brand Identity Guidelines System
Email blast tool with Tone Of Voice reference guide to ensure all brand communication is true to the brand standards
Brand Identity Guidelines System
Quick reference of user stats
Thomas Fuchs Creative
Website
Thomas Fuchs Creative
Product collection catalogues can be launched and clicked through
Thomas Fuchs Creative
Media clippings for Thomas Fuchs Creative products
AT&T
Brand Center
AT&T Brand Center
Homepage of the AT&T Brand Center
AT&T Brand Center
Landing page of the Ad Café, AT&T's automated ad-creation tool
AT&T Brand Center
Landing page for Brand Approvals, where employees can find information on branding issues, and access the Brand Approval Manager, an automated approval tool
AT&T Brand Center
Brand Relationships landing page, where employees can access information about co-brands and sub-brands
AT&T Brand Center
Landing page for Brand Elements, where employees can find information on visual brand identity guidelines
AT&T Brand Center
Landing Page for Brand Strategy
AT&T Brand Center
Landing page for the Ad Customizer, one of AT&T's automated ad-creation tool
AT&T
The Innovation Pipeline
Homepage for the AT&T Innovation Pipeline (TIP)
The Innovation Pipeline (TIP) was redesigned with the new look of AT&T, and streamlined to be extremely user-friendly
AT&T Innovation Pipeline (TIP)
Homepage with modal window for entry to the tutorial. This appears only for new users
AT&T Innovation Pipeline (TIP)
Step one in the process of submitting a new idea
AT&T Innovation Pipeline (TIP)
Step two in the process of submitting a new idea
AT&T Innovation Pipeline (TIP)
Step three in the process of submitting a new idea
AT&T Innovation Pipeline (TIP)
A rundown of the TIP process
AT&T Innovation Pipeline (TIP)
The idea bank, grid view
AT&T Innovation Pipeline (TIP)
The idea bank, list view
AT&T Innovation Pipeline (TIP)
Detail view of a particular idea during the TIP process
AT&T Innovation Pipeline (TIP)
Users can "buy" stock in an idea, which raises it's exposure and credibility
AT&T Innovation Pipeline (TIP)
From time to time, users will be challenged to formulate an idea which solves an existing business problem
AT&T Innovation Pipeline (TIP)
Frequently Asked Questions
HBO
HBO HQ 2.0
HBO HQ 2.0
Homepage concept for the HBO brand identity manager, named "HBO HQ 2.0"
HBO HQ 2.0
Homepage concept for the HBO brand identity manager, named "HBO HQ 2.0". This page shows the affiliate channel
Visa
Brand Central & Naming Tool
Visa Brand Central
Homepage for Visa Brand Central
Visa Brand Central
Brand Guidelines content page with contextual content links
Visa Naming Tool (Mobile Version
Login page for mobile naming tool
Visa Naming Tool (Mobile Version
Queue of action items
Visa Naming Tool (Mobile Version
Item summary
Visa Naming Tool (Mobile Version
Approval
Visa Naming Tool (Mobile Version
Comment functionality on naming items
Thomson Reuters
Brand Center
Thomson Reuters Brand Center
Login page for the Thomson Reuters Brand Center
Thomson Reuters Brand Center
Naturally, there's no shortage of breathtaking photography available to Thomson Reuters. Here is the homepage with image one.
Thomson Reuters Brand Center
Naturally, there's no shortage of breathtaking photography available to Thomson Reuters. Here is the homepage with image two.
Thomson Reuters Brand Center
Naturally, there's no shortage of breathtaking photography available to Thomson Reuters. Here is the homepage with image three.
Thomson Reuters Brand Center
Brand identity guidelines content page
Thomson Reuters Brand Center
Landing page for imagery gallery
McKesson
Brand Toolkit
McKesson Brand Toolkit
Homepage for the McKesson Brand Toolkit
McKesson Brand Toolkit
Brand guidelines content page
McKesson Brand Toolkit
Brand guidelines content page with "add to lightbox" functionality
McKesson Brand Toolkit
Image library search results
McKesson Brand Toolkit
Image library search results with image details
McKesson Brand Toolkit
Landing page for "My Brand Files" module
McKesson Brand Toolkit
Selecting "My Lightboxes"
McKesson Brand Toolkit
Here the user can view all the lightboxes they've created. Each lightbox has user-selected cover image.
McKesson Brand Toolkit
Users can also view lightboxes that have been shared with them
McKesson Brand Toolkit
Lightbox description
McKesson Brand Toolkit
Viewing the contents of the lightbox
McKesson Brand Toolkit
Editing lightbox name and description
McKesson Brand Toolkit
The user can print a contact sheet for their lightbox at any time. There are three layout options.
McKesson Brand Toolkit
Guidelines can be added to lightboxes as well
McKesson Brand Toolkit
The user can also access their personal bookmarks for brand content through this module
Ally Bank
Corporate Screensaver & Wallpaper
Ally Bank
Animated Screensaver featuring "vintage" Ally Bank photographs and Ally logo. A sample can be viewed here
Ally Bank
Corporate wallpaper
HSBC Private Bank
Identity Guidelines
HSBC Private Bank Identity Guidelines
Homepage for HSBC Private Bank Identity Guidelines
HSBC Private Bank Identity Guidelines
Brand identity guidelines content page
HSBC Private Bank Identity Guidelines
Image thumbnails page
HSBC Private Bank Identity Guidelines
Landing page of the collateral builder "Design Lounge"
HSBC Private Bank Identity Guidelines
Design Lounge template select list
Otium
B2B Product Website
Otium
Homepage for designer Thomas Fuchs' business-to-business website Otium-NYC
Otium
Landing page for Otium's lighting product offerings
Otium
Details on Otium's lighting products
Otium
Landing page for Otium's home accessories product offerings
Otium
Details on Otium's home accessories products
Olivia d'Abo
Actress Olvia d'Abo's Official Website
Olivia d'Abo
Homepage for the official website of Olivia d'Abo, television and film star
Olivia d'Abo
Landing page for Olivia's current music work. Users can listen to her music and read lyrics
Olivia d'Abo
Landing page for Olivia's television work. Users can watch clips and learn about upcoming work.
Olivia d'Abo
Landing page for Olivia's animation work. Users can watch clips and view images of popular characters voiced by Olivia d'Abo
