A homepage that is a 3D story on scroll: a camera turns, a lens becomes a tunnel, a drone flies out.
- 01Workbench
- 02Camera
- 03Through the lens
- 04Drone
- 05The page
- Location
- Rivne, Ukraine
- Status
- Live
- Scope
- SEO architecture · IA · brand refresh · site
Brief
Brief
ANKOM is a one-master service center repairing cameras and DJI/Autel drones since 2013. The task was commercial and technical at once: be found for the right repair queries, explain a complex service simply, and let people call rather than fill forms — the client explicitly did not want web forms.
- Client
- ANKOM service center
- Industry
- Camera & drone repair
- Scope
- SEO architecture · IA · brand refresh · site
- Status
- Live
- Live
- remont-photo.com
Role and scope
- Semantic core research and SEO architecture
- Information architecture and content structure
- Brand refresh: logo redrawn, stationery proposal
- Homepage scroll-story, service hubs, price list, contacts
- Front-end build, structured data, launch report
Pages
The homepage is the long story. The other pages reuse the idea at lower cost: each service hub plays its 3D model once, and the logo, a lens iris, is the preloader and the footer.
The model plays once
A camera turns and its parts come apart; numbered call-outs name the repairs. Hover a call-out and its part lights up; the switch flips the model between color and outline.The same idea, for drones
The hub for DJI and Autel drones reuses the camera hub’s engine with its own model and its own six call-outs.A lens that opens
While the 3D loads, the logo’s six-blade iris turns and opens with the progress, then the shutter fires and the lens zooms into the page.Recorded on a slow connection, so the loading shows.The logo, redrawn
The client’s logotype was redrawn for the screen: a heavy sans wordmark whose “O” is a six-blade iris, the diaphragm of a lens. In the footer the letters rise and the iris turns in shut and opens.Phone
On a phone the site is a call button with context: the number is large, the opening status is live, and a bottom bar keeps “call” within thumb reach on every page.
The same page below at three widths: it is composed again for each, not scaled.
The story, composed again
The same scroll story with a layout of its own: the 3D model above, the numbered call-outs below it.A tap, not a hover
The model plays once and the color / outline switch answers a tap. Below it come the symptoms people search for and the repair cards.A call button with context
The number is large, the opening status is live, and a bottom bar keeps the contact buttons within thumb reach on every page.The live map is left out of this recording.Outcome
- LiveLive site with search-intent architecture, structured data and a post-launch SEO report delivered to the client.
- PendingSearch visibility and inquiry metrics are being collected with the client before publication.
We publish numbers only with the client’s data and permission. No metrics on this page are estimates.
Credits
- StudioDrupal Authority — SEO architecture, IA, brand refresh, design, front-end
- ResearchTwo external semantic-core studies (September 2026)
Stack
- Static HTML / CSS / JS, zero CDN
- Subsetted self-hosted fonts
- JSON-LD: LocalBusiness, FAQPage
- Lightweight 3D scroll-story (one-time playback on hub pages)
About the films
Recorded by the studio on 2026-10-15 from the live site, remont-photo.com, in real time, without editing. The site is in Ukrainian, so the recordings are made from a copy of it with the same pages, scripts, 3D models and photographs and its visible text translated into English. The logo is the client’s own drawing and is untouched.
