(CYKEL - Businesses)
(Overview)
CYKEL is a Vancouver-based micro-mobility company that provides the platform to streamline fleet business operations and deliver richer user experiences.
(made with)
SvelteKit
GSAP
Tailwind
Figma
Sanity
Mailchimp
Sendgrid
( brief )
As CYKEL pivots from direct-to-consumer to B2B — shifting its focus from a smart eBike adapter to a full fleet management solution for businesses, they needed to quickly launch a new site that adapts to this audience shift.
CYKEL sells to different buyer types: hotels, resorts, rental shops, and municipalities. Each one has a different pain point. The brief was a single landing page. The design problem was making each visitor feel like the page was written for them without building five separate pages.
( solution )
In a single-page landing context, users have no where else to navigate to. That’s when flow design matters even more. At each interval, the site should offer something new, something exciting to refresh users attention and improve focus retention. That’s what I aimed for. Every few sections I introduced a new layout or scroll interaction to give users a reason to keep going. The page moves through three visual registers — dark, light, dark. Aspirational, then clear, then immersive.


Catches the attention early on. Shows the site was built with intention.

Light mode to dark mode flow. Shifting from product (light mode) to business details (dark mode).

(CYKEL - Businesses)
CYKEL is a Vancouver-based micro-mobility company that provides the platform to streamline fleet business operations and deliver richer user experiences.