Earthly Made - Full Services + Illustration & Motion

Christina Kosik

Brand Designer
Web Designer
Webflow Developer
Adobe After Effects
Figma
Webflow
Earthly made is a creative studio working with ecologically responsible companies to amplify their impact in the digital world.

The Project

Earthly Made Studio is a concept project that required a full brand identity, web design, web development, illustrations and motion design. My goal was to create a minimalistic design combined with a heavy focus on animations to create an interactive experience throughout the site.
Timeline: 3 weeks

1. Branding

Our logo typeface was the perfect choice for this brand because of it's friendly yet techy characters. It can serve as the wordmark alone, or accompanied by our symbolic green flower. We also opted to use lower-cased text for the wordmark and throughout the site as it gave a softer appearance in the brand.
The brand features a combination of geometric shapes and environmental objects that embody a sustainable essence while bringing a warm and friendly aspect to the brand.

2. Web Design

The websites' modular design, rounded corners, and simple colour palette extends the brand's position between tech, creativity, and friendliness.
Hightlights:
Navigation - The links current state is shown by the links extention to the remaining width of the page.
Content - Using blocks to distribute content helps separate the content on the page and provides an interesting layout.
Animations - Telling a story through our animations, while keeping users engaged.
Hidden Interaction - A special surprise occurs when a user hovers over the footer logo!

3. Development

Taking this design into webflow, we structured all of our base elements to create our design flawlessly. The animations were used as JSON files (or lottie animations) to reduce file size and keep the website running smoothly.

Visit The Site ↓

Partner With Christina
View Services

More Projects by Christina