Stillwater Artisanal | Communication Arts

Responses by Drexler.

Track record: The new Stillwater web site was conceived as an archival system to showcase its beverage concepts from more than the several years while also working as an e-commerce encounter for sharing recent and future choices with the globe. With Stillwater’s worldwide adhering to in the craft beer and beverage business, its new web page provides website visitors the possibility to obtain products and solutions and earlier unavailable details.

Design and style core: The site’s in general tactic to the internet site embraces the minimalist aesthetics of the Stillwater manufacturer. An unorthodox homepage carousel—where all the things moves all at once—challenges the consumer to make their upcoming transfer. Animation adds depth to the otherwise minimal solution, from scroll animations to loading the typography from area to portion.

Troubles: We were faced with two issues when producing the solution for the design and style and improvement of this website. The first problem required different storefronts for readers from the United States and from the United Kingdom and European Union. We opted to use a WordPress Multisite, enabling us to keep a unified concept across equally websites although being able to meet up with Stillwater’s different company necessities.

The 2nd, which may perhaps not seem like a challenge, was setting up from a entirely blank slate. Stillwater did not have any prior online presence every little thing it experienced in location was mainly short-term. This meant we experienced to architect a new system and establish written content for a brand name that was presently 10 several years old. The course of action was collaborative at occasions, but we were empowered to operate with our suggestions and build written content we assumed was important on the fly.

Specific navigational attributes: Even though we give the person a conventional navigation toggle and panel to make their way by the web site, we produced the homepage with a concentration on challenging the consumer to navigate in an unorthodox way. We existing them with paths to decide on, but immediately after a number of seconds, they change posture, finally returning to their first placement immediately after cycling through the homepage material. This strategy embodies Stillwater’s perspective toward an business pushed by trends—we set our personal spin on what the criteria are.

Know-how: The internet site was created on a highly personalized WordPress and WooCommerce admin with HTML, JavaScript, PHP and Sass. We prolonged WooCommerce item internet pages with modular custom fields, enabling us to build distinct solution material amounts, from packed with stories and imagery to very simple, one product web pages with nominal description. Just about all of the animation is pushed by CSS besides for the use of 3.js, which powers a spinning globe on the Obtain Our Beer web site, and GSAP, which will help animate the symbol located in the site’s higher left.

Search Assignments

Click on on an graphic to watch far more from every job