CME / ConnectME

ConnectME made visible.

Website, rebrand, logo system, around 50 brochures, product visuals, and a public video set for ConnectME and uBill.

CME / ConnectME featured video
Website

The public site plus the design system behind it.

Screens from the ConnectME style guide showing the website structure, high-fidelity pages, and responsive states.

High fidelity ConnectME website prototype screens

High-fidelity website screens

Page designs and product sections prepared for the ConnectME site.

Responsive ConnectME website prototype screens

Responsive states

Desktop and mobile adaptations documented inside the style guide.

ConnectME information architecture page from the style guide

Site architecture

Navigation and page structure mapped before visual production.

Brand system

Logo, color, and type rules.

The brand PDFs show the redesigned identity system that supported the site, brochures, and product communication.

ConnectME logo system from brand guidelines

Logo system

ConnectME and product logo usage rules in one place.

ConnectME color system from brand guidelines

Color system

Primary, secondary, and support palettes for web and print.

ConnectME typography system from brand guidelines

Typography

Font hierarchy and usage rules for consistent layouts.

Product video

The ConnectME public video set.

Four public videos from the ConnectME reel, embedded directly for quick review.

ConnectME video 1
AI commercial
Use-case film
Explainer
Delivered

What GenSync shipped.

Rebrand

New visual direction, brand rules, colors, and usage system.

Website

Public website screens, page structure, and responsive design direction.

50 brochures

Around 50 brochure layouts for sales and product communication.

Videos

Product visuals and explainers made for faster buyer review.

Open the full ConnectME reel, or jump back to the selected work on the homepage.

Open full reel