PRODUCTION PARTNER · PROJECT-BASED
Production support
for creative teams
Web × Motion × Interactive. I take a defined production package off your team's plate and deliver it against an agreed scope and date.
SELECTED CASE STUDIES
Different production scales,
handled with the same care.
ARQEN / SEREIN 01—E
Original vehicle design, a live 3D scene, aerodynamic storytelling and a data-led configurator.
VIEW CASE STUDY
KESİT
A systems-design study that turns complex infrastructure into legible, decision-ready physical models.
VIEW CASE STUDY
NALYTH / KELN 01
End-to-end launch work with original geometry, a live product scene, scientific interactions and a configurator.
VIEW CASE STUDY
EŞİK / Nine Thresholds
A gastronomy narrative that records the forces a material passes through in a nine-course interactive tasting experience.
OPEN EXPERIENCE
Thermoaşkı
An independent consultancy experience connecting technical detail to the reality of cooking.
VIEW CASE STUDY
VELORREN / Held light
Original 3D geometry, a light laboratory and live product-level inspection.
OPEN LIVE EXPERIENCE
TAVRA / Origin Atlas
A live experience combining an origin atlas, roast record and interactive brew space.
OPEN LIVE EXPERIENCE
ehlisunnah.com
A 189-route learning platform, bringing generative systems, information architecture and responsive UI into one language.
VIEW CASE STUDY
Athari Legacy
Editorial narrative, information design and cinematic selections from a 49-piece vertical short-form series.
VIEW THREE CASESWEB SYSTEMS · FROM A LIVE PRODUCT
Five production moments,
one live system.
Homepage
Editorial composition, scroll-linked reveals, a five-atmosphere theme system.
Generative Tezhip
A deterministic generator: the same input always yields the same vector plate. SVG, in the browser.
Tree of Knowledge
A 109-node radial data diagram. Polar layout drawn in hand-written SVG.
Knowledge Metro
Information architecture as a transit map: interchange stops and a line key.
Astrolabe
A working instrument: drag-and-snap controller, SVG plate and rete, its own unit tests.
Mobile experience
Mobile isn't a shrunken desktop — layouts are composed separately from 320px to 1920px.
All from one live product: ehlisunnah.com · Full case study →
MOTION · THREE SELECTED PIECES
Three distinct production
capabilities, not one repeated.
M01 · EDITORIAL NARRATIVE
A narrative arc built from typography alone. Hard cuts; rhythm carried by pacing.
M02 · INFORMATION DESIGN
An abstract problem turned into a timeline, a comparison list and a source panel.
M03 · CINEMATIC SHORT-FORM
Live footage, low-key lighting, condensed display type. Closest to product and object work.
1080×1920 · 30 fps · 49 completed pieces · All three cases →
This series was produced as a silent master: the source pieces are built for on-screen type and muted autoplay. Sound design is not claimed as a capability in this portfolio.
HOW IT WORKS
Starts with the portfolio,
tested on a small piece.
This page and the case studies. You see the work first.
Format, volume, brand guidelines, source files, date.
What's in, what's out, how many revisions — agreed in writing.
One package. No large commitment, a measurable output.
Agreed format, source files included, in one folder.
A workflow that works gets repeated, not rebuilt each time.
I prefer to begin with the portfolio, a written brief and a clearly scoped first deliverable. A short project briefing call is of course fine — but once the work is written down, it costs everyone less time.
WHAT CAN BE OUTSOURCED
Three production units.
Short-form motion support
Vertical content for Reels / TikTok / Shorts, social adaptations of campaign video, editing and motion graphics.
- INPUTS
- Footage or archive material, copy/script, brand guidelines, font and logo files.
- DELIVERABLES
- 1080×1920 · 30 fps master; 1:1 and 16:9 adaptations on request; cover frame.
- REVISION BOUNDARY
- One round at rough cut, one before master. A scope change counts as a new round.
- ESTIMATED SCOPE
- 1–5 videos per package. Sound design and licensed music not included.
- HANDOFF FORMAT
- H.264 MP4 plus project/source folder, one download link.
Landing page / campaign web
Single-page campaign sites, launch microsites, building an existing design in code, responsive interface production.
- INPUTS
- Design file (Figma or similar) or written direction, copy, image assets, domain/hosting details.
- DELIVERABLES
- Responsive page (320–1920px), accessible markup, basic meta/OG card, preview link.
- REVISION BOUNDARY
- Two rounds after the preview. New sections or pages fall outside scope.
- ESTIMATED SCOPE
- One page, or a 2–4 section microsite. CMS integration discussed separately.
- HANDOFF FORMAT
- Git repository or source archive plus deployment — or installed directly in your environment.
Interactive digital experience
Data visualisation, generative visual systems, scroll-linked narrative, configurator-style interfaces.
- INPUTS
- Dataset or content structure, visual direction, a written definition of the intended behaviour.
- DELIVERABLES
- A working interactive module, responsive behaviour including mobile, reduced-motion support.
- REVISION BOUNDARY
- Two rounds after interaction sign-off. A new interaction type falls outside scope.
- ESTIMATED SCOPE
- One module. A small validation build first, then full production.
- HANDOFF FORMAT
- Source that integrates as a component, plus a short integration note.
Timing estimates are given once the brief arrives. I don't publish a production duration I haven't measured — the schedule goes in writing when the scope is settled.
WORKING ARRANGEMENT
The client relationship
stays with you.
You run the relationship with the agency's client. I sit on the production side: the brief arrives, the scope gets written, the work is delivered. Where it suits you, delivery is white-label — the output goes out under your name, and nothing appears in my portfolio without your approval.
The work is fully remote and written. Files are handed over in one folder, one link, source files included — so the work stays yours and isn't dependent on me.
I run ehlisunnah.com end to end on my own, from concept to release. I work with an AI-assisted development workflow; direction, design decisions, acceptance criteria and quality control are mine.