Apta logo on a teal background

A full year of product, website, motion and branding work

Brand Strategy

Motion & Video

Marketing Collaterals

Design System

Product Identity

Moonvine turns scattered marketing data into clear weekly reports.

01

Discovery & brand definition

We started by understanding Moonvine through two connected worlds: the brand and the product. On one side, we explored the market, competitors, audience, positioning, and communication opportunities. On the other, we studied the product itself, the weekly reports, their purpose, structure, and the kind of clarity they needed to deliver. This phase helped us define the foundation for a brand that feels strategic, intelligent, and actionable.

  • Moonvine website and brand design board

Drag to scroll the carousels

02

Brand and
guidelines

Brand and guidelines

From that foundation, we created Moonvine’s brand identity and its core guidelines. This included the visual system, tone of voice, design principles, and the rules that would keep the brand consistent across every touchpoint. We also defined how the identity should adapt to the product, creating a bridge between Moonvine’s external communication and the experience inside its reports.

  • Moonvine brand style guide with logos, colors, and typography
Moonvine website shown on a laptop
  • Moonvine brand identity applications and layouts
  • Moonvine black, purple, and yellow interface examples
Moonvine product dashboard shown on a tablet
  • Moonvine brand collateral and digital assets

03

Product &
Design system

With the brand system in place, we moved into the product experience. We designed how Moonvine’s reports should look, feel, and communicate information, building a product identity that could organize complex data in a clear and useful way. To support this, we created a design system with reusable components, layouts, visual patterns, and assets that made the product scalable and consistent.

Moonvine brand identity moodboard and digital examples
  • Moonvine design system with colors and typography
Moonvine product interface design screens
  • Moonvine website page layouts and brand colors

04

Web and Launch

The website became the main expression of Moonvine’s new positioning. We worked from the first structure and content direction to the final visual design and launch, translating the brand and product value into a clear digital experience. The goal was to explain what Moonvine does, show the strength of the weekly reports, and create a website ready to support the product’s market launch.

Moonvine website mockup on a laptop
Moonvine product interface shown on a tablet
Moonvine landing page shown on a laptop

16

16

05

Assets and collaterals

To extend the system beyond the website and product, we created a set of assets and collaterals for different brand touchpoints. This included social media materials, video direction, presentation assets, and reusable visual elements. Each piece was designed to keep Moonvine’s identity consistent while giving the team flexibility to communicate across formats, channels, and future campaigns.

Visit Moonvine’s current website

Join our Newsletter

A look inside our work, process and thinking.

Apta branded mailbox illustration

Join our Newsletter

A look inside our work, process and thinking.

Apta branded mailbox illustration
Smooth Scroll
This will hide itself!