portfolio
Senior Designer/Developer
UX Designer & Senior Developer
Senior Front End Developer
Creative Front End Developer
Lead Front End Developer
Front End Developer
Creative Front End Developer
Front End Developer
Front End Developer
Creative Front End Developer
Front End Developer
Lead Front End Developer
fredtranfield.com rebrand & redesign
Rebuilt this portfolio site using cutting edge Gatsby/React.js with a Drupal 8 backend
fredtranfield.com2019-04-03
Built this lighting fast, Google approved, responsive site using cutting edge technologies - I redesigned this site to be clean, responsive, accessible using Gatsby/React to build out the static front end while gathering the backend data from Drupal/GraphQL.
I've been wanting to step out my comfort zone and deepen my knowledge of ES6 and try out my custom written Sass framework on a new site. In between clients, I got my opportunity, and here's the result.
the tool stack
MUSC UX and accessibility refresh
Designed and developed Sass/Gatsby framework for the many MUSC sub-sites
MUSC.edu2018-11-22
MUSC is South Carolina's only comprehensive academic health science center. Our purpose is to preserve and optimize human life in South Carolina through our vision to lead health innovation for the lives we touch.
I was tasked to update front end User Experience and Accessibility. The CMS system was based on an outdated version of SiteCore and the theme was very old and in need of some love. I built out a custom framework based on my own personal Sass framework, Gatsby/React and modern JavaScript.
the tool stack
Muscle & Strength redesign and optimization
One of many sites I've worked where the business grew faster than the site's ability to keep up
Muscle and Strength2017-07-17
THE TOOLS YOU NEED TO BUILD THE BODY YOU WANT®
The Sass/js had become so bloated it was slowing down the site. I cleaned out 20% of the bloat on my first small project... :) Designed and implemented a cleaner, easier to navigate UI based on the Foundation CSS Framework.
the tool stack
Speakman.com new theme implementation
Implemented brand new theme with pixel perfect precision
Speakman.com2017-03-22
Way back in 1869, brothers Allen and Joseph Speakman opened up a modest plumbing workshop in Wilmington, Delaware. With a pioneering spirt and an unwavering dedication to craft, the brothers would engineer the world’s first adjustable shower head.
Tasked to build the front end with pixel perfect precision based on Sketch mockups. As usual, I had to get creative with mobile and tablet theming to optimize UI. Built out a mini Vue.js app to handle the category listing pages.
the tool stack
LeCreuset.com site branding and redesign
Championed the development of the award-winning new theme
Le Creuset2015-10-01
Le Creuset is focused on inspiring and empowering people everywhere to make joy through cooking. From our original enameled cast iron cookware to stoneware, stainless, silicone and more, Le Creuset has grown to offer products across a range of materials and categories that guarantees the right tool for the right job.
New Implementation and Design by Blue Acorn.
Front end story champion for this new implementation, which won Best Web Design Award, at Imagine 2016. This site required sophisticated animation technique which we implemented through a combination of css animation and the Velocity.js optimized animation engine.
the tool stack
Nau.com theme maintenance
Nau2015-07-01
In 2007 Nau was founded on the idea that style, performance and sustainability could be friends, and we’ve never looked back. We relentlessly examine and experiment in order to design modern clothing that performs and has the least impact possible on the environment.
Took over the site from the original developer. Ran a code audit and made optimization recommendations. We were tasked to maintain the UIX on an ongoing basis.
the tool stack
ShopNational.com new theme
Built out this newly designed, responsive site with pixel perfect precision
National2015-07-01
From casual apparel to lingerie, hosiery to loungewear, and everything in between, National is dedicated to treating you like family. Our focus is the woman who wants comfortable classic clothing at an affordable price.
A Blue Acorn New Implementation Client.
the tool stack
SouthernTide.com theme maintenance
Southern Tide2015-05-01
Southern Tide was founded by a 23 year-old young man named Allen Stephenson. Raised in the South, Allen saw a need in the marketplace for high-quality clothing with a classic Southern style. It was really quite simple: he wanted to take all the modern design elements of today’s youthful trends and tie these in with his love for old southern culture and lifestyle to create a brand that stood for craftsmanship, clean lines, classic design and rich heritage.
A Blue Acorn Value Creation Client.
Took over the site from the original developer. Ran a code audit and made optimization recommendations. We were tasked to maintain the UIX on an ongoing basis.
the tool stack
Stio.com theme maintenance
Stio2014-12-01
Based in Jackson Hole, Wyoming, Stio was founded to inspire connection with the outdoors through beautiful, functional products. Stio is apparel you can live in - in both the epic and quieter moments of outdoor life.
A Blue Acorn Value Creation Client.
A long term Blue Acorn client. We maintain the UIX on an ongoing basis, provide a/b testing and site optimization as called for. I was tasked to update the WordPress blog associated with this Magento store.
the tool stack
Curtain Call Costumes redesign and theming
Animation and theming custom designed rebrand
Curtain Call Costumes2014-04-01
From our base in York, Pennsylvania, our team stitches a lot of pride into each and every Curtain Call® costume, handcrafting every design, ruffle and detail so that you and your dancers dazzle on stage.
New Implementation by Blue Acorn.
Front end developer new implementation. This site required sophisticated animation technique which we implemented through a combination of css animation and the Velocity.js optimized animation engine.
the tool stack
Everlast.com
Front end maintenance and international implementation
Everlast2014-04-01
The preeminent brand in boxing since 1910, Everlast is a global leader in the design, manufacturing, licensing and marketing of authentic boxing, mixed martial arts and fitness related sporting goods equipment, apparel, footwear, and accessories.
A Blue Acorn New Implementation and Value Creation Client.
I was tasked to maintain and implement the international roll out of the UIX.
the tool stack
FUNimation.com rebrand and theme implementation
Implemented brand new theme, first on Drupal, then CodeIgniter backend
FUNimation2013-01-01
FUNimation® Entertainment is the leading anime company in North America. FUNimation has a proven formula for launching and advancing brands. We manage a full spectrum of rights for most of our brands including broadcasting, licensing, production, internet, and home video sales and distribution.
I was initially hired to develop the front end UIX in a Drupal installation. Later we migrated the site to a CodeIgniter instance, with many customized modules.
the tool stack