Chris Van Patten: Website Portfolio

• SaraElizabethMusic

  • Design
  • HTML
  • CSS
  • Amalia
  • jQuery
  • Flash audio
  • Social media
  • Mailing list

  The Amalia platform provided the base of this modern, social media-laden site for musician Sara Elizabeth.

  Twitter updates are displayed in the footer (along with links to other social media platforms), while MailChimp provides old-school mailing list action. jQuery handles visual effects, including a custom scrollbar and animations.

  You are amazing.

  — Sara Elizabeth
  Musician, composer, sound designer
  • 
  • 
  • 

• Maggie's Cottage

  • Design
  • HTML
  • CSS
  • Amalia
  • Raphaël JS
  • jQuery

  Designed for a small vacation cottage in Ireland, Maggie's Cottage is a deceptively simple site. It's built on a flexible Amalia core, with jQuery and Raphaël providing visual effects, such as text rotation for each page's snapshot caption.

  I cannot tell you how many responses from I've gotten from people just raving about how great the site is. Lots of superlatives being used!

  — Liza Bresnan
  Host, Maggie's Cottage
  • 

• Theatre Aficionado at Large

  • Design
  • HTML
  • CSS
  • PHP
  • WordPress
  • Analytics

  Kevin Daly has built a reputation for posting fascinating, in depth, and detailed analysis of live theatre (both present and past) on his blog Theatre Aficionado at Large. This new look converted Kevin's blog from a simple Blogger site into an attractive resource for people who want to learn.

  Analytics was deeply integrated, with the aim of tweaking the site over the long term to increase traffic.

  I cannot thank you enough for all this awesome.

  — Kevin Daly
  Blogger
  • 

• Andrew Keenan-Bolger

  • Design
  • HTML
  • CSS
  • PHP
  • jQuery
  • Social media

  If you saw the original Broadway productions of Seussical, Ragtime, or the 2009 national tour of Disney's Mary Poppins, you probably saw Andrew Keenan-Bolger. His youthful persona has helped him maintain a life-long career on stage, and he needed a website with the look to match.

  OMG that was so fast! You're a rock star. Looks freaking awesome.

  — Andrew Keenan-Bolger
  Actor: Broadway, Film, Television
  • 
  • 
  • 

• Lee Lessack

  • Design
  • HTML
  • CSS
  • WordPress
  • GigPress
  • jQuery
  • Social media

  Animation takes the lead on this WordPress-powered site for singer Lee Lessack. Lee was eager to adopt blogging and social media as part of his core brand, but was used to a Flash-based site and its dynamic qualities.

  With jQuery in hand, creating smooth transitions and introductions was a cinch, giving the website a smooth feel in line with Lee's identity. GigPress provided an easy solution for managing Lee's many shows and tours.

  LOVE the new look and feel.

  — Lee Lessack
  Singer, owner: LML Music, Inc.
  • 

• Red Carpet Country

  • Design
  • HTML
  • CSS
  • PHP
  • WordPress
  • JavaScript

  Northwest Oklahoma's Red Carpet Country tourism board needed a strong, visual, and interactive web identity that would help market their region to the world. The result is a WordPress site that offers easy navigation between locations and attractions, a functional county map, and easy to read text.

  We really, really like your design work! The design is great. Really. Very pleased.

  — Becky McCray
  Rural entrepreneur
  • 
  • 

• Convinced?

  Like what you see? Your site could be here too. Email me.

  (There's more too, if you want to keep looking...)

• Syracuse Children's Chorus

  • Design
  • HTML
  • CSS
  • PHP
  • WordPress
  • Members area

  The Syracuse Children's Chorus is a Central New York music institution, giving talented young singers a chance to shine. They wanted their website to show off these singers, while adding interactive features. One such feature was a secure member area, so choristers could keep up with news.

  Everything looks great! I LOVE the look. I also love the rotating photos - awesome, awesome, awesome.

  — Melissa Rashford
  Executive Director (former)
  • 
  • 

• FOSSwire

  • Design
  • HTML
  • CSS
  • Python
  • Django

  FOSSwire is a massively popular blog covering open source technologies. This incarnation, version 3, was built on a custom Django foundation. FOSSwire 3 integrated forums, comments, and blog posts into a unified interface.

  Within weeks after the relaunch, the website hit 9000 subscribers.

  This is a great update to the site.

  This is very cool stuff, guys. Great to see!

  — FOSSwire users
  commenting on the redesign
  • 
  • 
  • 

• Becky McCray

  • Design
  • HTML
  • CSS

  Rural advocate and entrepreneuer Becky McCray needed a simple "business card homepage" to allow enable quick access to her many blogs and social media accounts. The large and prominently placed photograph turns the site into a window, inviting us to interact with Becky.

  • 

• (td)squared

  • Design
  • HTML
  • CSS
  • PHP
  • WordPress

  Theatre Design and Technology students at the University at Buffalo needed to document travel experiences as a condition of receiving research grants. In cooperation with faculty and (fellow) students, (td)squared was developed, providing an outlet for students to maintain travelogues.

  • 

• GizBuzz

  • Design
  • HTML
  • CSS
  • PHP
  • WordPress

  By early-2006, analysis of "Web 2.0" had begun to take a turn for the crazy, as writers were quick to over-estimate the effects this shift would have on the future of the web. Huw Leslie's GizBuzz took a more leveled approach to analyzing these trends.

  This theme helped relaunch GizBuzz, as lead-up to the start of Oratos Media (GizBuzz was a founding blog).

  I'm really excited actually; a professional theme for GizBuzz!

  — Huw Leslie
  Editor-in-chief, GizBuzz
  • 

• Mohawk Central Schools

  • Design
  • HTML
  • CSS
  • PHP
  • WordPress

  With a massive vote looming on an important building project, Mohawk Central Schools had to convince voters of the importance of the project and the schools' role in the community. The web proved a powerful tool in this mission, and this website was comissioned. History, news, and budget information was posted so the public could learn more.

  The vote easily passed.

  • 

• YouMakeMedia

  • Design
  • HTML
  • CSS
  • PHP
  • WordPress

  A founding member of the Oratos Media Network (along with FOSSwire and GizBuzz), YouMakeMedia is a blog devoted to user-generated media in the age of the internet. Focusing primarily on video, the site provides tips, links, and tutorials for people looking to learn more about creating the next YouTube hit.

  • 

• Death and Taxes

  • Design
  • HTML
  • CSS
  • PHP

  Jess Bachman's enormously popular Death and Taxes poster is a number-lover's dream: Bachman breaks down the federal budget in a visual friendly chart that stretches to a massive six square feet.

  Before Jess created his successful WallStats brand, this was the online home of the poster. The layout was designed to recall the poster, and included custom PayPal integration, with the ability to send a copy of the poster to your representative.

  • 

• BroadDev

  • Design
  • HTML
  • CSS
  • PHP
  • WordPress

  John Furrier, Silicon Valley tech pundit and entrepreneuer, wanted a simple design for BroadDev, a blog he was preparing to launch that would focus on enterprise communications and how they connected to "Web 2.0."

  • 

• Stolen Infatuation

  • Design
  • HTML
  • CSS
  • PHP
  • phpBB

  Beginning as a CSS demo, this highly visual site became the website for band Stolen Infatuation. It integrated with popular forum solution phpBB for news posting and special account privileges. Flash provided audio, and an image gallery enabled more engagement.

  •