Joe Bergantine: Interactive Designer

Web design & development portfolio.

01

1309011691-getlost-home

02

1309011709-getlost-place-detail

03

1309011729-getlost-trip-list

04

1309011719-getlost-trip-detail

05

1309011701-getlost-map

Get Lost

Get Lost is a website and marketing campaign for the Montana Office of Tourism designed to promote uniquely Montanan places to eat and stay as well as things to do. The campaign integrates with Facebook, crowd sourcing the collection of data which is geographically plotted and tagged as well as curated into “trips”.

  • Social Media Promotion

  • Community Management

  • Concept Development

  • Django / PostgreSQL / Fabric / South

  • Haystack & Xapian

  • jQuery / JavaScript

  • HTML / SASS / Compass

  • Visual Design / User Interface Design

  • Usability Research

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 led 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.

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

  • XHTML & CSS

  • Content Structuring & SEO

  • User Interface Design & Development

  • Email Design & Development

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

  • BazaarVoice & ExactTarget Integration

  • MySQL / SQLite

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

  • XHTML & CSS

  • Content Development / SEO

  • Django / PostgreSQL / Fabric / South

01

1309012142-merc-home

02

1309012166-merc-home-modal

03

1309012151-merc-case-studies

04

1309012159-merc-contact

05

1309012174-merc-montana

MercuryCSC

An internal project at MercuryCSC, an aesthetic redesign of our website was necessitated by a rebranding of the company. At the same time I recommended redevelopment of the backend, moving from a PHP / WordPress / static HTML hodgepodge to the Django framework to allow for DRYer updates, single occurrence data entry, and the ability for non-technical staff to make updates.

  • HTML

  • SASS / Compass

  • Django / PostgreSQL / Fabric / South

  • jQuery

  • MailChimp Integration

01

1295156326-72ppi-photo-blog---joseph-b

02

1295156338-comment

03

1295156347-post

04

1295156359-taaggedas

05

1295156368-tags

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 Django in 2010 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

  • Content Development / SEO

  • HTML / XML / XSLT / CSS / Microformats

  • Django / MySQL / Fabric / South

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

1327380446-coattales6

02

1327381297-coattales7

03

1327380438-coattales5

04

1327380421-coattales3

05

1327381278-coattales2

06

1327380431-coattales4

07

1327381260-coattales1

Coat Tales 2011

CoatTales2011 was MercuryCSC’s project for the 2011 holiday season. Intended to raise awareness for coat drives, the site asks you to donate a coat and then share a message both with your friends and family as well as the future owner of the coat. The site takes advantage of full Facebook integration; from authentication to sharing. It also makes use of a responsive design; scaling between mobile devices and large screens.

  •  Responsive HTML5 / CSS3 / JavaScript

  • Django / PostgreSQL / Fabric / South

  • HTML eMail Marketing

  • Facebook Open Graph API

01

1295591269-rotten1

02

1293385578-rotten2

03

1293385587-rotten3

Have a Rotten Christmas

Rotten Christmas was an internal project for MercuryCSC, a Christmas card to our friends and clients. The project, based on Michael Pollan’s premise that we should “Eat only foods that will eventually rot,” aimed to raise awareness about local, sustainable food choices during the holiday season.

  • HTML5 / CSS3

  • Django / PostgreSQL / Fabric / South

  • Visual Design

  • Content Structuring / SEO

  • HTML eMail Marketing / Design / Development

  • Social Media Strategy / Multimedia Promotion

  • Concept Development

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

An internal project at O’Berry Collaborative, we needed to redevelop our site after an internal rebranding to better convey our design methodology and thought leadership to clients. After evaluating several frameworks and content management systems I built 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

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

01

1287239788-1261199874-blanchford1

02

1287239798-1261199881-blanchford2

03

1287239806-1261199887-blanchford3

04

1287239814-1261199898-blanchford4

Blanchford Landscape Contractors

Blanchford Landscape Contractors, a Bozeman-based landscaping service, worked with Thibeault Studios to create a new Web site that emphasized their dedication to sustainable landscaping. Their creative process when approaching a project lead us to develop a kind of scrapbook gallery that allowed clients to browse their past works and flag for future reference things they liked.

  • Visual Design

  • XHTML & CSS