Concept sneaker · Midnight
Run lighter.
Land softer.
The page takes the shoe’s colour. Scroll, or pick a colourway.
World 02 · Giant type behind the product
The word sits behind the object, the object breaks the word. Heavy type, one hero, nothing else.
World 03 · Callouts that follow the product
Twin bass drivers Glow-dial tuner Tape deck Carry handleWorld 04 · Orbit carousel
(01) Selected work
Real screenshots and scroll clips, captured from the live sites on desktop and phone.
Honest label: these are concepts, fictional brands and my own projects. None of them is client work.
Desktop and phone versionsA fictional soda brand with a scrolling can story: bold color, big type and a can that moves with you as you scroll. Nothing can be purchased.
Desktop and phone versionsA homepage concept for a fictional saree label, with an editorial, unhurried feel. Nothing can be purchased.
Desktop and phone versionsA gallery of 17 imagined room interiors with filters and an enlarge viewer. Concept images, not real fitted rooms.
Desktop and phone versionsA one-touch arcade game with golden-fantasy art. Built in HTML5 and JavaScript, with an Android build. The clip here is real gameplay.
Desktop and phone versionsA coffee menu concept with category filters and a working sample order. Nothing can be purchased.
Desktop and phone versionsA weekly planner concept. Add, finish and remove tasks; they stay in your own browser, with no cloud sync.
(02) The Lab
Each is a mini site built around one trick I wanted to get right, and every one has a mode switch. Tap one.
Every Lab brand is invented for this portfolio. Nothing is for sale.
Sneaker. Colourway morph in a browser card.
Watch. Giant type behind the product.
Headphones. 3D scroll spin, exploded view, callouts.
Coffee roasters. Paper-tear reveal, travelling cup.
Plant studio. Organic mask reveal, arched window.
Skincare. Cloud world, podium, ingredient orbit.
Sparkling energy. Can into wordmark, flavour flood.
Ramen bar. Orbit carousel menu.
Creative agency. Radial card fan, bento, physics.
Electric car. Giant name swap, night mode, spec track.
Furniture. Accordion colour bars, odometer counter.
Fountain pen ink. Real ink-in-water footage, scrubbed by your scroll.
Overland road trips. A mountain highway drive that moves as you scroll.
Sparkling strawberry water. A slow-motion splash, frame by frame.
Perfume house. A live smoke field and a liquid swap between three scents.
Architecture quarterly. An editorial grid, variable type and clip reveals.
Rangefinder camera. A real scanned body, finish switch and an exploded lens.
Carbon trail bike. A real scanned bike that explodes on scroll, plus dusk mode.
(03) Concept library
A library of 3D web concepts in three levels: normal, advanced and premium. Each is a full page around one real scanned model, with a phone build that loads the same files. Nineteen are live; the rest arrive in batches, each one checked on desktop and two phone sizes first.
Every brand here is invented. Real 3D models and photographs, credited on each page.
Tap real ingredients onto a real marinara base, then fire it for ninety seconds.
Scroll to take a macro pad apart, press its keys, click the dial and change its light.
Point at a cloth swatch and it floods the hanging cloth from the spot you chose.
A glazed vase on a potter's wheel: spin it, let go, and it coasts to a stop.
A glass jar of flaky sea salt turns in front of a giant outline wordmark that moves only at the speed you scroll.
A sunrise alarm lamp: one switch sweeps the page from night to dawn while the lamp warms up.
A misty pine forest you can only see properly through a pair of binoculars that follow your pointer.
Pass a magnet over the type and every letter near it swells in weight; a stone Q is cut at the weight you pick.
A hanging brass diya you light with a hover or a tap; the flame flickers and the page turns to evening.
One cabin, two seasons: drag the line across a small 3D clearing to go from deep winter to high summer.
Liquid-glass switches, sliders and segmented controls that refract a live 3D room and change it as you use them.
Pick lemon, lime or mandarin: the real fruit rolls in and the page floods with its colour.
An optician where real round spectacles hover over an eye chart: slide them and the lenses bend the letters behind.
A ukulele school whose four strings are the menu: pluck a string to hear it and open that level.
A calm field guide to one rubber duck: tap the water and it bobs away from the ripple.
A barber shop where you swing the real chair and it points at the service on the board around it.
A ceramics shop as one long shelf: scroll and the camera walks past four real scanned vases, each lit as you reach it.
Scroll to land on the Moon among three photo-scanned rocks, then lift the camera for an earthrise.
A knife maker told in one scroll: the camera runs along the real edge, the blade slides out of the handle, then it comes back together.
A hi-fi shop around one real cassette player: press play and a VU meter reads the live sound; scroll and the tape flies out and turns over.
(04) Components
Reusable interface pieces studied from award-winning sites and rebuilt from scratch: each one has a live demo that works the same on a phone and a laptop, keyboard and touch support, and a reduced-motion mode. Free to use, MIT.
Plain HTML, CSS and JavaScript. No framework, no build step.
Real CC0 scan + HDRI; camera and model move through chapter keyframes with scroll; lazy, poster fallback.
Leans toward the pointer, fills from the entry point, rolls its label; tap ripple on phones.
Line-mask rise, letter flip and scroll-scrub reading highlight; re-measures lines, screen-reader safe.
Edge refraction via SVG displacement (Chromium), blur fallback, specular highlight, tilt, draggable.
Pinned media with chapter wipes, progress line, numbered rail; same on phone.
Seamless loop, speeds up with scroll velocity, flips with scroll direction, drag with inertia.
Dot + lagging ring, label over work, sticky ring on links, hides over inputs, off on touch.
Pointer image trail and a hover-reveal project list that turns into a tap accordion on phones.
Counts real bytes of the model/HDRI/images, never flashes on cached loads, panel-wipe exit.
Circle reveal from the click point between pages (native View Transitions + fallback) and for a theme switch.
Zyqor's real $300 / $1k / $10k tiers: squish pill, odometer price, ARIA tabs.
Native scroll-snap swipe, mouse drag with inertia, accessible autoplay with Pause; real quotes, no fake reviews.
Desktop mega panels with hover intent + keyboard; phone full-screen accordion sheet with focus trap.
Giant per-letter rising wordmark, Gmail-on-desktop / mailto-on-phone, copy email, local time, legal links.
(05) Off the browser
Two Android projects I build myself.
A voice translator for Android. Speak in Hindi, Hinglish or another language and get the translation to copy, insert into any text box, listen to or share, from the app or a floating button over other apps.
Download APK · v1.13.53 · 21 MB · Android 7.0+
A 3D samurai combat playtest with enemy waves, sword attacks, guard and dash controls, set in a misty mountain landscape. Graphics and phone performance are still in testing.
Android project, no website
(06) About
I'm Sujon Hoque. Zyqor Studio is me: a self-taught web designer and developer in West Bengal, India.
I design and build every project myself, from the first layout to the live link: websites, browser games and Android apps. No templates, no page builders: I write the code, so the page does exactly what it should and loads fast on an ordinary phone.
“A good website doesn’t ask people to work hard to understand it.”Sujon, on how he works
A layout and type built for your business and the people who buy from it.
Hand-coded and light on phones. Motion only where it earns its place.
A live link you can open, share and put on your Google listing.
(07) Pricing
A clean, fast site for a local shop: who you are, what you sell, how to reach you.
More pages and a custom design made around your brand.
Custom design with scroll animation and 3D, like the Lab.
Scope, timing and price are agreed in writing before any work begins.
(08) Contact
Send your business name and what you want people to do on the site. I’ll reply with an idea and a price.