--text: #374151; --text-light: #6b7280; --bg: #f7f8fc; --white: #fff; --border: rgba(0,0,0,0.07); --shadow-sm: 0 2px 8px rgba(0,0,0,0.06); --shadow-md: 0 8px 30px rgba(0,0,0,0.10); --radius-sm: 12px; --radius-md: 18px; --radius-lg: 28px; } *, *::before, *::after { box-sizing: border-box; } html, body { margin: 0; padding: 0; } body { display: flex; flex-direction: column; min-height: 100vh; background: var(--bg); font-family: 'Inter', -apple-system, sans-serif; color: var(--dark); -webkit-font-smoothing: antialiased; } /* Nav */ .nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; height: 60px; padding: 0 24px; display: flex; align-items: center; background: rgba(255,255,255,0.92); backdrop-filter: blur(16px); border-bottom: 1px solid var(--border); } .nav-inner { max-width: 1200px; margin: 0 auto; width: 100%; display: flex; justify-content: space-between; align-items: center; } .nav-logo { font-size: 1.5rem; font-weight: 900; color: var(--primary); text-decoration: none; letter-spacing: -1.5px; } .nav-btn { padding: 9px 22px; background: var(--primary); color: #fff; border-radius: var(--radius-sm); text-decoration: none; font-weight: 700; font-size: 0.875rem; transition: background 0.2s, transform 0.15s; } .nav-btn:hover { background: var(--primary-light); transform: translateY(-1px); } /* Hero */ .post-hero { margin-top: 60px; position: relative; height: 520px; overflow: hidden; background: var(--dark); display: flex; align-items: flex-end; } .post-hero-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.03); } .post-hero-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(10,12,20,0.1) 0%, rgba(10,12,20,0.5) 50%, rgba(10,12,20,0.88) 100%); } .post-hero-body { position: relative; z-index: 2; width: 100%; max-width: 860px; margin: 0 auto; padding: 0 32px 48px; } .post-hero-meta { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; } .post-cat { background: var(--primary); color: #fff; font-size: 0.72rem; font-weight: 800; padding: 4px 12px; border-radius: 999px; text-transform: uppercase; letter-spacing: 0.5px; } .post-meta-item { font-size: 0.8rem; color: rgba(255,255,255,0.6); display: flex; align-items: center; gap: 5px; } .post-hero-body h1 { font-size: clamp(1.7rem, 4vw, 2.8rem); font-weight: 900; color: #fff; line-height: 1.15; letter-spacing: -1.5px; margin: 0 0 16px; text-shadow: 0 4px 20px rgba(0,0,0,0.4); } .post-hero-body .post-desc { font-size: 1.05rem; color: rgba(255,255,255,0.75); line-height: 1.65; margin: 0; max-width: 600px; } /* Progress bar */ .progress-bar { position: fixed; top: 60px; left: 0; height: 3px; background: var(--primary); z-index: 200; transition: width 0.1s linear; width: 0%; } /* Layout */ .post-wrap { max-width: 1200px; margin: 0 auto; padding: 48px 24px 80px; flex: 1; display: grid; grid-template-columns: 1fr 300px; gap: 48px; align-items: start; } /* Article */ .post-article { background: var(--white); border-radius: var(--radius-lg); padding: 48px; box-shadow: var(--shadow-sm); border: 1px solid var(--border); } .post-article h2 { font-size: 1.5rem; font-weight: 800; color: var(--dark); margin: 40px 0 16px; letter-spacing: -0.5px; padding-left: 16px; border-left: 4px solid var(--primary); } .post-article h2:first-child { margin-top: 0; } .post-article h3 { font-size: 1.15rem; font-weight: 700; color: var(--dark); margin: 28px 0 12px; } .post-article p { font-size: 1.05rem; line-height: 1.9; color: var(--text); margin-bottom: 20px; } .post-article ul, .post-article ol { padding-left: 24px; margin-bottom: 24px; } .post-article li { font-size: 1.02rem; line-height: 1.75; color: var(--text); margin-bottom: 10px; } .post-article strong { color: var(--dark); font-weight: 700; } .post-article a { color: var(--primary); text-decoration: underline; text-decoration-color: rgba(211,84,0,0.3); text-underline-offset: 3px; transition: text-decoration-color 0.15s; } .post-article a:hover { text-decoration-color: var(--primary); } .post-article blockquote { border-left: 4px solid var(--primary); margin: 28px 0; padding: 16px 24px; background: rgba(211,84,0,0.04); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; font-style: italic; color: var(--text); } /* Share */ .post-share { margin-top: 40px; padding-top: 32px; border-top: 1px solid var(--border); display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } .post-share-label { font-size: 0.85rem; font-weight: 700; color: var(--text-light); } .share-btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; border-radius: var(--radius-sm); font-size: 0.82rem; font-weight: 700; text-decoration: none; transition: transform 0.15s, opacity 0.15s; } .share-btn:hover { transform: translateY(-2px); opacity: 0.9; } .share-tw { background: #000; color: #fff; } .share-wa { background: #25d366; color: #fff; } .share-li { background: #0077b5; color: #fff; } .share-cp { background: var(--bg); color: var(--dark); border: 1px solid var(--border); cursor: pointer; font-family: inherit; } /* Sidebar */ .post-sidebar { position: sticky; top: 80px; display: flex; flex-direction: column; gap: 20px; } .side-card { background: var(--white); border-radius: var(--radius-md); padding: 24px; box-shadow: var(--shadow-sm); border: 1px solid var(--border); } .side-card-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.8px; color: var(--text-light); margin: 0 0 16px; } /* TOC */ .toc-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 6px; } .toc-list li a { font-size: 0.87rem; color: var(--text); text-decoration: none; display: flex; align-items: flex-start; gap: 8px; padding: 6px 10px; border-radius: var(--radius-sm); transition: all 0.15s; line-height: 1.4; } .toc-list li a::before { content: ''; width: 3px; height: 3px; border-radius: 50%; background: var(--primary); flex-shrink: 0; margin-top: 7px; } .toc-list li a:hover, .toc-list li a.active { background: rgba(211,84,0,0.07); color: var(--primary); } /* Side CTA */ .side-cta { background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%); border-radius: var(--radius-md); padding: 28px 24px; text-align: center; color: #fff; } .side-cta h3 { font-size: 1.05rem; font-weight: 900; margin: 0 0 8px; } .side-cta p { font-size: 0.83rem; opacity: 0.85; margin: 0 0 18px; line-height: 1.5; } .side-cta-btn { display: block; background: #fff; color: var(--primary); padding: 11px 20px; border-radius: var(--radius-sm); text-decoration: none; font-weight: 800; font-size: 0.88rem; transition: transform 0.15s; } .side-cta-btn:hover { transform: translateY(-2px); } /* Related posts */ .related-posts { margin-top: 48px; } .related-posts h2 { font-size: 1.3rem; font-weight: 800; color: var(--dark); margin: 0 0 24px; letter-spacing: -0.5px; } .related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .related-card { background: var(--white); border-radius: var(--radius-md); overflow: hidden; box-shadow: var(--shadow-sm); border: 1px solid var(--border); text-decoration: none; color: inherit; transition: transform 0.2s, box-shadow 0.2s; } .related-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); } .related-card img { width: 100%; height: 150px; object-fit: cover; } .related-card-body { padding: 16px; } .related-card-cat { font-size: 0.7rem; font-weight: 800; color: var(--primary); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px; } .related-card-body h3 { font-size: 0.92rem; font-weight: 800; color: var(--dark); line-height: 1.35; margin: 0 0 8px; } .related-card-body span { font-size: 0.78rem; color: var(--text-light); } /* Footer */ .footer { background: var(--white); border-top: 1px solid var(--border); padding: 28px 24px; text-align: center; } .footer p { font-size: 0.83rem; color: var(--text-light); margin: 0; } .footer a { color: var(--primary); text-decoration: none; } @media (max-width: 960px) { .post-wrap { grid-template-columns: 1fr; } .post-sidebar { position: static; } .related-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 640px) { .post-hero { height: 380px; } .post-hero-body { padding: 0 20px 36px; } .post-article { padding: 28px 20px; } .post-wrap { padding: 28px 16px 60px; gap: 28px; } .related-grid { grid-template-columns: 1fr; } }

Sektör 📅 2026-04-13 ⏱️ 7 dk okuma ✍️ VOKO Editör

Otel Oda Servisi İçin Dijital Sipariş Sistemi: Avantajlar ve Kurulum

Oteller için dijital oda servisi sistemi. QR kod ile oda servisi siparişi, misafir memnuniyeti ve operasyonel verimlilik.

Ana Sayfa › Blog › Otel Oda Servisi İçin Dijital Sipariş Sistemi: Avantajlar ve Kurulum

Oda Servisi Neden Dijitalleşmeli?

Telefonla sipariş alma; dil bariyeri, yanlış anlama ve yoğun saatlerde gecikme demektir. Dijital oda servisi ile misafir, odasındaki QR kodu okutur, menüyü görür ve siparişini doğru şekilde iletir.

Nasıl Çalışır?

Her odaya QR kod yerleştirilir (kapı askısı, masa üstü, TV yanı).
Misafir QR kodu okutur ve oda servisi menüsü açılır.
Sipariş anında ilgili ekrana düşer (mutfak/servis).
Durum takibi ile operasyon hızlanır.

Otellere Sağladığı Faydalar

Hata azalır: Misafir kendi seçer, yanlış sipariş oranı düşer.
Çok dil: Yabancı misafirler için büyük konfor sağlar.
Personel verimi: Telefon trafiği azalır, ekip saha işine odaklanır.
Upsell: Menüde önerilerle sepet tutarı artar.

Kurulum

Oteller için özel kullanım senaryoları: otel dijital menü. Hızlı başlamak için ücretsiz deneme açın.

Oda Servisi Neden Dijitalleşmeli?

Nasıl Çalışır?

Otellere Sağladığı Faydalar

Kurulum

İlgili Yazılar

QR Menü Nedir? Nasıl Çalışır? Restoranlar İçin Kapsamlı Rehber

Restoran Dijital Dönüşüm Rehberi 2026: Nereden Başlamalı?

Garson Çağırma Sistemi Nasıl Çalışır? Avantajları ve Kullanımı