Projects in AnkaraProjects in Ankara
Projects
People
Cover image for Hello hello! 👋 Lottie/JSON ↔️ Figma
Hello hello! 👋 Lottie/JSON ↔️ Figma Motion Importer & Exporter is LIVE! Solo-built and solo-designed this one end to end — import Lottie JSON straight into Figma as fully editable, native Motion keyframes, AND export your Figma Motion frames back out as Lottie/JSON. Full round-trip, finally. 🎉 No more static preview frames pretending to be animations. No more rebuilding someone else's motion from scratch just to tweak one easing curve. Your keyframes, your easing, your layers — editable on both sides. 🆓 Free: 1 import + 1 export/day Been heads-down building and designing this myself for a while, so genuinely pumped to finally put it out there. Try it and let me know what you think 👇 Try it → https://www.figma.com/community/plugin/1659295190972878172/tunic-motion-lottie-import-export-to-figma-motion-plugin https://www.tunicmotion.com (https://tunicmotion.com)
1
34
Cover image for Turning "Where Is It?" Into
Turning "Where Is It?" Into the Best Page on the Site — 3D Mapbox Experience for an Austrian Alps Studio A custom-built 3D interactive map experience for Wilderness Studios, a recording & event studio in the Austrian Alps. Built on Mapbox GL + @Webflow CMS: animated terrain, a drawn arrival route, live travel directions, and 96 curated points of interest — all editable by the client. What I built A full-screen, cinematic 3D map page that replaces the usual "Location & Contact" section — one continuous experience with two modes: The Location and The Surroundings. 1. Cinematic 3D terrain Mapbox GL JS with custom dark terrain styling, exaggerated elevation and a hand-tuned camera. The page opens on a wide alpine shot with the studio marker sitting in the valley — the mountains do the storytelling before a single line of copy is read. 2. Animated arrival route Instead of listing distances, the route draws itself across the terrain from the nearest town to the studio, with the camera flying along it. Every marker, label and stat fades in on its own timeline, so the whole intro reads as one choreographed shot rather than a map that happens to load. 3. Live directions panel Airports, train stations and motorway exits with distances and drive times, each one selectable — pick Innsbruck Airport and the map re-frames to that leg of the journey. "Get Directions" hands off to native maps for the actual trip. Stack Webflow (structure + CMS) · Mapbox GL JS (3D terrain, custom style, markers, route layers) · GSAP (camera choreography, sequenced reveals) · vanilla JS (CMS → GeoJSON pipeline, category filtering, gallery, state between the two modes)
2
2
136