Joe Bergantine: Interactive Designer

Web design & development portfolio.

01

1272602473-ocbrand5

02

1272602493-ocbrand7

03

1272602435-ocbrand1

04

1272602445-ocbrand2

05

1272602453-ocbrand3

06

1272602461-ocbrand4

07

1272602482-ocbrand6

08

1272603499-ocbrand8

O'Berry Collaborative

We needed to redevelop our site after an internal rebrand to better identify our design methodology and thought leadership to clients. After evaluating several frameworks and content management systems I choose to develop the site using the Django framework for the speed of development it provided as well as its ability to seamlessly integrate the disparate pieces of the site.

  • Visual Design

  • jQuery

  • HTML5 / CSS / Microformats

  • Django / PostgreSQL / Fabric / South

  • Content Structuring / SEO

01

1282495514-clari-14

02

1282495501-clari-6

03

1282495577-clari-13

04

1282495600-clari-12

05

1282495621-clari-10

06

1282495649-clari-9

07

1282496430-clari-24

08

1282496416-clari-23

09

1282496468-clari-21

Clarisonic

I lead both the front and back-end development of Clarisonic’s international e-commerce websites and promotional microsites for three years while at O’Berry Cavanaugh. I worked with their internal marketing team and IT staff to design and develop technical solutions for promotional events, internationalization, product registration, mailing list acquisition and email distribution.

  • User Interface Design

  • 3rd Party API Integration

  • MySQL Database Design

  • XHTML / CSS

  • JavaScript / jQuery / Prototype & script.aculo.us

  • Content Structuring / SEO

  • Email Marketing

  • PHP / Ruby / Python / Sed / Awk / Perl

01

1262217773-72ppihome

02

1261850419-72ppi2a

03

1261850399-72ppi2

04

1261850437-72ppi4

05

1261850443-72ppi5

06

1261850614-72ppi20

07

1261850696-72ppi31

08

1261851027-72ppi41

09

1261851096-72ppi45

10

1261851077-72ppi44

11

1261851063-72ppi43

12

1261851049-72ppi42

13

1261851104-72ppi46

72ppi

72ppi is a photoblog that I created to take advantage of digital photo publishing before Flickr or Picassa had gained mainstream popularity. I redeveloped the site in PHP in 2008 after hacking at and extending an off-the-shelf blogging platform for many years. The new system made it significantly simpler to comment on photos, introduced a new hackable URL architecture, tagging, geo locations, and generally attempted to promote user exploration and discovery.

  • Visual Design

  • JavaScript

  • Custom PHP & MySQL CMS

  • XHTML / XML / XSLT / CSS / Microformats

  • Content Development / SEO

01

1261199566-gym1

02

1261199577-gym2

03

1261199587-gym3

04

1261199602-gym4

05

1261199641-gym5

The Main Street Gym

Bozeman’s Main Street Gym is not your typical meat factory. The owners maintain an inviting atmosphere and focus on training one-on-one with their clients. As we designed the Web site we focused on this differentiation — referencing the trainers and the gym through the aesthetic stylings and langauge of the site. The effect of this was twofold. The gym achieved higher search engine rankings for relevant keyword phrases and prospective members were able to better understand the gym’s unique focus.

  • Visual Design

  • jQuery

  • PHP

  • XHTML & CSS

  • Content Development / SEO

01

1266904656-tamara6

02

1266904672-tamara1

03

1266904685-tamara3

04

1266904704-tamara4

05

1261200144-tamara1

06

1261200150-tamara2

07

1261199955-tamara2

08

1261200156-tamara4

Tamara Faust Thai Bodywork & Yoga

I worked with Tamara Faust to design an identity and Web site for her Thai Bodywork & Yoga business. The aesthetic of the brand references the history and culture of her practice and its Eastern origins as well as her own personality and values. The site was built on a small custom Content Management System allowing her to edit and manage the information while at the same time maintaing a semantic and search engine optimized structure.

  • Visual Design

  • Logo & Identity Design

  • Illustration

  • Custom PHP & MySQL CMS

  • XHTML & CSS

  • Content Structuring / SEO

01

1261199803-kosha1

02

1261199810-kosha2

03

1261851987-kosha-logo

04

1261199816-kosha3

Kosha Yoga

I worked with Savannah Barnes to create a consise single page website for her Yoga instruction practice, Kosha Yoga. The Web site was designed to convey her personality and individual approach to Yoga to new clients in the Bozeman and Big Sky area as well as to provide a means for her to communicate upcoming classes and workshops to her students.

  • Visual Design

  • Logo & Identity Design

  • Illustration

  • Custom PHP & MySQL CMS

  • XHTML & CSS

  • Content Structuring / SEO

01

1261199664-imds1

02

1261199682-imds3

03

1261199698-imds4

IMDS

O’Berry | Cavanaugh designed a new website for IMDS that merged together several division’s subsites under one roof and name. I helped to translate the new look and feel of the brand onto the Web and was responsible for the production and deployment of the site. The site was built on the ExpressionEngine Content Management System, allowing complete client control of the language of the site as well as the ability to add new content down the road.

  • ExpressionEngine

  • jQuery

  • Visual Design

  • XHTML & CSS

©2009-2010 Joseph Bergantine. All rights reserved.