Stillwater Artisanal | Communication Arts

Responses by Drexler.

Track record: The new Stillwater internet site was conceived as an archival platform to showcase its beverage concepts from about the years though also working as an e-commerce practical experience for sharing existing and long run choices with the planet. With Stillwater’s world adhering to in the craft beer and beverage marketplace, its new internet site provides guests the option to entry products and earlier unavailable data.

Structure main: The site’s in general approach to the internet site embraces the minimalist aesthetics of the Stillwater model. An unorthodox homepage carousel—where every thing moves all at once—challenges the user to make their subsequent transfer. Animation adds element to the otherwise nominal technique, from scroll animations to loading the typography from portion to section.

Challenges: We ended up faced with two issues when producing the solution for the style and progress of this web page. The 1st challenge essential independent storefronts for site visitors from the United States and from the United Kingdom and European Union. We opted to use a WordPress Multisite, enabling us to maintain a unified concept throughout both equally internet sites although staying equipped to satisfy Stillwater’s various small business prerequisites.

The 2nd, which may well not seem to be like a obstacle, was starting up from a totally blank slate. Stillwater did not have any prior on the web existence almost everything it had in position was fundamentally temporary. This meant we experienced to architect a new system and build information for a brand name that was by now ten many years outdated. The process was collaborative at times, but we have been empowered to operate with our tips and acquire content material we believed was important on the fly.

Special navigational capabilities: When we give the user a conventional navigation toggle and panel to make their way as a result of the web site, we produced the homepage with a focus on hard the consumer to navigate in an unorthodox way. We present them with paths to select, but right after a number of seconds, they modify place, finally returning to their first placement soon after biking through the homepage articles. This approach embodies Stillwater’s angle toward an market pushed by trends—we put our personal spin on what the criteria are.

Technology: The web site was built on a highly custom made WordPress and WooCommerce admin with HTML, JavaScript, PHP and Sass. We prolonged WooCommerce solution webpages with modular personalized fields, enabling us to construct distinctive products content material concentrations, from packed with stories and imagery to very simple, single item pages with negligible description. Virtually all of the animation is driven by CSS apart from for the use of three.js, which powers a spinning globe on the Obtain Our Beer website page, and GSAP, which helps animate the logo uncovered in the site’s higher left.

Look through Assignments

Click on an graphic to check out far more from every project

Leave a Reply