Skip to content
MAX CIACCIO
Back

Yappa / Brand Expansion & Website

Expanding Yappa’s brand into a new website.

Translating an audio and video conversation platform into a refreshed visual identity and responsive marketing website.

Role
Senior Product Designer
Focus
Brand and web design
Platform
Marketing website
Yappa website redesign displayed on a desktop monitor

About the project

Expand the identity alongside the product.

The project expanded and modernized Yappa’s core visual identity alongside its product evolution. The brief called for a vibrant, playful digital environment centered on human connection, community belonging, and online safety.

A website built around conversation.

The visual concept emphasized fluidity, interaction, and distinctiveness. The site positioned Yappa as a space for authentic, face-to-face conversations, with a visual language that supported that proposition.

Opening website mockup showing the audio and video commenting proposition, wave forms, profile portraits, and product interface.

Website

Bring the conversation to your website.

The homepage introduces Yappa as an audio and video commenting platform. Product examples show conversations, community activity, and discovery alongside the main proposition.

Desktop and mobile homepage: hero, product explanation, benefits, video, featured-publication logos, and contact form.

Product benefits

Multimedia conversations

Introduce audio and video as ways for a community to participate in conversation.

User-generated content

Show community content as part of the website’s value proposition.

Moderation

Present moderation alongside participation as part of the product story.

Share and discover

Show how people can discover content and extend the conversation.

Photography

Put people at the center of the visual identity.

The presentation uses expressive portraits against colorful backgrounds, connecting the brand to the people who take part in its conversations.

Eight-person photography grid with expressive portraits and colored backgrounds.

Typography

Montserrat

Montserrat was selected as the brand’s foundational typeface. Its geometric structure and modern character support a confident, approachable voice. Regular, Semi Bold, and Bold weights establish hierarchy across headlines and body copy for web and mobile.

Montserrat specimen showing Regular, Semi Bold, and Bold.

Colors

Energy balanced with contrast.

Yappa’s red introduces energy and emotion, while dark grey and white provide balance and contrast. The palette combines bold brand color with neutral surfaces to support a clear visual hierarchy.

Brand palette specimen: Yappa red, light grey, white, dark grey, and the red-to-pink gradient.

Website pages

Extend the visual language beyond the homepage.

About Us page with the communication proposition, team message, portraits, product examples, and shared contact footer.
Press room, pricing plans and comparison table, and contact page shown in their source presentation order.