Healthcare & Clinics

Selvi — Private Clinic

A premium website for multi-specialty outpatient clinics and check-up centres, built around a live porcelain 3D human figure: the question “Where does it hurt?” lights up the area on the figure and carries today’s doctor and free time into the booking wizard.

Open the live demo Get this website

The business in the demo is fictional; photos are placeholders. The demo content is in Turkish; your site is set up in the languages you need.

What is included

The sections and modules that come with this design. During setup we switch them on, off or extend them to fit your business.

Live porcelain 3D human figure (Three.js): it turns slowly and rotates to the chosen area, which glows from inside the figure in a sea-glass light while a scanning ring slides over to it
“Where does it hurt?” area picker: shows the department, narrowing down by symptom, the doctor with a free slot today and the real times; one tap carries the choice into the booking wizard
Callout line: a live marker and label running from the point on the figure to the suggestion card
Check-up journey: in a scene pinned as you scroll, the camera circles the figure; each stop shows the time, duration, tests and the doctor in charge, and the programme tabs change the stops
“Where does it hurt?” body menu in the header: area points on a mini figure, grouped departments and the nearest free times, live; a live “next free appointment”
Six-step online booking wizard: department, doctor (with a “no preference” option), day, time, patient details, summary and confirmation; the chosen department is marked on the figure in the summary
A typographic department index (with image previews) and an “In the clinic today” bento with today’s occupancy chart, quick booking and the blood-test window
Doctor carousel (Embla): a department filter animated with Flip, and the first free times over five working days on every card
A page for every specialty: a seven-day chart of free slots, conditions assessed, procedures, preparation, doctors, FAQ and a sticky booking card
Doctor pages with a weekly timetable and direct choice of time; a searchable team, filterable by department and language
Check-up comparison table with a sticky header and highlighted columns (one programme at a time on mobile), the day’s schedule and a preparation checklist
Footer staged as a closing scene: the next free slot live, booking from body area to department, the nearest times, copy-address button and a live clock
Fast pages with no preloader and no smooth-scroll; the 3D loads when the browser is idle, pauses off screen and falls back to a poster in the same composition without WebGL
Wording that follows Turkish health advertising rules (no testimonials, superiority claims or prices); MedicalClinic, Physician, FAQPage and BreadcrumbList structured data

Pages in this website

Every page in the demo works with real content. Click a page to open it in the demo.

Home/

Departments/bolumler/

Department page/bolumler/kardiyoloji/

Doctors/hekimler/

Doctor page/hekimler/nermin-akbulut/

Check-up/check-up/

Online appointment/randevu/

Patient guide/hasta-rehberi/

Guide article/hasta-rehberi/check-up-oncesi-hazirlik/

Contact/iletisim/

Privacy notice (KVKK)/kvkk/

Cookie policy/cerez-politikasi/

How it works

Four steps from the design you pick to your live website

The design and the technical groundwork are done, so the work is about placing your content well and fitting the site to your brand.

1
Choose a design
Explore the live demo on desktop and on your phone; try the forms, calendars and menus.
2
Get your quote
We agree on pages, languages, extra modules and the maintenance scope, then send a clear quote.
3
Send your content
You get a checklist for your logo, photos, services, team and opening hours.
4
We go live
We connect your domain, set up SSL, speed and SEO, then host the site and keep it up to date.

In every ready-made website

The groundwork you do not see, but your visitors feel

Behind each design sit the same technical standards we use in our agency projects.

Flawless on phones

Every page was designed for phones first and stays readable from a 360-pixel screen to a wide desktop.

Fast to load

Fonts and images are served from our own servers in modern formats; animations pause when off screen.

SEO groundwork

Page titles, descriptions, schema.org structured data and the sitemap are ready at launch.

Privacy and cookie texts

The privacy notice, cookie policy and form consents are filled in with your business details.

Hosting and maintenance

Server, SSL, backups, security updates and small content changes are covered by maintenance.

Enquiries to your inbox

Requests from booking and contact forms are sent to the address you choose.

Ready-made websites

Other ready-made websites

Restaurants & Food

Kor — Fire Kitchen

A fire-kitchen restaurant website with charcoal, ember and saffron blocks on pure white: real-time heat shimmer and sparks over a bright photo of the hearth, a live table card that ties the heat of the scene to tonight’s bookings, a pinned “one evening” sequence and a table plan built like a model of the room at night.

Live scene: real-time heat shimmer (hot-air refraction) and occasional sparks rendered with OGL over a bright photo of the hearth; the heat rises as the cursor gets closer
“Tonight” charcoal card set into the scene: day arrows, a guest counter, free-table bars hour by hour and a mini top-down plan with the tables in their real positions; how full the chosen time is sets the heat of the scene
Pinned “one evening” sequence: a horizontal strip of courses, starter → fire → dessert; the plate arriving at the pass expands into a large frame with GSAP Flip (horizontal scrolling on mobile)
Live table plan as a night-time model: dining room, chef’s counter, the Arch Room (Kemer Salonu) and terrace; tables show free, nearly gone, booked or wrong size by day, time and party size; the chosen table and time go straight into the booking
Six-step booking wizard: a calendar showing availability, party size, times with the share of free tables, area cards and table choice on the plan, occasion/allergy note, an ember seal drawn and pressed on screen and a calendar file

DM Serif Text (başlık, roman + italik) · Kumbh Sans (değişken 300–800; arayüz ve gövde)

Details Live demo

Beauty, Hair Salons & Spas

Mira — Hair, Skin & Spa Atelier

A live portrait scene with a serum-drop lens for a hair, skin and spa atelier: as the lens passes over the hair, lashes, skin or hands in the portrait, a mini diary in the scene shows the real free times for that treatment; below it, a live specialist diary and a treatment planner.

Live scene: a serum-drop lens that follows the cursor across a bright portrait (WebGL: magnification, edge refraction, colour fringing, a glossy rim); depending on the area under the lens, a mini diary in the scene opens the next free times in that treatment area, and one tap books with the specialist and time already chosen
Live specialist diary: one row per specialist, with free, booked and time-off slots in half-hour steps; a “now” line
Treatment planner: the gaps that fit the basket’s total time light up; tap one and the specialist and time come pre-selected
Pinned scrolling story: a four-step care ritual in which close-ups of textures morph into one another through drop-shaped masks (GSAP ScrollTrigger + MorphSVG)
Header that turns into a floating island as you scroll, a treatments mega menu showing the next free slots live, an atelier menu with images and a purpose-designed mobile drawer

Noto Serif Display (değişken 100–900, roman + italik; başlık) · Afacad (değişken 400–700; arayüz ve gövde, tabular rakam) · Logotip: Noto Serif Display harflerinden çizilmiş “mira”, i’nin noktası serum damlası (SVG; footer’da normal boyutta)

Details Live demo

Hotels & Hospitality

Ada — Boutique Hotel

A boutique hotel website: an opening scene in which a photo of the cove changes with live light according to the time of day, a booking panel set into the scene, a route story that flies over the island, a room and view selector on the map and a six-step booking wizard.

Time-of-day scene: the cove photo shifts between dawn, midday, golden hour and sunset in a WebGL (OGL) shader; sky colour, light, shadows, the sun’s disc and its reflection on the sea start from local time in Bademce
Booking panel set into the scene: a custom two-month calendar (seasons, minimum nights, occupancy), guests and room type with images; sunset is calculated for the chosen arrival day, and “see it in the cove” takes the scene to that evening
A giant TUZHANE logotype that sets behind the horizon: the islet and hills pass in front of the letters
Flight over the island: as you scroll, a route is drawn on an illustrated island map and the camera follows it, while the jetty, castle, vineyard, hotel rooms, coves and windmills open as cards with photos
Room and view selector: all 19 rooms in their real positions on the hotel’s bird’s-eye map, with window view cones, the sun’s path, live shadows and the rooms free on the chosen dates

Petrona (değişken 100–900) · Outfit (değişken 100–900)

Details Live demo

Construction & Real Estate

Vadi — Residential Development

A sales website for a residential development that opens on a real-time 3D site model of the blocks on the hillside: live sun shadows driven by date and time sliders, and when you tap a flat type, the model lights up that flat and works out its hours of sunlight for the day.

Live site model (Three.js): sloping ground, contour lines, three blocks and wooden trees, with shadows cast in real time at the sun’s true angle
Sundial card: date and time sliders, solstice/equinox shortcuts and a play-the-day button; the hours of sun that day and a day chart for the flat of the chosen type
Pinned camera tour around the model: view fans, distances to the neighbouring blocks, landscaping, flat types lit up on the façade and a day’s worth of shadows
Sun and view simulator page: live shadows on the site plan, a sun map of the façades, a flat card, a 12-month chart, the sun path and a window panorama
Flat selector: block tabs, floor and flat picked from the elevation drawing, floor plans, a floor-range slider, a sortable list with prices and shareable selections

Epilogue (değişken: wght) · Be Vietnam Pro

Details Live demo

Law Firms & Consulting

Kalem — Law Partnership

A law partnership website that opens on live, annotated statute text: articles of the Labour Act are marked up on screen as if by hand, in the lawyer’s red pen, and whenever the calculator card in the margin changes, the relevant sub-clause and margin note are redrawn. Blood-red blocks, layered paper, a pinned case timeline, severance/notice and deadline calculators and a six-step consultation wizard.

Live scene: short quotations from art. 17 of Labour Act no. 4857 and art. 14 of Act no. 1475 sit on two layers of paper; underlines, overshooting circles, arrows and margin notes are drawn once in the lawyer’s pen (varying stroke width, a slight tremor) with DrawSVG and come alive again on hover
Calculator card in the margin of the text: a length-of-service slider divided at the statute’s a/b/c/d thresholds, plus pay; as the inputs change, the relevant sub-clause is marked in the text and the margin note and estimated notice period/severance update instantly; the severance tab brings the art. 14 sheet to the front
Pinned scrolling story, “The timeline of a case”: a sample reinstatement case, the story highlighted line by line with SplitText and deadline bars citing the relevant articles that fill as you scroll (lighter on mobile)
Severance and notice pay calculator: pay including regular benefits, the ceiling for the period (updated in one place), stamp duty and income tax, an entitlement check by reason for leaving, a length-of-service chart and the limitation date
Statutory deadline reminder: nine situations with article references; deadlines roll over weekends and public holidays and allow for the judicial recess, with an .ics calendar file; document checklist (nine areas × individual/company)

Libre Baskerville (değişken, roman + italik) · Reddit Sans (değişken)

Details Live demo

Veterinary & Pet Care

Kestane — Veterinary Clinic

A premium website in pure white, cobalt and sunflower yellow for cat, dog and exotic pet clinics: a live opening scene that morphs between real animal outlines as you change species, a digital health record that works inside the scene and a life path that fills in from puppy or kitten to old age as you scroll.

The centrepiece, a live opening scene: on a cobalt block, outlines of a real cat, dog, bird, rabbit and tortoise traced from photographs; changing species morphs the outline with MorphSVG, followed by an offset copy in sunflower yellow
A digital health record inside the scene: as you choose species, name and age, the next care step, a 12-month strip and a booking link with the service pre-selected are recalculated instantly; shared with the care plan page and the record chip in the header
Life path: in a pinned horizontal scroll, each age from 8 weeks to old age fills with its vaccinations, parasite treatment, neutering, dental care and check-ups; the outline grows with age and switches between cat and dog
Health record and 12-month care plan: vaccinations, internal and external parasite treatment, dental care, health checks and weight monitoring; book from any step, with dates exported one by one or all together as .ics
Seven-step booking wizard: species and exotic sub-type, patient details, service, vet (“no preference”), day and time, owner details + privacy consent (KVKK), confirmation

Sora (değişken: wght 100–800) · DM Sans (değişken: opsz, wght)

Details Live demo

Events, Weddings & Venues

Davet — Wedding & Event Design Studio

A wedding and event studio website that opens on a live 3D model of the venue: choose the number of guests and the venue (garden, waterside mansion, hall, boat) and the seating plan engine sets out the tables on the model; as you scroll, an envelope opens, the table plan appears and the light turns from daylight to strings of evening bulbs.

Live isometric 3D venue model (Three.js): round tables with white cloths, slender brass chairs, flower arrangements, hanging strings of bulbs and a dance floor; when the guest count, venue (garden, waterside mansion, hall, boat) or type of event changes, the tables glide into the layout produced by the seating plan engine
“From invitation to evening” scrolling story: the envelope flap opens, the invitation rises, the tables appear one by one in order of distance to the dance floor and the light moves from daylight to golden hour and night-time bulbs; with a clock and step indicator
Seating plan designer: a top-down plan drawn to scale in metres; tap a table to set the number of seats, drag it to move it (mouse, touch and keyboard); the same plan as a live 3D model, with a light slider from day → night
Live readouts: capacity, average and furthest distance to the dance floor, a check on 90 cm aisles and service corridors, and the dance floor area; PNG download and print; “Request a quote for this layout” carries the plan into the wizard
Nine-step quote wizard: a calendar showing availability, a live plan driven by the guest slider, region and venue (custom select box), a visual moodboard, scope, budget range, contact details + privacy consent (KVKK), summary

Bona Nova (400, 700, italik) · Gantari (değişken: wght)

Details Live demo

Automotive & Car Dealerships

Galeri — Car Showroom

A dealership website on white, built to the standard of a well-made product: a smart car matcher that ranks the stock by a match percentage based on budget, how you’ll use the car and the balance of your priorities, a filterable stock list, panel-by-panel inspection, a finance calculator and a consignment-sale wizard.

Smart car matcher: budget (logarithmic range + stock histogram), intended use, a draggable priority balancer and gearbox/fuel; every car is ranked with a live match percentage, three reasons, a priority radar chart and an estimated monthly payment
A working “find your car” box on the opening screen: a live result count as you choose make, body type, mileage and budget
Stock showcase: filters for make, body type, model year, mileage, fuel, gearbox and price range; the filter state sits in the address bar, so it can be shared
Seven sort options, grid and list views, active filter tags and a slide-out filter panel on mobile
Side-by-side comparison table for up to three cars (best value marked, differences only); favourites, a live counter in the header and instant search with “/”

Unbounded (değişken 200–900) · Geologica (değişken 100–900)

Details Live demo

Sports & Fitness

Kulvar — Performance Club

A performance club website that opens with a live pulse line over a daylight photo of the track: the “Build your week” card in the scene plans a week from the club’s real timetable, the week’s load becomes the rhythm of the line and the heart-rate zone becomes the colour of the page; plus a pinned section that tells a 60-minute session as you scroll, booking with spot selection and a trial class with a health questionnaire.

Live scene: a pulse line running like an oscilloscope trace over a daylight photo of the track; cursor speed raises the heart rate, and the heart-rate zone (Z1–Z5) changes the accent colour of the line and the page
“Build your week” personal training planner: your goal, level, number of days and the days and times that suit you produce a seven-day timetable from the club’s real 76-class programme; the card in the scene drives the same planner, and the week’s load becomes the rhythm of the line
Weekly load chart (with a target band for your level) and muscle-group balance; classes are suggested automatically for any group that’s missing out; book the whole week with a single form + a multi-event calendar file
Pinned “One session, sixty minutes” story: as you scroll, a minute counter runs, the heart-rate curve is drawn with DrawSVG and the photos change from warm-up → intervals → strength → cool-down
Draggable “Eight lanes” class carousel (Embla): each class with its own heart-rate zone, pulse trace and next session, live

Antonio (değişken: wght 100–700) · Readex Pro (değişken: wght 160–700)

Details Live demo

Jewellery

Kuyum — Jewellery Workshop & Boutique

A jewellery house website on a light studio background, built around a real-time 3D solitaire configurator: the ring changes live as you choose the cut, carat, GIA colour and clarity, metal, setting and ring size; plus a private-appointment booking box, a certificate reader and a collection showcase.

Solitaire configurator: a real-time 3D ring that changes as you choose a round, oval, pear, emerald or princess cut, 0.30–3.00 ct, the metal (platinum, white, yellow or rose gold) and the setting (four-prong, six-prong, bezel, halo)
Colour (D–K) and clarity (FL–SI2) steps true to the GIA scale; tint and inclusions show in the 3D stone itself, with a short explanation for every grade
A configuration summary as polished as a product page: stone, size (mm), metal, setting, ring size, certificate, an estimated price range labelled “example” and the lead time; book a workshop appointment or save the design
Ring size finder (inner circumference in mm → Turkish size) and a size selector from 44 to 64; the band of the 3D model resizes to match, and a ruler shows the stone’s true size
Hero: a “Private appointment in store” box (location → subject → a seven-day strip showing the number of free appointments → time chips), a bright jewellery photograph with a loupe circle and real data cards (free appointments this week, new collection, certified stones)

Bellefair · Mulish (değişken: wght)

Details Live demo

Education

Ebegümeci — Garden School

A website for a nursery and primary school with a garden, on pure white with Young Serif headings, restrained mustard, leaf and rose pigments and art-directed garden photography. At its heart is “A day at school”: parents enter their child’s date of birth and watch the suggested class’s day live, hour by hour, with its teacher, its spot in the garden and the lunch menu.

“A day at school” centrepiece: a segmented date-of-birth field + year/month/day picker, an age group and class suggested from the child’s age at the start of term (the cut-off dates are set during setup to the school’s and the Turkish Ministry of Education’s current rules) and places available
The chosen class’s day hour by hour: a live “now” line and a time slider, with a teacher card, location and photo for every block; the workshop comes from that day’s programme and the lunch block from that day’s menu, with allergen icons
Day tabs (today marked), five class tabs, and the spot highlighted on the garden plan when a block is selected
“Is there a school bus?” check: choose a neighbourhood → route, morning pick-up and afternoon drop-off times and a stop diagram
School-tour booking box on the opening screen: stage tabs, a day strip starting today (closed and full days and Saturday open days marked) and a choice of time, handing over to the enrolment wizard pre-filled

M PLUS Rounded 1c (700, 800 — başlık ve rakamlar) · Lexend (değişken 100–900 — metin)

Details Live demo

Architecture & Design

Atölye — Architecture & Interior Design Practice

An architecture practice website that speaks the language of technical drawings, on pure white and concrete mist: a bright opening with dimension lines, a quick brief box and a project journey planner (live Gantt chart, list of deliverables, documents required, similar projects) that leads to a first meeting.

Project journey planner: choose the building type, floor area (m² slider), any of Turkey’s 81 provinces (searchable), start month and scope to get a live Gantt chart (month axis, today and start lines, hatching for permit processes and out-of-scope work, milestones); all durations are sample averages from the site’s data file, labelled “estimated”
Planner outputs: the drawing sheets, visuals and schedules delivered at each stage, a tick-off list of the documents “we’ll need from you”, three similar projects with the reasons why, notes on extra time for projects in other provinces and for winter; the choices carry over to the appointment form as URL parameters
A working opening screen: tabs for a “Tell us about your project” quick brief and a live archive search, a bright architectural image with dimension lines and a title block, and real data cards (published projects, projects on site and their progress, the latest article, free days for a first meeting)
First-meeting booking: a brief pre-filled from the planner, a choice of meeting at the office, on site or by video, a day strip and 60-minute slots marked free or booked, a live summary of the brief and a confirmation with a reference number laid out like a drawing title block
An identity unique to the practice: a mark drawn from the door-swing arc of a floor plan and a wordmark in wide-cut Archivo; a signature language of dimension lines, north arrow and title block (on the opening screen, the project pages and the footer)

Hubot Sans (değişken, wdth 75–125 + wght; başlıklar dar, kelime işareti geniş kesim) · Radio Canada Big (değişken 400–700; metin ve rakamlar)

Details Live demo

Yacht & Boat Charter

Rota — Yacht & Gulet Charter

A light-toned charter website: a planner that draws a day-by-day route from the chosen harbour, number of days, pace and priorities, a nautical chart built on real coastline data, suitable boats and a pre-filled quote wizard.

Route planner: choose a departure harbour (Göcek, Fethiye, Bodrum, Marmaris, Kaş), 3–14 days, pace, guests and priorities (swimming, history, waterside dining, sheltered anchorages), and the route is drawn instantly
Nautical chart with the clean look of an electronic navigational chart (ENC): OpenStreetMap coastline data, depth contours, a compass rose and a nautical-mile scale that adjusts as you zoom; every leg is routed over water, never across land
Day cards: a photo of the bay, leg distance and estimated sailing time, type of mooring, what to do there and a note on the afternoon sea breeze; a summary of total miles and hours under way
Boats that suit the route (capacity, cabins, length, speed, estimated price) and “Request a quote for this route and boat”: the wizard opens pre-filled with the planned route
Hero search box: a custom harbour list, a date-range calendar, a guest counter and boat-type choice by silhouette; real data cards (weekly availability, the most popular route, a sample wind reading)

Abhaya Libre (500, 600, 700) · Plus Jakarta Sans (değişken 200–800)

Details Live demo

Accounting & Tax Advisory

Mizan — Accountancy & Tax Advisory

A corporate website for an accountancy and tax advisory practice on pure white, signed with aubergine purple and ledger lines: a working first-consultation box and a live practice masthead on the opening screen, and at its heart a sole trader / limited company / joint-stock company comparison tool and a monthly filing calendar; plus a monthly closing schedule, a client portal demo and a package scope table.

Business structure comparison: sole trader, limited company and joint-stock company side by side, based on turnover, profit margin, number of partners and employees, line of business, profit distribution and investor plans; estimated tax burden, effective rate, time to set up, minimum capital, list of obligations, liability and ease of transfer
A “Right for you” column with the reasoning set out line by line; the result goes into the first-consultation form in one click (no personal data is written to the address bar)
Tax brackets, corporate tax, withholding tax, capital requirements and the list of returns kept in a single table in the site’s data file, labelled “sample figure — to be confirmed with the GİB (Turkish Revenue Administration)”
Monthly filing calendar strip: this month’s deadlines, rolled over weekends and public holidays (Sat 28 → Mon 30), days remaining; the “next deadline” shown live in the top strip and the footer
A first-consultation box that works on the opening screen: business type and subject (custom drop-down), at the office or by video, a day strip starting today (closed days disabled), booked and past times struck through

Roboto Serif (değişken, opsz + wght) · Roboto Flex (değişken, opsz + wght)

Details Live demo

Auto Service & Spare Parts

Ayar — Car Service & Parts

A premium website for multi-brand garages and parts dealers on pure white, in the language of technical drawings: a service planner, live job card tracking and a parts catalogue you can search by OEM number.

The centrepiece, “Where’s my car?”: a service planner and live job card tracking in a single console (tabbed on the home page, each with its own page too)
Service planner: custom selectors for make → model/engine → year → mileage, the next service and upcoming items on a mileage scale, and a “may be overdue” warning
A choice of genuine or equivalent parts for every service item, labour time and an estimated total (labelled as an example); a pre-filled handover to booking with day and time chips that fit the lift time needed
Live job card: a seven-stage timeline, a technician card, findings with photos and measurements, a 42-point inspection summary, the estimated collection time and an activity log
Approve / Decline / Undo additional work from your phone; the total and the collection time update instantly

Encode Sans Expanded (Encode Sans değişken, wdth 125) · Encode Sans (değişken: wdth 75–125, wght 100–900)

Details Live demo

Furniture & Interiors

Kerte — Furniture Workshop & Showroom

A website for a made-to-measure furniture workshop: a builder where you put a sofa together by dragging and snapping modules, see its size live with dimension lines and check whether it fits the room and the door; plus collection filters, a fabric sample box and showroom appointments.

Modular sofa builder: drag and drop single, two-seat, corner, chaise and pouffe modules (touch works too) onto the left or right end; ready-made L, U and chaise layouts, undo, and moving or removing modules
Live dimension lines in the top view (with notch marks at module joins) and a front view drawing that changes with the fabric texture, leg profile and cushion firmness
“Will it fit your room?”: enter the room’s width and length, the door and the lift car; the room plan shows the layout and clearances, and each package is checked one by one for whether it gets through the door and the lift
Builder summary: overall dimensions, number of seats, largest piece, lead time by fabric and an “example” price; the design code sits in the address bar, and “Book a showroom visit with this design” opens pre-filled
A swatch card of 24 fabrics (linen, bouclé, velvet) with texture, Martindale rating and stock information; a sample box drawer for up to 5 fabrics and an address form

Castoro (400 + italik) · Anek Latin (değişken: wdth 75–125, wght 100–800)

Details Live demo

Cleaning, Renovation & Home Services

Derli Toplu — Cleaning & Home Repairs

A website with a live scene for home and office cleaning, upholstery cleaning, painting and decorating and small repair firms: visitors wipe a photo of a room with the cursor or a finger and uncover for themselves the clean result the team leaves behind; alongside it, an instant price console that drives the same scene, a room-by-room checklist and a price and team planner.

Live scene (WebGL/OGL): the dirty version of the room photo is generated in a shader from a single clean photo (a film of dust, dullness, cloth marks, dried drops); the cursor or a finger wipes it in straight strips like a squeegee blade, and the dirt creeps back in patches a few seconds later
Price console linked to the scene: the service tab changes the room on screen and the dirt level changes how much grime it shows; the example price, team and duration update live using the same calculation as the planner, and the choices carry over to the planner
Room-by-room checklist: in a scene pinned as you scroll, four rooms are squeegeed clean one after another while the scope items tick off live (GSAP ScrollTrigger, a sticky scene on mobile)
Instant price and team planner: 6 service tabs, room counters or an m² slider, how dirty the place is, extras and a discount for regular visits; an ultramarine receipt panel with a sketch plan, duration, team, price breakdown and supplies list
Availability: choice of district, a 10-day strip and morning/midday/evening windows — windows that are booked or too short for the job close; a card for the team that will be assigned and a pre-filled booking

Rubik (değişken: wght 300–800, tek aile)

Details Live demo

Car Rental

Yolcu — Car Hire

A car hire website on pure white with ruby accents and a “rental ticket” design language: a ticket-shaped search box and a live fleet board on the opening screen, and at its heart a total cost calculator with a day-by-day price heat calendar; cover comparison, extras, the deposit on its own line and one-click, pre-filled booking.

Total cost calculator: pick-up and return points (airport, branch, hotel address), a one-way fee for returning elsewhere, dates and times and driver age; a live breakdown laid out as a “rental ticket”
Price heat calendar: an example price for every day by car class, with cheap and busy days shaded; range selection and a tip such as “move by one day and save this much”
Six car classes as photo cards (icons for seats, luggage, gearbox and fuel), with an average daily price calculated for each class
Cover package comparison: basic / extended / full cover, with excess, deposit and what’s covered set out per class
Extras: additional driver, baby and child seats, sat nav, snow chains (in season) and an HGS toll tag for Turkish motorways; each with a daily price cap

Platypi (değişken 300–800) · Asap (değişken 100–900)

Details Live demo

E-commerce & Retail

Nar — Handmade Ceramics Online Shop

An online shop for a pottery that sells straight from the studio: a table setting builder that draws the set from above as you choose the number of guests, the pieces and the glazes, delivery estimates by province for in-stock and in-the-kiln pieces, a filterable collection, product pages with variants, a basket drawer and a step-by-step checkout demo.

Table setting builder: 2/4/6/8 guests, six types of piece (charger and dinner plate, bowl, cup, mug, sharing platter) with a separate glaze for each; ready-made starting points and “same glaze for all”
A single place setting drawn live from above: the light and shade of the glaze, the clay line showing where the glaze thins at the rim, speckles and a glossy reflection
Set list with in-stock / in-the-kiln badges; a set discount (3 types 10%, 5+ 15%), a free-delivery bar calculated together with the basket, “add set to basket” and a shareable builder link
Delivery estimate: any of Turkey’s 81 provinces → shipping zone; separate date ranges for in-stock and in-the-kiln pieces based on the 2 pm cut-off, working days and the glaze firing schedule; choose “all together” or “ready items first”
Hero: category + multiple glaze swatches + price range + in-stock toggle with a live count of matching products; a “set your table” quick start with an initial price and stock status

Faustina (değişken, roman + italik) · Ubuntu Sans (değişken)

Details Live demo

Textiles & Fashion

Atkı — Fashion Atelier & Boutique

An online shop for a fashion label that makes its pieces from natural fabrics in its own atelier: a size assistant that takes each garment’s cut and the stretch of its fabric into account, the fit of the garment on a fashion sketch, a fabric profile for every piece, a made-to-measure tailoring timeline and boutique appointments.

Size and fit assistant: height, weight and optional bust/waist/hip measurements (estimated from body type if unknown), preferred fit and the size worn in another brand; the profile is stored only in the browser
A recommendation for each product: the suggested size plus a confidence percentage, based on the pattern block, ease allowance and the fabric’s stretch percentage; a note explaining why when you fall between two sizes
Fashion sketch: the garment’s technical drawing (collar, placket, buttons, pockets, belt, double-breasted front) on a fine-line figure scaled to the person’s height and measurements, with dimension lines at shoulder, chest and hem
Size chart bars shaped like a tape measure: where you fall on bust/waist/hip/height, the suggested size and the fabric’s stretch allowance hatched in; a “what to expect in this size” list (shoulder, chest ease, length, sleeve)
Fabric profile: a fibre composition bar, a fabric weight scale, a weave/knit diagram, stretch, handle, the chain of origin (example), care symbols and estimated CO₂ and water (example)

Imbue (dar didone, değişken: opsz, wght) · SUSE (değişken: wght)

Details Live demo

Technology & SaaS

Nöbet — Software / SaaS Product Site

A product website for B2B software and SaaS on pure white with emerald accents: a drag-and-drop shift planner that genuinely works on the page, a savings calculator, a plan + demo slot finder, a pricing comparison, a changelog and a status page.

The centrepiece, a weekly shift planner that genuinely works on the page (8 employees × 7 days): drag and drop to move, drag the edges to lengthen or shorten, create shifts by keyboard or double-click, undo/reset
Live metrics: net hours per week and per person (breaks deducted), staff cost at sample wage rates, coverage percentage and rule warnings, all recalculated with every change
Sample rule engine modelled on the Turkish Labour Act: 45 hours a week, 11 hours a day, 11 hours’ rest between shifts and a weekly day off; violation badges and a one-click “Fix”
Hourly coverage heat strip and “Auto-fill”: dashed suggestion blocks for the employee with the fewest hours who still meets the rules; apply or dismiss
Savings calculator: branches, employees, planning and timesheet hours give a breakdown of hours and ₺ recovered per year; assumptions shown openly, and a “Request a demo with these numbers” form arrives pre-filled

Manrope (değişken: wght 200–800; başlık 800, metin 450; tabular rakamlar)

Details Live demo

Logistics

Rıhtım — Logistics & Haulage

A premium website for road haulage, warehousing and bonded warehouse firms on pure white, in the drawing language of a load plan: a pallet-by-pallet load planner, an instant sample quote and stop-by-stop shipment tracking.

The centrepiece, “Load planner + instant quote”: lines for Euro and industrial pallets and cartons, with quantity, weight, height and stackability
Choice of a 13.6 m curtainsider, reefer, van, 20’ or 40’ container; a live top-down layout (mixed patterns, stacking layers shown in tones)
Floor utilisation, LDM used, total weight with a capacity bar and volume; warnings for items that don’t fit and overloading; “pick the best vehicle”
A simplified axle load model (kingpin / trailer axles) and a “part load or full load?” recommendation
Pick origin and destination to see transit time, a CO₂ estimate, road vs. intermodal (Ro-Ro + rail) comparison and a price range labelled “example”

Pathway Extreme (değişken: wght 100–900, wdth 75–100, opsz) · Fira Sans (400, 500, 600)

Details Live demo

Finance & Insurance

Ardıç — Insurance Agency

A website for a multi-insurer insurance agency on pure white, signed with pine green and a “cover strip”: a quote box on the opening screen with fields for number plate, province or age and a live agency masthead; at its heart a cover comparison tool that sets three insurers’ quotes out line by line, and a claim scenario showing “what the policy pays and what you pay”.

Cover comparison: tabs for comprehensive car insurance (kasko), home, health and business, with inputs specific to each product (car year, use, province, no-claims step; m², year built, contents value; age, number of people, scope; line of business, stock) and basic / extended / full levels
Sample quotes from three generic insurers (A, B and C Sigorta) side by side: included / limit / excess / not covered lines, partner garage or hospital network, courtesy car days, sample premium and the amounts paid upfront or in 9 instalments
“Is this cover enough for me?” claim scenario: hit while parked, flood, theft, broken glass, surgery… for each quote a “policy pays / you pay” bar with the excess and limits applied, and an adjustable claim amount
The comparison carries over to the quote form pre-filled in one click (sessionStorage; no personal data is written to the address bar)
A quote box that works on the opening screen: product tab + one key field (a field in Turkish number-plate format, province, year of birth, line of business) with validation

Zalando Sans Expanded (değişken, başlık) · Fira Sans (metin, tabular rakam)

Details Live demo

Manufacturing & Industry

Demirtaş — Contract Manufacturing Website

A corporate website on pure white with steel-blue accents for manufacturers doing CNC machining, sheet metal, welding and assembly: a live part-quote configurator whose technical drawing redraws itself from the dimensions you enter, a machine park, a quality page with inspection reports and every element designed in the language of an engineering drawing sheet.

The centrepiece, a part-quote configurator: part type (milled block, turned shaft, bent sheet-metal bracket, welded frame), a materials table (density, tensile strength, machinability), dimensions, quantity from 1 to 10,000 on a logarithmic scale, tolerance class, surface treatment and colour
A schematic three-view technical drawing that redraws itself from the dimensions with every change: first-angle projection, dimension arrows, datum triangles, a GD&T feature control frame and the projection symbol
Live results: part weight, unit price and total (example), a cost breakdown and the selected point on a logarithmic price–quantity curve
Process route (material → cutting → machining → finishing → inspection + packing) with hours and days for each step; lead time and ship date calculated around fully booked days
A four-week machine capacity calendar starting today (Sundays closed, fully booked days disabled, the days for this job highlighted)

Pathway Extreme (değişken: wdth 75–100, opsz 8–144, wght 100–900; başlıklar dar kesim, gövde normal genişlik)

Details Live demo

Energy & Renewables

Gün Işığı — Solar Energy (PV)

A website with engineering rigour for solar installers, on pure white: a calculator that turns roof dimensions into a panel layout, monthly yield, self-consumption and payback, a monitoring portal demo and a survey request form that arrives pre-filled with the calculation.

The centrepiece, a rooftop PV calculator: province, type of use (home / agricultural irrigation / industrial), monthly bill or annual kWh, 4 roof types, width × length, an 8-point orientation dial and pitch
Automatic panel layout on a top-down roof plan: edge clearances, rail lines and 6 × 10-cell modules; tap the plan to add a chimney or skylight obstacle and the affected panels drop out with a safety margin
Live results: kWp and number of panels, monthly yield bars + consumption line (with tooltips), self-consumption rate, annual savings, an example investment, simple payback and CO₂ equivalent
Battery comparison (5/10/15 kWh): the change in self-consumption, savings and payback side by side; editable sample tariff and cost assumptions
“Request a survey with this calculation”: the free survey form opens pre-filled with province, roof, kWp and consumption; custom calendar and time-window choice

Darker Grotesque (değişken 300–900, başlık) · Mukta (400/500/600, metin ve tabular rakam; ₺ Hind’den tek glif)

Details Live demo

Metal, Scrap & Recycling

Devir — Scrap & Metal Recycling

A data-rich corporate website on pure white for scrap buyers and metal recycling yards: a board of daily buying prices, a weighbridge calculator that works from how full your vehicle is, a sample weighbridge ticket and on-site collection booking starting today.

The centrepiece, a “Daily buying prices board”: 17 grades in 8 material families, an example ₺/kg price, an arrow showing the change since yesterday, a 30-day sparkline and the 30-day range
Tap a row to open a detail panel: a 30-day chart showing the value for each day on hover, the low / high / average and “add to calculation”
Weighbridge calculator: add material lines by kilos or by “how full the vehicle is” (van / lorry / articulated lorry × full / half / quarter, with an estimated weight based on the material’s density)
Quality deduction (4 preset grades + a slider) and transport choice (bring it to us / we collect; an example charge by district distance and the conditions for free collection)
A live sample weighbridge ticket: ticket number, date, vehicle, lines, gross / tare / net, deduction, transport, estimated payment and range

Noto Sans Display (değişken: wdth 62,5–100, wght 100–900; dar kesim başlık, normal kesim metin, tabular rakam)

Details Live demo

Mining & Natural Stone

Ilıcadağ — Marble Quarry & Natural Stone Factory Website

A corporate website on pure white with vein-grey accents for marble, travertine and onyx firms that cut blocks from their own quarry and produce slabs and tiles in their own factory: a numbered slab inventory, a selector that shows five finishes on the same stone and a live quantity calculator that draws the cutting plan onto the slabs.

The centrepiece, a slab selector: stone type (white marble, travertine, onyx, beige, grey), five finishes on a photo of the same stone (polished, honed, tumbled, brushed, patinato) and the numbered blocks in stock
Every slab from the block: slab number, size, thickness and reserved / free / this job status, bookmatched pairs (second slab mirrored); slabs you can enlarge and a vein-direction marker
Dimension input by application (floor room size or m², wall, worktop + island + waterfall end, stairs with treads, risers and landings)
Live result: number of slabs needed, waste allowance, recommended thickness, weight, number of A-frames/crates, how full a 20’ container is and an example price range
An SVG cutting plan that lays the pieces out on the slabs: vein direction is kept, split pieces fall on consecutive slabs and the waste area is hatched

Ysabeau (değişken 1–1000; başlıklar, Garamond kökenli yazıt karakterli sans) · Ysabeau Office (değişken; metin, arayüz ve tabular rakamlar)

Details Live demo

Nonprofits & Public Sector

Filiz — Education Foundation

A website for a rural education foundation on pure white, with Wix Madefor headings, deep damson blocks and sprout green kept for progress alone. At its heart are a donation impact calculator and a transparency dashboard: choose an amount, frequency and area, and see live how many student-months of scholarship and how many books your gift covers, how the spending is split and how far it moves each project forward.

Donation impact calculator: preset and custom amounts, one-off / monthly, five areas; a live impact sentence based on sample unit costs and a grid of unit cells (book spines on a 120-book shelf for the library programme)
Spending breakdown: what the gift means in lira for programmes, administration and fundraising, as a stacked bar; the annual impact for monthly gifts, and a “what if it were monthly” suggestion for one-off gifts
“With this gift” contribution on active projects: a hatched extra slice on top of what has been raised, the new percentage and days remaining
Hero action box: a donation preview + a “Volunteer” tab (province, area of interest, a day strip starting today, suitable roles)
Donation page: the selection carried over unchanged from the calculator, a live donation summary and a demo donation form; no card fields, a “the payment provider is connected at setup” box and sample tax information

Besley (başlık, değişken 400–900) · Inclusive Sans (metin ve arayüz, değişken 300–700)

Details Live demo

Agriculture & Livestock

Harman — Farming Co-operative & Wholesale Produce

A premium website on pure white with earthy green for farming co-operatives, farms and wholesale produce suppliers: a harvest and supply calendar, a wholesale order planner and field-to-shelf traceability by batch number.

The centrepiece, a “Harvest and supply calendar”: a 12-month strip for eleven products at half-month resolution; sowing, growing, harvest, milking and ripening stages shown by pattern and tone rather than colour, with a ready-for-sale line underneath and a today line
Pick a product to see this season’s estimated harvest, a bar of the allocation remaining, a quality grades table (criteria, share, example price), delivery regions, cold-chain requirements and packaging options
Wholesale buyer mode: grade, a quantity stepper (tonnes / crates / litres / tubs / wheels), only the delivery weeks that match stock or the harvest window open, delivery region, pallet and truck-load calculation and an example price range
Order plan: add several products to the plan, with total pallets, cold-chain pallets, an estimated number of trucks and an example total; “Request a quote with this plan” arrives pre-filled in the quote form
Grower application pre-check: land (in decares) or herd size, product and province give the eligibility for contract farming and the next step, pre-filled into the application form

Vollkorn (değişken 400–900, roman + italik; başlık) · Signika (değişken 300–700; metin ve arayüz, tabular rakam)

Details Live demo

Media & Publishing

Kadraj — Digital Publishing / Media Site

An editorial website on pure white with magenta accents for independent magazines, news sites and podcast networks: a home page laid out like a newspaper, article pages with reading progress, podcasts with a demo player, a newsletter archive, membership and a live media kit (sponsorship planner) that works on the page.

The centrepiece, a live media kit that works on the page: choose channels (display CPM, sponsored feature, newsletter, podcast read, video series, event) and use the period and budget sliders to get instant estimates of unique reach, impressions, listens and views
Audience segments (interests + city + age): segment size, CPM with the targeting premium and “reach within your target audience”, all calculated live (sample values)
An 8-week inventory calendar starting this week: booked sponsor slots struck through and your plan highlighted; click a column to change the campaign start
A recommended package mix bar + a price breakdown table by channel (quantity, unit price, amount, result, budget remaining) and budget/inventory warnings
A creative preview that changes with your choices: newsletter sponsor box, podcast read script + waveform, 970×250 / 300×250 site units, sponsored feature card, video opener card and event; the brand name is typed in live, with a transparency note

Frank Ruhl Libre (değişken 300–900; manşet, dev saat rakamları, makale başlıkları) · Nata Sans (değişken 100–900; arayüz, gövde, veri; tabular rakamlar)

Details Live demo

Startups

Rampa — Startup Accelerator / Incubator

A website on pure white with cyan accents for accelerators, incubators and technology parks: an application eligibility assistant that explains its reasoning criterion by criterion, a clickable 12-week programme roadmap, mentor matching, a filterable portfolio, coworking bookings with a floor plan and a countdown to demo day.

The centrepiece, an application eligibility assistant: six inputs (stage, sector, team, founder profile, monthly revenue, funding raised) give score bars for three tracks and a result explained criterion by criterion with ✓/✗/○
A clickable 12-week roadmap for the recommended track: a stepped ramp ruler, session types (workshop / mentor / panel / office hours / demo day), week details (output, with whom, date) and arrow-key navigation
Three mentor cards matched by sector and stage; a live countdown to the application deadline; a day strip of intro calls starting today (weekends “Closed”, booked days “Full”) with time chips
“Apply with these details”: everything from the assistant and the chosen call time flows into a four-step application form. The draft is saved in the browser; the step indicator is a stepped ramp
A two-tab hero box: the right track, deadline and places from stage + sector, or a 20-minute office tour booked with a day strip and time. Beside it, a bright photo of the workshop space

Parkinsans (değişken 300–800; başlık 560–640 sıkı harf aralığı, metin 400, arayüz 500–600)

Details Live demo

FAQ

About ready-made websites

Anything else on your mind? Write to us through the quote form or the contact page.

Get a quote

With a ready-made website the design, page structure and industry modules already exist; we build your site on that foundation with your brand and content. It goes live much sooner than a project from scratch and the budget is easier to plan. If you want a design that is entirely your own, our corporate web design service starts from a blank page.

Yes. It is set up with your logo, brand colours, photos and copy, and we switch sections on or off or add more to suit your business. The character and layout of the design stay intact.

Ready-made websites are provided as a managed service: we set the site up, host it and keep it current. Your domain and your content always remain yours. If you need a source code licence, we prepare a separate quote.

Requests from the forms are sent to the email address you choose during setup. If you already use a booking system, we look at integrating it when we prepare the quote.

The businesses in the demos are fictional and the photos are placeholders. Your site uses your own photos and details; we can also help with copywriting and professional photography.

Yes. The demos are in Turkish; English, German or any languages you need are added as part of the quote, each on its own URL and correctly marked up for search engines.

We quote based on the design you choose, the number of pages and languages, extra modules and the maintenance scope. We do not publish prices on the site; just fill in the form.

Let's build your next project together. We don't publish prices on our website. We listen to what you need first, then start preparing a written proposal with scope, deliverables and timeline within one business day.

Get a quote Contact us

Email[email protected]

Office hoursMon–Fri 09:00–18:30 (Istanbul time)

Response timeWithin one business day

Selvi — Private Clinic

What is included

Pages in this website

Four steps from the design you pick to your live website

Choose a design

Get your quote

Send your content

We go live

The groundwork you do not see, but your visitors feel

Flawless on phones

Fast to load

SEO groundwork

Privacy and cookie texts

Hosting and maintenance

Enquiries to your inbox

Other ready-made websites

About ready-made websites

Let's build your next project together. We don't publish prices on our website. We listen to what you need first, then start preparing a written proposal with scope, deliverables and timeline within one business day.