wizytowki.co – Webflow Site & CMS

Michał Stencel

Hero section
Hero section

Webflow Site & CMS | wizytowki.co

Slider built with Swiper
Slider built with Swiper

🔍 Overview

Frontend of wizytowki.co - a meticulously crafted website for a premium business card brand. Built entirely in Webflow with a custom design system and Apple‑inspired aesthetics, it merges clarity with precision. The site serves as the visual foundation for the brand: setting the tone, style, and user flow for everything that follows - from product discovery to future checkout.
Product slider built with Swiper + CMS
Product slider built with Swiper + CMS

🎯 Scope

Webflow development (Client‑First) Fully responsive and scalable structure based on Finsweet’s Client‑First system. Every section and component is reusable, consistently named, and built for clarity. The site adapts seamlessly across breakpoints.
Custom Design System Typography scale, spacing system, color palette, button states, card components, layout grid - all built as a Figma system and reflected 1:1 in Webflow. Focus on timeless, minimal design with a premium look and feel.
Apple‑inspired aesthetics The visual language references Apple product pages: → spacious white space → sharp typography hierarchy → confident, oversized pricing → smooth reveal animations → microinteractions and motion elements used sparingly, only to elevate UX
Features bento grid
Features bento grid
Modular layout Page sections are treated like flexible modules: feature blocks, testimonials, price blocks, etc. Built for reusability across future product pages, help center, and campaigns.
Project Showcase / Inspirations Includes a visual gallery of Spline 3D models of business card designs. Serves both as proof of quality and subtle social proof.
Help Center (CMS Ready) The site includes CMS templates for a help center with articles and categories. Though not fully populated yet, the structure is in place and integrated into the site’s IA and nav.
Features + Rive animations
Features + Rive animations
Logo & Brand Identity Brand logo designed from scratch - sharp, clean, lowercase typographic mark. Color system emphasizes trust and clarity (clean white, deep gray, electric blue for CTA). Typography: modern sans-serif system with strong contrast between headings and body.
Smooth UX Thoughtful transitions, hover states, scroll behaviors - minimal, but deliberate. The UI feels native, intentional, and distraction-free.
Pricing section
Pricing section

🧪 Stack

Webflow (Client-First)
Figma (Design System)
Webflow CMS (Help Center, Product Pages)
Custom JavaScript (animations, builder shell)
Built to integrate with: → Shopify (Headless) → Smootify → Make → Tally → inFakt → Google Analytics
Footer
Footer
Product page, Headless Shopify + Smootify + Spline 3D
Product page, Headless Shopify + Smootify + Spline 3D
Another product page with Spline 3D animations
Another product page with Spline 3D animations
Pricing
Pricing
Product Tiers
Product Tiers
Product categories / Shop page
Product categories / Shop page
Contact form
Contact form
Cart
Cart
Quiz made with Tally + Rive animations + some logic and AI
Quiz made with Tally + Rive animations + some logic and AI
Like this project

Posted Jul 28, 2025

Marketing site for a premium card brand. Webflow + Client-First, custom design system, Apple-inspired UI, and CMS-ready Help Center.

Rive Animation for Stacklock (Fixel)
Rive Animation for Stacklock (Fixel)
Stencel.pro - Personal Website
Stencel.pro - Personal Website
Framer Template - Portfolio Starter Kit
Framer Template - Portfolio Starter Kit

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc