Profile

Cover photo
Joe Bergantine
Works at Kinsa
Attended The Art Institute of Portland
Lives in Bozeman, Montana
89 followers|6,166 views
AboutPostsPhotosVideos

Stream

Joe Bergantine

Shared publicly  - 
1
Matthew Bickerstaff's profile photo
 
I miss it!
Add a comment...

Joe Bergantine

Shared publicly  - 
 
I blogged about empowering engineers to be a collaborative asset to the marketing department.
2
Add a comment...

Joe Bergantine

Shared publicly  - 
 
Livestream

One feature on my website, picked up from when the whole thing was a livestream from various social media channels is the inclusion of my latest tweet, post on my photoblog and bookmark on del.icio.us

I typically encourage clients to push customers out to the actual social media channels rather than duplicating them on their site so I feel some need to justify why I have these on mine. I include these on my homepage to give a sense of recency to it. Generally my bookmarks and tweets are on topic with the rest of the site. I don't expect anyone to engage with me on my site within these channels but at a glance on my homepage they give a sense as to what I'm about. As such, I just include the most recent one rather than a stream of some kind without any kind of interactivity. 

Because of rate limiting including these is a bit of a trick. I don't want to hit the API every time the site is loaded and I don't want to waste database space archiving them. Instead I've used memcached to hold them and refresh every hour. I've written everything in Python rather than using JavaScript widgets so that they are actually spit out in HTML. 

In the case that I can't make an API call, if something fails, I want to just exclude that bit from the home page completely. 

Here's the code that I've written into the view to make the API requests, cache the results and then load that into the template context.

https://gist.github.com/anonymous/4390921
1
Add a comment...

Joe Bergantine

Shared publicly  - 
 
Redesigning in Public, Part 2: Sitemap

As mentioned in Redesigning in Public, Part 1 (https://plus.google.com/108223856046832968876/posts/6bLqG8WtRFe), I intend to keep the same sections of the site but to blow out the Workshop (renamed Projects) and Portfolio sections. The resulting sitemap looks similar to the existing site even at the secondary page level. The real differences are going to be exposed in the user interface and development.
1
Add a comment...

Joe Bergantine

Shared publicly  - 
 
Ed. As a pup.
1
Add a comment...
Have him in circles
89 people
Jeremy Sandlin's profile photo
Chad Smith's profile photo

Joe Bergantine

Shared publicly  - 
1
Donnie Clapp's profile photo
 
Alright then.
Add a comment...

Joe Bergantine

Shared publicly  - 
 
Redesigning in Public, Part 3: Site Outline

The prelude to yesterday's Part 2, the outline for the site.

After outlining I went through and designed it in my head. Asterisks indicate individual pages. 

Let's see how Google+ does at formatting...

- * Home
  |- Biography
  |- Life Feed
- * Portfolio
  |- Individual Projects
- * Projects
  |- Color Schemes
    |- * Specials Board
      |- Coda 1.x / SubEthaEdit
      |- TextMate / Sublime Text 2
      |- Xcode
    |- * Birds of Paradise
      |- Coda 1.x / SubEthaEdit
      |- TextMate / Sublime Text 2
    |- Django + Coda
      |- * Syntax Highlighting
        |- Coda 2
        |- Coda 1.x / SubEthaEdit
      |- * Code Clips (Django Template Code Clips)
  |- * Gesso
    |- SASS
    |- CSS
  |- Django Projects
    |- * Django Newproj
    |- * Applications
      |- Django Blog
      |- Django Contact Form
      |- Django Events
      |- Django Robots
- Contact Me
  |- Social Channels
  |- Contact Form
1
Add a comment...

Joe Bergantine

Shared publicly  - 
 
Redesigning in Public.

For the last several months I've been working on process a lot. Interactive process. Formalizing the steps that are taken to create a website. The roles. The team. The deliverables. The timeline. The tools. How to grow a team form one to two. To three. To five. How to get buy in from the rest of the company. From clients. How to take something incredibly complex and establish value without overwhelming.

Jeffrey Zeldman is well known for redesigning his website "in public" (http://www.zeldman.com/2012/04/18/redesigning-in-public-again/) as he says. Letting people watch the process as he goes through it. 

Over the Thanksgiving holiday I started redesigning my portfolio site. I've been making adjustments to it continuously since I launched it, adding new content, wordsmithing. Simple things. Things I planned on doing, within the scope of what I created it to be.

Sitting down and looking at it though, really looking, I could see that bigger changes need to happen. My portfolio, built to show a half dozen projects is now bursting, while the backlog of projects to add continues to grow. The workshop section, launched with just three related projects is also no longer best serving that content but struggling to keep up as the diversity and quantity of projects has grown. The interface, designed when the mobile evolution writing was on the wall but not so well formed as to provide a direction to follow is not optimized for mobile devices nor is the interface particularly touch friendly. 

From a development standpoint, the underlying technology, Ruby on Rails, has gone through some significant changes since the site was launched. The third party applications providing key pieces of functionality have evolved, updating the system to accommodate their new form a massive undertaking requiring redevelopment of almost every aspect; routing, views, controllers. 

And so I've decided to redesign, in public. Show my work as I go. Like solving an equation in a math test. An equation with no right answer and no mistakes. Just decision points. Show the process where there's no client confidentiality to keep in mind. 
3
Joe Bergantine's profile photoRich Hohne's profile photoDonnie Clapp's profile photo
5 comments
 
Well I'm looking forward to it. Feel free to tag me in posts (or put me in an Interested circle and tag that) so I don't miss them. 
Add a comment...

Joe Bergantine

Shared publicly  - 
 
Used to live in that green building in the foreground...
1
Add a comment...
People
Have him in circles
89 people
Jeremy Sandlin's profile photo
Chad Smith's profile photo
Work
Occupation
User Experience & Digital Product Design Consultant
Skills
User Experience Design, Web Development, Graphic Design
Employment
  • Kinsa
    User Experience Designer, 2008 - present
    Kinsa is a creative consultancy specializing in user-centered design. Kinsa's approach is holistic; converging business goals, user objectives, marketing momentum and design and programming craftsmanship to create a solid business-driving brand presence.
  • MercuryCSC
    Interactive Producer, 2010 - 2014
  • Thibeault Studios
    Graphic Designer, 2006 - 2007
  • Knowledge Learning Corporation
    Graphic Designer, 2005 - 2006
  • ID Branding
    Graphic Designer, 2004 - 2005
  • O'Berry Cavanaugh
    Interactive Designer, 2007 - 2009
  • O'Berry Cavanaugh
    Interactive Director, 2009 - 2010
Places
Map of the places this user has livedMap of the places this user has livedMap of the places this user has lived
Currently
Bozeman, Montana
Previously
Bozeman, Montana - Portland, Oregon
Story
Tagline
User Experience Designer. Djangonaut. Yogi. Cyclist. Runner. Triathlete.
Education
  • The Art Institute of Portland
    Graphic Design, 2002 - 2005
Basic Information
Gender
Male
Other names
jbergantine