Sullivan Wolf Kailus
Sullivan Wolf Kailus
Branding | Design | Development
Sullivan Wolf is a women-owned, boutique law firm offering specialty services at a fraction of big law prices.
We worked with Sullivan Wolf to refresh their identity bringing a modern, feminine touch to the brand.
Utilizing the new modern branding we created an equally modern website experience that folded away revealing details about the firm in an engaging, animated manner. Everyone involved was extremely pleased with the results.
The branding was updated with a modern type face, a strong feminine color palette, a streamlined brand mark, and a new logo shorthand.
Soft-edged shapes and overlapping radial gradients complete the new brand look, allowing for unique and cohesive application across platforms.
Soft-edged shapes and overlapping radial gradients complete the new brand look, allowing for unique and cohesive application across platforms.
The entire site opens and unfolds, section by section, revealing each piece of content with unique and elegant movement.
Special attention was paid to details like the color shifts of the menu as the sections change and overlap.
Extra secondary animations, like a spinning money-clock, added an extra touch to the messaging.
Red Fox Coffee Merchants
Red Fox Coffee Merchants
Branding | Design | Development
Red Fox Coffee Merchants globally sources high-end coffee beans for specialty coffee roasters across the US. By developing mutually beneficial relationships with the farmers, cooperatives, and communities they buy from, they build a stronger, more resilient supply chain.
We worked with Red Fox to completely overhaul the brand’s look (leaving the fox icon but reworking all other aspects). An elegant font and modern, coffee-centric color palette provide a needed boost for the brand. And the elevated style rose to match the elevated level of service Red Fox provides.
In addition to a beautiful, fully redesigned website we implemented a custom e-commerce experience. The new site allowed for easy purchase of beans at scale and Red Fox was able to more seamlessly sell and distribute through the site.
Across the site changes of pattern and color are used to delineate content. The cross hatch brown subtly references the burlap of the bags used to transport the beans.
With a huge offering of coffees the details and filtering need to be clean, clear and simple. The cards used iconography to quickly show regionality. And rotating cards add a small moment of fun without getting in the way of the end goal.
Because the site is informational and e-comm the search needed to be easy to use (and elegant) when seeking different pieces of content.
Become Unmistakable
Become Unmistakable
Design | Development
Become Unmistakeable provides Human Resource software and training to help companies thrive in the modern, remote-centric work environment.
We worked with BU to create a new cohesive brand-style that would work across multiple products and service offerings. Using an “organic portal” and a spinning reveal we created a language that allowed us to feature a variety of content.
The site was designed and animated to invite users in and make a complex offering easy to explore and understand. And Simple iconography and bright color-coding kept things clear throughout.
The logos and iconography are wrapped in portals to create movement and bring focus to each section.
To contrast the high motion of the portals the type is revealed from behind “curtains” with a subtle swipe.
Menu and button hovers utilize the rounded edges of the portal to create unique hover animations.
Warner Music: WMEnergy
Warner Music: WMEnergy
Design | Development
Each holiday season Warner Music Group makes a large donation to a non-profit in the name of their employees. In 2022 they partnered with Moving Windmills to launch an initiative that helps combat the effects of climate on agriculture in Kasungu, Malawi with clean, renewable energy.
For the second year in a row we were brought in to design and build a cutting edge site to share information about the holiday gift.
The designed utilized elements of the Malawi flag, energy-grid lines, and bright colors. And the animations moved the user through the campaign with dynamic, fun scrolling animations.
The mood of the site is immediately set with animated shifts in color, tone, and pattern setting the stage for the energy of the whole experience.
The site has depth in style and movement through patterns, color blocks, icons, and photography. The elements move in and out along an organized grid which is contrasted by the organic nature of the shapes and photography.
The power-grid lines move in and out and the sun-like shapes from the flag spin with energy keeping the site moving even when it is not being scrolled.
Informal
Informal
Design | Development |
informal is a freelance collective that pairs businesses with engineers, manufacturers, marketers, designers, and developers (including yours truly), to bring physical products to life in the real world.
We worked with informal and designer Elizabeth Godspeed (who created all of the branding) to bring the informal brand to life online. With unexpected interaction and work-like animations, the design remained clean and simple and the moving parts were complex but subtly integrated.
The design and animations synched up for subtle but complex movement.
Custom scrolling animations were used through out the site to keep the design clean while displaying large pieces of information.
Close attention was paid to the interactive details of each piece like the hovers, loading, and content reveals.
The animations were styled to be simple but with character. Each movement was given a work-like feel.
Susan Crown Exchange
Susan Crown Exchange
Branding | Design | Development
The Susan Crown Exchange is a foundation that focuses on preparing youth to thrive in a rapidly changing world through social and emotional learning, technology, and sports.
We worked with Susan Crown Exchange to completely redesign their identity, creating a new, sophisticated logo and color palette.
With the new branding as a foundation we designed a website experience that properly represented and showcased SCE’s amazing work. We’re very proud to have played a small part in what SCE does.
The new identity with color usage and special brandmark.
Elegant Scrolling animations subtly compliment the designs.
Sub-menus are revealed as the site “opens”. Special attention was paid to the hover effects.
Style and shape elements of the identity were used to create dynamic site components.
Close attention was, as always, paid to the interaction detail.
Warner Music: WMBee
Warner Music: WMBee
Design | Development
Each holiday season Warner Music Group makes a large donation to a non-profit in the name of their employees. In 2021 they partnered with Heifer International to launch #WMBee, an initiative to rebuild bee populations in Mexico, Nicaragua, and Honduras.
We worked with Warner Music Group to design and build a cutting edge site to share the info about the holiday gift.
The hive-centric design came to life with special page transitions and complex, lively animations.
The honeycomb shape was utilized as a main layer of the design as well as an active component of the site, accentuating each transition.
Special attention was paid to scrolling cues, previewing the upcoming content and keeping users moving.
We focused on the animation details of every element, like text transitions, to give the site the active feel of a beehive.
Together Not Together
Together Not Together
Branding | Design | Development
Stay home, stay safe, and meet some amazing freelancers.
During the early days of the pandemic the world went remote and everyone was shifting the way they worked (and found work).
We worked with Nate Gagnon to create Together not Together, a resource of established freelancers sharing their experiences, advice, and support for the new remote work force (and maybe finding work along the way).
Exploding words and letters captured the feeling of the moment-in-time in motion.
Detailed type animations compliment the clean, simple design elements.
Bright menu’s move quickly with a pop of color and a little bounce to their step.
(Also: Check out the subtle load on the hamburger menu hover)
(Also: Check out the subtle load on the hamburger menu hover)
Top Five Salads
Top Five Salads
Development | Design Consulation
Dave Wendland loves salad, so much so that he created a list of the his top salads (in Chicago). We were so impressed with his dedication that we made a site to showcase the list.
We worked with his wife, designer Jillian Lamb, to bring the salad-list to life. And knowing Dave wasn’t the sole salad lover out there we added the ability to recommend new salads that might one day make the top 5.
Hey, maybe you’ve got a salad to recommend?
The list came to life with a spinning-salad loader and a little dancing-veggie header.
The top five are intro’d with animated bars and numbers.
The menu action involved a bright, animated double fold.
Big Swig Tours
Big Swig Tours
Branding | Design | Development
The Susan Crown Exchange is a foundation that focuses on preparing youth to thrive in a rapidly changing world through social and emotional learning, technology, and sports.
We worked with Susan Crown Exchange to completely redesign their identity, creating a new, sophisticated logo and color palette.
With the new branding as a foundation we designed a website experience that properly represented and showcased SCE’s amazing work. We’re very proud to have played a small part in what SCE does.
The Logo was subtly animated to pour out as the site loads.
Bold colors, big fonts, and scrolling animations bring attention to the important content…like the tours being sold.