Warsaw / 2025-2026

BetterCX
Branding & Web

Visual identity and a landing page for BetterCX, an AI platform that automates customer service. From the brand mark, through typography, to a responsive website in shades of orange and black.

BrandingLogo DesignLanding PageUI/UXWeb Design
bettercx.ai/pl
BetterCX: white logotype

01. Logo and signature

CX signature

The BetterCX signature joins the letters “CX” into a dynamic, fluid shape that stands for a continuous, seamless customer experience. The loop of the “C” flows naturally into the “X,” forming a single, unbroken mark.

The logo was designed to work equally well as the full “Bettercx” logotype and as a standalone “CX” symbol, which keeps it flexible across contexts.

The geometry of the mark is built on a precise grid, and the stroke weights are balanced to stay legible at both large and small sizes.

BetterCX: CX signature
BetterCX: black logotype
BetterCX: white logotype
BetterCX: dark CX mark on a white background
BetterCX: white CX mark on a black background
BetterCX: logotype on the brand orange background
BetterCX: CX mark on a light orange background

02. Color

Brand palette

#F3591D

BetterCX Orange

#FF8D60

Orange Glow

#0C0C0C

Primary Black

#FFFFFF

White

#6F6F70

Text Gray

The BetterCX palette is built on a strong black-and-white contrast, with an energetic orange (#F3591D) as the accent color, expressing the dynamism, warmth and approachability of the AI platform. A softer shade (#FF8D60) is used for highlights and decorative elements.

03. Typography

Typography system

Headings: Poppins

Aa

H1: SemiBold

Aa

H2: SemiBold

Aa

H3: Medium

Font: Poppins

Text / UI

Serve your customers faster with AI, without hiring new staff. Automate customer service and grow your sales.

BetterCX AI PlatformRegular 400
BetterCX AI PlatformMedium 500
BetterCX AI PlatformSemiBold 600
BetterCX AI PlatformBold 700

Font: Poppins (UI / labels)

04. Landing page

The website

Design and build of the bettercx.ai landing page, which presents the AI customer service automation platform. A minimal design with orange accents, a clear section layout and prominent CTAs.

bettercx.ai/pl
BetterCX: landing page dashboard
BetterCX: desktop version on a laptop

AI chat

A chatbot that serves customers in real time: instant answers without the need to hire new staff.

Analytics and reports

A dashboard with customer satisfaction metrics, chat statistics, sentiment analysis and trends in user behavior.

Responsiveness

The landing page and chat interface were designed mobile-first, so everything works on any device.

05. UI system

Interface components

Buttons

Cards

Customer Support

AI Chatbot

Online

Instant, real-time answers to every customer question.

Resolved tickets

+24%

1,247

vs. 1,006 last month

Chat window

Customer Support

Instant reply

Hi! I'm your assistant. How can I help you today?

I'd like to check my order status

Type your message...

Navigation

BetterCX
ProductPricingContactLog in

Start for free

No credit card required

06. Approach

Design process

01

Visual identity

Building a consistent branding system: from the CX mark, through the logotype, to complete brand guidelines. The key was combining approachability with the technological character of an AI platform.

Logo DesignBrand GuidelinesFigma
02

Information architecture

Structuring the landing page for conversion: sections for service businesses and e-commerce, clear CTAs and a logical flow from the hero, through the features, to the sign-up form.

WireframingUser FlowUX Research
03

Design & Development

Building the design with orange accents on a white background. Responsive layout, the AI chat as the centerpiece, integrations with popular tools and a pricing section.

UI DesignWeb DevelopmentSEO

About the project

Branding and web project for BetterCX, covering the visual identity (logo, signature, palette, typography), a UI design system with an AI chat, and the design and build of the landing page. The site is live at bettercx.ai/pl.

Visit bettercx.ai