Vivo Sync

Brand and website
Tattoo management serviceCalifornia, USA
Desktop
Tablet
Mobile

About Vivo Sync

Client and Project

Vivo Sync runs the business side of tattooing for independent artists and studios: the booking calendar, lead generation through Meta ads, client communication by text and email, reporting, financing through Klarna and Affirm, and pain-free sessions with local or general anesthesia. Artists keep the needle; Vivo Sync keeps the calendar full.

My Responsibilities

Brand, web and build

From the wordmark to the last line of the inquiry form, one designer on the whole visible side of the brand.

Brand identity

The Vivo Sync wordmark and the condensed title lockup.

Art direction

Editorial type, tattoo photography and the poster-style data visuals.

Website design

One long scroll that sells the service section by section.

WordPress build

Astra and Elementor, scroll motion, anchors and the inquiry forms.

Brand Identity

Wordmark, palette and brand in use

A light, wide-tracked VIVO SYNC wordmark for the header and a heavy condensed version for big moments, set against blackletter and poster type so the tattoo world is in the brand itself.

Vivo Sync wordmark, light, on Ink

Wordmark, light, on Ink

Vivo Sync wordmark, dark, on Bone

Wordmark, dark, on Bone

Condensed VIVO SYNC title lockup

Condensed title lockup for big moments, like the footer

Color palette
Ink#000000 · Hero, dark bands, type on Bone
Off Black#111111 · Body text and secondary dark surfaces
Bone#E7E7DE · Page ground and type on dark
Tattoo Red#D65A5A · Data visuals and the poster accents
Typography, measured on vivosync.net
TATTOO MANAGEMENT
Poster headline · Koulen, 346px on the page
DATA
Section word · Anton, up to 820px
GET BOOKED, GET PAID.
Headline · Bebas Neue, 75 to 432px
might seem complicated
Blackletter · UnifrakturMaguntia, 104px
TESTIMONIALS
Label · Alfa Slab One, 63px
Seamless Booking System
Heading · Helvetica Bold, 16 to 35px
Our platform ensures that your schedule is always up to date.
Body · Assistant, 14 to 21px
Be the Artist.
Footer line · Playfair Display, 53px
Brand in use, in the app palette
Vivo Sync business cards, Neutral front and Bone back

Business cards, Neutral and Bone

Vivo Sync appointment card and aftercare card

Appointment and aftercare cards

Vivo Sync gift card on a Khaki envelope

Gift card and envelope

Khaki tote bag with the Vivo Sync wordmark and Be the Artist

Tote bag in Khaki

Studio window with a Booked through Vivo Sync decal

Studio window decals

Two Vivo Sync Instagram posts

Instagram posts

Sitemap

One page, eight anchors

Everything an artist needs to decide sits on one page. The menu jumps between anchors instead of loading new pages, and every section ends one scroll away from the inquiry form.

vivosync.net
Home (one page)
  • Services
  • Clients
  • Testimonials
  • Data
  • Financing
  • Anesthesia
  • FAQ
  • Inquiry form
Contact Us
  • Inquiry form with SMS consent

Home Page

Desktop view

One scroll that reads like a magazine: a moving hero, Tattoo Management in poster type, six services, the artists, testimonials from artists and clients, a data spread, financing, anesthesia and FAQ. Shown here in full, top to bottom across three columns.The window below scrolls through the full page.

vivosync.net home page, first third: hero, Tattoo Management and services
vivosync.net home page, second third: artists, testimonials and data
vivosync.net home page, last third: financing, anesthesia, FAQ and contact
vivosync.net home page, full length

Inside the Scroll

Key sections, desktop

Each section has its own poster: blackletter for the promise, condensed type for the numbers, real artists instead of stock models, and the Pain Free mark for anesthesia. Scroll motion moves the type and images at different speeds.

Six services section

Six services

How it works section with video

How it works, with video

The artists section

The artists

Testimonials from artists and clients

Testimonials from artists and clients

Data spread on booking and lead generation

Data spread: booking and lead generation

The financing power-up section with Klarna and Affirm

The financing power-up, Klarna and Affirm

Beyond financial boost section

Beyond financial boost

Pain Free anesthesia section

Pain Free anesthesia

Contact form with SMS consent

Contact form with SMS consent

Responsive Design

Mobile version

On a phone the poster type scales down but stays the hero of every section, the artists become a swipe, and the inquiry form is one tap from the menu.

vivosync.net hero on a phone: Stay Focused On Your Craft
Services on a phone

Services

How it works on a phone

How it works

Testimonials on a phone

Testimonials

Data spread on a phone

Data

Financing on a phone

Financing

Pain Free anesthesia on a phone

Pain Free

What Vivo Sync gained

Outcomes of the brand and site

A brand and a website that speak to tattoo artists in their own visual language, and one page that carries the whole sales conversation.

A brand that looks like the tattoo world

Blackletter, poster type and real artists instead of a generic software look.

One page that sells the whole service

Booking, marketing, reporting, financing and anesthesia explained in one scroll with anchor navigation.

Bigger projects for artists

Financing through Klarna and Affirm, presented as a headline feature.

Leads straight from the site

Inquiry and discovery-call forms with SMS consent at the end of every section.

In collaboration with Ivo Martinović and Obrad Šuša

vivosync.net

Thank you!

What it’s like
to work together.

Become partners for the long run