The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
โข 14h
๐๐ก๐๐ญ ๐ข๐ ๐๐ข๐ง๐๐ข๐ง๐ , ๐ฎ๐ง๐ฅ๐จ๐๐ค๐ข๐ง๐ , ๐ง๐๐ฏ๐ข๐ ๐๐ญ๐ข๐ง๐ , ๐๐ง๐ ๐ญ๐ซ๐๐๐ค๐ข๐ง๐ ๐๐ง ๐-๐๐ข๐ค๐ ๐๐จ๐ฎ๐ฅ๐ ๐๐ฅ๐ฅ ๐ก๐๐ฉ๐ฉ๐๐ง ๐ญ๐ก๐ซ๐จ๐ฎ๐ ๐ก ๐จ๐ง๐ ๐ฌ๐๐๐ฆ๐ฅ๐๐ฌ๐ฌ ๐๐ฑ๐ฉ๐๐ซ๐ข๐๐ง๐๐?
I designed a modern smart e-bike mobility platform that brings the complete ride journey into one connected product across mobile and web.
Users can discover nearby bikes, check availability and condition, monitor battery health, follow live navigation, track ride performance, and review previous journeys through a clean and intuitive interface.
The focus was to make a data-rich mobility product feel simple, visual, and effortless for the rider while keeping the experience scalable across both mobile and desktop.
Key Features
Nearby bike discovery
Real-time map navigation
Bike availability & condition status
Battery health monitoring
Ride distance, speed & time analytics
Journey history
Desktop mobility dashboard
Responsive web experience
Tools & Technologies
Figma ยท React ยท Next.js ยท Tailwind CSS ยท Mapbox ยท REST APIs ยท Node.js ยท PostgreSQL ยท Framer Motion ยท WebSockets ยท Responsive Web Design
Skills
UI/UX Design ยท Product Design ยท Frontend Development ยท Dashboard Design ยท Mobile App Design ยท Interaction Design ยท Web Application Development
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Challenges
View all
Related posts
So excited to see Creative Intelligence 2026 by @Contra Labs out in the world!
At @Heed Collective , we had the pleasure of designing both the website and the report. Weโre incredibly grateful for this collaboration!
Our creative exploration started with a question:
What does Creative Intelligence mean today?
We believe it lives at the intersection of creativity and analysis, imagination and insight.
We translated this into a visual story that begins in space โ vast, dreamy, full of possibility โ and gradually moves closer to Earth, grounding imagination in something tangible and human.
Huge congrats to the whole team, @Erin Horner, @Ben Huffman, @Mark Vassilevskiy, @Alex Karpodinis, @Stacy ยท Heed Collective, @Heed Collective , and the entire @Contra Labs team ๐
Incredible work, congrats!
โข Oct 8
"High-Performance Creative Web Exploration"
A civic bureau seals your letter to 2126 under molten wax, witnessed. A civic bureau that seals letters for exactly one hundred years. Write a message to 2126, watch it set in wax, and receive your engraved certificate of deposit.
I built this project to test A civic bureau seals your letter to 2126 under molten wax, witnessed. A civic bureau that seals letters for exactly one hundred years. Write a message to 2126, watch it set in wax, and receive your engraved certificate of deposit. The core engineering challenge was sustaining uncompromised 60 FPS rendering using Canvas2D while handling continuous user interaction without framework overhead.
WHAT I WAS TESTING:
I focused on two core engineering benchmarks:
Precision implementation of wax-seal SVG under continuous interactive user input
Sustained 60 FPS render performance and zero-dependency browser execution
THE TECHNICAL SIDE:
Engineered directly in the browser with Canvas2D, Wax-seal SVG. The application runs without third-party frameworks or build-step dependencies, using hardware-accelerated rendering and custom event loops to achieve zero-latency response.
Everything executes in the browser using Canvas2D, Wax-seal SVG. No third-party frameworks, no heavy runtime bundles, and zero external tracking.
WHAT I LEARNED:
Balancing the mathematical rigors of wax-seal SVG with tactile browser interaction required tuning event throttling and memory allocation to eliminate all garbage collection stutters.
Finding the sweet spot between mathematical precision and frame budget took careful profiling, but the result runs at a steady 60 FPS even on modest hardware.
TRY IT YOURSELF:
The live build is deployed on Netlify. Open it in your browser, test the controls, and observe the render response times.
If you are building high-performance 3D, physics, or creative web systems and want to collaborate, reach out here on Contra.
Dynamic or static?
