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
🎯 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
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
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
🧪 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
Product page, Headless Shopify + Smootify + Spline 3D
Another product page with Spline 3D animations
Pricing
Product Tiers
Product categories / Shop page
Contact form
Cart
Quiz made with Tally + Rive animations + some logic and AI