Indoor cycling class in vibrant lighting with instructors and participants on stationary bikes.

Cycletique

Branding
Video Reel
Photography
Website design & development
Strategy

Conceptualizing and designing an enduring, vibrant brand identity system for an ambitious, vibrant cycling center.

Cycletique — which opened its first location in Bethel Park October 2016 — is the highest-energy cycling community in town. The concept combines a variety of cycling classes (built for everyone from beginner to juggernaut) and a boutique athleisurewear shop.

Many organizations claim to put the customer at the center of everything, but Cycletique means it. They’ve hatched new norms — like chilled post-work-out towels and pre- and post-workout juices — that local cycling studios are already trying to imitate.

When it came to cultivating the brand identity from the cosmos — which is no small decision for any new business — Cycletique entrusted the task with our team.

The vibes shine through the visual identity, which is centered on a happy and vibrant color palette and minimalistic design.

We created two versions of the mark — a word mark and emblem — to fit both horizontal full-context situations and more minimal vertical situations.

The brand language is extended in hand-drawn lockups — featured on gear, like the “I Cycle for the Towel” tank top — and other iconography.

Sporty tank tops with motivational cycling messages displayed on a stylish table setting.

Brand Strategy

We centered the Cycletique brand on a folksy, vibrant personality that would never take itself too seriously. This personality radiates from anything from the brand copy, to the visuals, to the website, to marketing campaigns, to the environment of the cycling studio itself.

Retail store checkout area with a friendly staff member assisting customers among stylish apparel displays.

Cycle Vibe Share

Colorful cold-pressed juice bottles displayed on a wooden tray against a bright yellow background

Promotional envelope featuring a vibrant invitation for a cycling studios founders club membership.

Indoor cycling class advertisement featuring branding elements and promotional text.

Promotional advertisement for a boutique indoor cycling studio featuring organic juice offerings.

Brand Photography

We captured the photographic vibe of Cycletique for usage across all communications platforms both for immediate projects and the future.

Website

The intersection of our branding, marketing and photography efforts, we designed and developed an engaging website.

Cycling class experience featuring participants engaged on stationary bikes in a fitness studio environment.

Mobile website design showcasing cycling classes and a boutique clothing shop with engaging visuals and branding elements.

Colorful promotional graphic for a cycling studio showcasing diverse classes, boutique clothing, and fresh-pressed juices.

Group fitness class participating in an indoor cycling session in a modern gym studio.

Class icons for a digital marketing agency showcasing branding and creative offerings.

Promotional banner highlighting ten classes for $100 with a bright yellow background.

New project? Question? Compliment? Let’s chat. New project? Question? Compliment? Let’s chat.

{"head":"\r\n<script>\r\n (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\r\n new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\r\n j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\r\n 'https:\/\/www.googletagmanager.com\/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\r\n })(window,document,'script','dataLayer','GTM-WMDNFKPG');\r\n<\/script>\r\n","body":"\r\n<noscript><iframe src=\u201chttps:\/\/www.googletagmanager.com\/ns.html?id=GTM-WMDNFKPG\u201d\r\nheight=\u201c0\" width=\u201c0\u201d style=\u201cdisplay:none;visibility:hidden\u201d><\/iframe><\/noscript>\r\n","footer":"<script>\r\n(function(){\r\n\r\n var JOURNEY_KEY = 'th_lead_journey_v1';\r\n var MAX_PAGES = 20;\r\n\r\n function uuid(){\r\n if (crypto.randomUUID) {\r\n return crypto.randomUUID();\r\n }\r\n\r\n return 'th_' + Date.now() + '_' + Math.random().toString(36).substr(2);\r\n }\r\n\r\n function getJourney(){\r\n try{\r\n return JSON.parse(localStorage.getItem(JOURNEY_KEY));\r\n }catch(e){\r\n return null;\r\n }\r\n }\r\n\r\n function saveJourney(journey){\r\n localStorage.setItem(JOURNEY_KEY, JSON.stringify(journey));\r\n }\r\n\r\n function getUTMs(){\r\n var params = new URLSearchParams(location.search);\r\n var utm = {};\r\n\r\n [\r\n 'utm_source',\r\n 'utm_medium',\r\n 'utm_campaign',\r\n 'utm_term',\r\n 'utm_content',\r\n 'gclid',\r\n 'gbraid',\r\n 'wbraid',\r\n 'fbclid'\r\n ].forEach(function(key){\r\n if(params.has(key)){\r\n utm[key] = params.get(key);\r\n }\r\n });\r\n\r\n return utm;\r\n }\r\n\r\n var journey = getJourney();\r\n\r\n if(!journey){\r\n\r\n journey = {\r\n session_id: uuid(),\r\n started: new Date().toISOString(),\r\n landing_page: location.href,\r\n landing_path: location.pathname,\r\n referrer: document.referrer,\r\n utm: getUTMs(),\r\n pages: []\r\n };\r\n\r\n }\r\n\r\n var last = journey.pages[journey.pages.length - 1];\r\n\r\n if(!last || last.url !== location.href){\r\n\r\n journey.pages.push({\r\n url: location.href,\r\n path: location.pathname,\r\n title: document.title,\r\n timestamp: new Date().toISOString()\r\n });\r\n\r\n if(journey.pages.length > MAX_PAGES){\r\n journey.pages.shift();\r\n }\r\n\r\n }\r\n\r\n saveJourney(journey);\r\n\r\n function populate(){\r\n\r\n document.querySelectorAll('form').forEach(function(form){\r\n\r\n set(form,'lead_session_id',journey.session_id);\r\n set(form,'lead_landing_page',journey.landing_page);\r\n set(form,'lead_journey_json',JSON.stringify(journey));\r\n set(form,'lead_journey',buildSummary());\r\n\r\n });\r\n\r\n }\r\n\r\n function set(form,name,value){\r\n\r\n var field = form.querySelector('[name=\"'+name+'\"]');\r\n\r\n if(!field){\r\n field = document.createElement('input');\r\n field.type = 'hidden';\r\n field.name = name;\r\n form.appendChild(field);\r\n }\r\n\r\n field.value = value;\r\n }\r\n\r\n function buildSummary(){\r\n\r\n var out = [];\r\n\r\n out.push('Landing: ' + journey.landing_page);\r\n out.push('');\r\n\r\n journey.pages.forEach(function(page,i){\r\n out.push((i+1) + '. ' + page.path);\r\n });\r\n\r\n return out.join(\"n\");\r\n\r\n }\r\n\r\n populate();\r\n\r\n document.addEventListener('wpcf7beforesubmit', populate);\r\n\r\n})();\r\n<\/script>"}