Zyqor

Zyqor Studio: hand-coded websites, scroll stories and 3D by Sujon Hoque

Worlds: five design concepts in one scroll

Concept sneaker · Cobalt

Run lighter.
Land softer.

The page takes the shoe’s colour. Scroll, or pick a colourway.

01/ 03

World 02 · Giant type behind the product

35mm format
f/4.5brass lens
1 of 1concept build

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 handle

World 04 · Orbit carousel

01 / 06Stride Aero, sneakerSix objects on one ring. Scroll turns it.

World 05 · Organic mask reveal

One scroll, five worlds.
Eighteen more in the Lab.

Open the Lab
WebsitesScroll storiesBrowser gamesAndroid appsBrand concepts
Hand-codedHTML5 & JavaScriptFast on phonesDesign to launchMotion that helps

(01) Selected work

Six live sites. Go on, open one.

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.

01 / 06Fictional brand · Soda concept

Fizzly

A 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.

  • Scroll story
  • Brand concept
Open the concept
05 / 06Fictional brand · Menu demo

Stillroom

A coffee menu concept with category filters and a working sample order. Nothing can be purchased.

  • Menu
  • Filters
  • Sample order
Try the demo
06 / 06Fictional product · Planner demo

Daymark

A weekly planner concept. Add, finish and remove tasks; they stay in your own browser, with no cloud sync.

  • Web app
  • Works offline
Try the demo
01 / 06Scroll or drag

(02) The Lab

Eighteen brands that don’t exist.

Each is a full mini site built around one trick I wanted to get right: a colourway that repaints the page, a word the product breaks through, a mask that tears open, a menu on an orbit. Every one has a mode switch. Try them.

Honest label: every Lab brand is invented for this portfolio. Nothing is for sale and no real company is shown.

Stride Aero concept, first screen
Concept 01

Stride Aero

Sneaker. Colourway morph in a browser card.

Open concept
Meridian concept, first screen
Concept 02

Meridian

Watch. Giant type behind the product.

Open concept
Hush One concept, first screen
Concept 03

Hush One

Headphones. 3D scroll spin, exploded view, callouts.

Open concept
Ember & Oak concept, first screen
Concept 04

Ember & Oak

Coffee roasters. Paper-tear reveal, travelling cup.

Open concept
Verdant concept, first screen
Concept 05

Verdant

Plant studio. Organic mask reveal, arched window.

Open concept
Dew Theory concept, first screen
Concept 06

Dew Theory

Skincare. Cloud world, podium, ingredient orbit.

Open concept
VOLT concept, first screen
Concept 07

VOLT

Sparkling energy. Can into wordmark, flavour flood.

Open concept
Umami Ring concept, first screen
Concept 08

Umami Ring

Ramen bar. Orbit carousel menu.

Open concept
Signal Studio concept, first screen
Concept 09

Signal Studio

Creative agency. Radial card fan, bento, physics.

Open concept
Volta One concept, first screen
Concept 10

Volta One

Electric car. Giant name swap, night mode, spec track.

Open concept
Nook concept, first screen
Concept 11

Nook

Furniture. Accordion colour bars, odometer counter.

Open concept
Carmine No.7 concept, first screen
Concept 12

Carmine No.7

Fountain pen ink. Real ink-in-water footage, scrubbed by your scroll.

Open concept
Longway concept, first screen
Concept 13

Longway

Overland road trips. A mountain highway drive that moves as you scroll.

Open concept
Rise No.3 concept, first screen
Concept 14

Rise No.3

Sparkling strawberry water. A slow-motion splash, frame by frame.

Open concept
Fumée concept, first screen
Concept 15

Fumée

Perfume house. A live smoke field and a liquid swap between three scents.

Open concept
Plinth concept, first screen
Concept 16

Plinth

Architecture quarterly. An editorial grid, variable type and clip reveals.

Open concept
HALDE R1 concept, first screen
Concept 17

HALDE R1

Rangefinder camera. A real scanned body, finish switch and an exploded lens.

Open concept
TALUS Ridge C1 concept, first screen
Concept 18

TALUS Ridge C1

Carbon trail bike. A real scanned bike that explodes on scroll, plus dusk mode.

Open concept

(03) Concept library

Nineteen of three hundred, built and tested.

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.

Chordline Music SchoolSimple concept, N020. Pluck the strings: the sound is made live in the browser.
Tapehead Hi-FiPremium concept, P017. Press play: the VU needle reads the live sound, then the tape flies out.
Hotcoal Kitchen concept, a screenshot of the pizza builder with toppings on the base
P041 · Premium · Food

Hotcoal Kitchen

Build your own wood-fired pizza: drag real ingredients onto a real marinara base, then fire it for ninety seconds.

Open concept
Tally Pad concept, a three-key macro pad with a knurled dial and an amber light bar
P042 · Premium · Hardware

Tally Pad

A macro pad built in code: scroll to take it apart, press the keys, click the dial through 24 detents and change its light.

Open concept
Loomhouse Tailors concept, a screenshot of its real-time 3D first screen
N001 · Normal · Fashion

Loomhouse Tailors

Point at a cloth swatch and it floods the hanging cloth from the spot you chose.

Open concept
Kiln & Quiet concept, a screenshot of its real-time 3D first screen
N002 · Normal · Home Goods

Kiln & Quiet

A glazed vase on a potter's wheel: spin it, let go, and it coasts to a stop.

Open concept
Tidewell Salt concept, a screenshot of its real-time 3D first screen
N003 · Normal · Food

Tidewell Salt

A glass jar of flaky sea salt turns in front of a giant outline wordmark that moves only at the speed you scroll.

Open concept
Morrow Light concept, a screenshot of its real-time 3D first screen
N004 · Normal · Home Goods

Morrow Light

A sunrise alarm lamp: one switch sweeps the page from night to dawn while the lamp warms up.

Open concept
Fieldnote Optics concept, a screenshot of its real-time 3D first screen
N005 · Normal · Nature

Fieldnote Optics

A misty pine forest you can only see properly through a pair of binoculars that follow your pointer.

Open concept
Quarry Type Foundry concept, a screenshot of its real-time 3D first screen
N006 · Normal · Abstract Type

Quarry Type Foundry

Pass a magnet over the type and every letter near it swells in weight; a stone Q is cut at the weight you pick.

Open concept
Brasswick Diya concept, a screenshot of its real-time 3D first screen
N007 · Normal · Home Goods

Brasswick Diya

A hanging brass diya you light with a hover or a tap; the flame flickers and the page turns to evening.

Open concept
Northpine Cabins concept, a screenshot of its real-time 3D first screen
N008 · Normal · Travel

Northpine Cabins

One cabin, two seasons: drag the line across a small 3D clearing to go from deep winter to high summer.

Open concept
Glasskit Toggles concept, a screenshot of its real-time 3D first screen
N009 · Normal · Ui Kit

Glasskit Toggles

Liquid-glass switches, sliders and segmented controls that refract a live 3D room and change it as you use them.

Open concept
Rootline Citrus concept, a screenshot of its real-time 3D first screen
N010 · Normal · Food

Rootline Citrus

Pick lemon, lime or mandarin: the real fruit rolls in and the page floods with its colour.

Open concept
Glint Eyewear concept, a screenshot of its real-time 3D first screen
N014 · Normal · Fashion

Glint Eyewear

An optician where real round spectacles hover over an eye chart: slide them and the lenses bend the letters behind.

Open concept
Chordline Music School concept, a screenshot of its real-time 3D first screen
N020 · Normal · Music

Chordline Music School

A ukulele school whose four strings are the menu: pluck a string to hear it and open that level.

Open concept
Bathtime Duck concept, a screenshot of its real-time 3D first screen
N025 · Normal · Play

Bathtime Duck

A calm field guide to one rubber duck: tap the water and it bobs away from the ripple.

Open concept
Ironbark Barbers concept, a screenshot of its real-time 3D first screen
N048 · Normal · Beauty

Ironbark Barbers

A barber shop where you swing the real chair and it points at the service on the board around it.

Open concept
Shelfline Ceramics concept, a screenshot of its real-time 3D first screen
A013 · Advanced · Home Goods

Shelfline Ceramics

A ceramics shop as one long shelf: scroll and the camera walks past four real scanned vases, each lit as you reach it.

Open concept
Tranquility Base concept, a screenshot of its real-time 3D first screen
A018 · Advanced · Travel

Tranquility Base

Scroll to land on the Moon among three photo-scanned rocks, then lift the camera for an earthrise.

Open concept
Cut & Grain Knives concept, a screenshot of its real-time 3D first screen
A027 · Advanced · Home Goods

Cut & Grain Knives

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.

Open concept
Tapehead Hi-Fi concept, a screenshot of its real-time 3D first screen
P017 · Premium · Music

Tapehead Hi-Fi

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.

Open concept

Open the whole library

(04) Components

Fourteen pieces, in detail.

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.

Scroll-scrubbed 3D stage component demo
Component 01

Scroll-scrubbed 3D stage

Real CC0 scan + HDRI; camera and model move through chapter keyframes with scroll; lazy, poster fallback.

Open demo
Magnetic button component demo
Component 02

Magnetic button

Leans toward the pointer, fills from the entry point, rolls its label; tap ripple on phones.

Open demo
Split text reveal component demo
Component 03

Split text reveal

Line-mask rise, letter flip and scroll-scrub reading highlight; re-measures lines, screen-reader safe.

Open demo
Liquid glass card component demo
Component 04

Liquid glass card

Edge refraction via SVG displacement (Chromium), blur fallback, specular highlight, tilt, draggable.

Open demo
Sticky storytelling component demo
Component 05

Sticky storytelling

Pinned media with chapter wipes, progress line, numbered rail; same on phone.

Open demo
Marquee component demo
Component 06

Marquee

Seamless loop, speeds up with scroll velocity, flips with scroll direction, drag with inertia.

Open demo
Cursor follower component demo
Component 07

Cursor follower

Dot + lagging ring, label over work, sticky ring on links, hides over inputs, off on touch.

Open demo
Image trail and hover reveal component demo
Component 08

Image trail and hover reveal

Pointer image trail and a hover-reveal project list that turns into a tap accordion on phones.

Open demo
Preloader component demo
Component 09

Preloader

Counts real bytes of the model/HDRI/images, never flashes on cached loads, panel-wipe exit.

Open demo
Page transition component demo
Component 10

Page transition

Circle reveal from the click point between pages (native View Transitions + fallback) and for a theme switch.

Open demo
Pricing switcher component demo
Component 11

Pricing switcher

Zyqor's real $300 / $1k / $10k tiers: squish pill, odometer price, ARIA tabs.

Open demo
Quote carousel component demo
Component 12

Quote carousel

Native scroll-snap swipe, mouse drag with inertia, accessible autoplay with Pause; real quotes, no fake reviews.

Open demo
Mega menu component demo
Component 13

Mega menu

Desktop mega panels with hover intent + keyboard; phone full-screen accordion sheet with focus trap.

Open demo
Footer with wordmark component demo
Component 14

Footer with wordmark

Giant per-letter rising wordmark, Gmail-on-desktop / mailto-on-phone, copy email, local time, legal links.

Open demo

All components

(05) Off the browser

Apps and a game.

Two Android projects I build myself.

Two screens of the BoloFlow Android app: the home screen and the floating translator panel. Illustrative renders of the app.
Original app · Android

BoloFlow

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+
Shadow of the Pass playtest screenshot: an armored samurai, grass, a torii gate and touch combat controls
Original game · Android playtest

Shadow of the Pass

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
Sujon's Zyqor Studio character: a young man in a black suit with glowing teal edges
Zyqor Studio character

(06) About

One person. Start to finish.

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

Design

A layout and type built for your business and the people who buy from it.

Build

Hand-coded and light on phones. Motion only where it earns its place.

Launch

A live link you can open, share and put on your Google listing.

(07) Pricing

Websites from $300,
up to $10k.

  • $300Starting point

    A clean, fast site for a local shop: who you are, what you sell, how to reach you.

  • QuotedCustom build

    More pages and a custom design made around your brand.

  • Up to $10kFull scroll story

    Custom design with scroll animation and 3D, like the Lab.

Scope, timing and price are agreed in writing before any work begins.

(08) Contact

Have something
to make?

Send your business name and what you want people to do on the site. I’ll reply with an idea and a price.