terra-idea

byPrince Chauhan

# Website Development Brief — Cafe Orléans, Jaipur ## Project Summary Design and build an ultra-luxurious, editorial-style single café website for **Cafe Orléans**, a heritage café located inside the 1939 Narain Niwas Palace in Jaipur. The site should feel like a boutique hospitality brand — closer to a five-star resort microsite than a typical café website — built around themes of **royal heritage, romance, tranquility, and old-world elegance**. ## About the Café (for reference/copy) - Located inside Hotel Narain Niwas Palace, a heritage property built in 1939, in Rambagh, Jaipur - Set among gardens where peacocks roam freely — a signature, much-loved feature - Known for a serene, "vintage palace" ambiance — guests describe it as "gorgeous," "exceptional," "peaceful," and a favorite spot for **dates and quiet unwinding** - Coffee-forward menu (specialty lattes, Irish coffee, coolers) with a smaller, curated food offering - Personal, warm service — staff go out of their way (handmade treats, latte art) - Open daily, 7:00 AM – 9:30 PM - Rated 4.1★ on Google (42 reviews) - Address: Cafe Orléans, Hotel Narain Niwas Palace, Kanota Bagh, Narayan Singh Rd, Rambagh, Jaipur, Rajasthan 302004 ## Design Direction **Mood:** Regal, calm, romantic, timeless — think heritage palace hospitality, not a trendy urban café. - **Color palette:** Warm ivory / cream base, deep heritage tones (maroon, forest green, or antique gold accents), muted sepia/terracotta — avoid anything neon or "startup-modern" - **Typography:** An elegant serif for headings (evoking old European/colonial-Rajasthani script signage) paired with a clean, understated sans-serif for body text - **Imagery:** Full-bleed, high-resolution photography — palace architecture, garden courtyards, peacocks, close-up coffee/latte art shots, golden-hour lighting. Photography should carry the site; keep text minimal and let visuals breathe - **Motion:** Subtle, slow fade/parallax scroll effects — nothing flashy or gimmicky. Every interaction should feel unhurried and premium - **White space:** Generous — luxury brands are never cluttered - **Overall feel:** The visitor should feel like they're being invited into a private palace garden, not browsing a menu ## Site Structure / Pages 1. **Home** — full-screen hero (palace + garden + peacock imagery), one-line brand statement, scroll-triggered story sections 2. **Our Story** — heritage of the 1939 palace, the café's place within it 3. **Menu** — elegantly typeset (PDF or styled HTML), organized by coffee/beverages, light bites, desserts 4. **Gallery** — curated photography (interiors, garden, food, peacocks) 5. **Visit Us** — hours, address, embedded map, phone/WhatsApp reservation link 6. **Reviews / Testimonials** — pull 3–4 strongest guest quotes (see below) 7. **Contact / Reserve a Table** — simple form or direct booking link ## Suggested Testimonial Quotes (from real Google reviews) > "The cutest coffee shop ever — surrounded by peacocks and plants, it's the perfect quiet afternoon escape." > "A 1939 heritage property transformed into something exceptional. The interiors, ambiance, and overall vibe are unmatched — perfect for dates and enjoying great coffee." > "Heritage royal view, peaceful vibes, and genuinely good food — one of Jaipur's most atmospheric spots." ## Functional Requirements - Fully responsive (mobile-first — many guests will discover this via Instagram/Google Maps on mobile) - Fast load times despite heavy photography (optimized/lazy-loaded images) - Google Maps embed with directions - Click-to-call and WhatsApp reservation buttons - SEO basics: meta titles/descriptions targeting "heritage café Jaipur," "best café Jaipur palace," "romantic café Jaipur" - Instagram feed integration or a link-out gallery section (café clearly performs well on aesthetic/social content) - Simple CMS (or static site with easy content editing) so the owner can update the menu and photos without a developer ## Tone of Copywriting Evocative, warm, and a little poetic — never salesy. Short sentences. Let the palace and garden do the talking. Avoid clichés like "must-visit" or "hidden gem" — write as if crafting a page in a luxury hotel brochure. --- *Reference: current Google Business listing rated 4.1★ (42 reviews); existing hotel sub-page: https://hotelnarainniwas.com/dining/cafe-orleans/* also use the uploaded photo

Home
Home

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 5

Terra-Idea

Introduction

The project "Terra-Idea" aims to create an ultra-luxurious, editorial-style single-page website for Cafe Orléans, located inside the 1939 Narain Niwas Palace in Jaipur. The website will reflect themes of royal heritage, romance, tranquility, and old-world elegance.

System Overview

The website will serve as a digital representation of Cafe Orléans, capturing its unique ambiance and offerings. It will feature full-bleed photography, subtle parallax effects, and sections dedicated to the café's story, menu, gallery, testimonials, and contact information.

Page 2 of 5

Functional Requirements

  • As a Visitor, I should be able to view a full-screen hero image with palace and garden imagery.
  • As a Visitor, I should be able to read a one-line brand statement.
  • As a Visitor, I should be able to scroll through story sections about the café's heritage.
  • As a Visitor, I should be able to view the menu organized by coffee, beverages, light bites, and desserts.
  • As a Visitor, I should be able to browse a gallery of curated photography.
  • As a Visitor, I should be able to find information on visiting hours, address, and contact details.
  • As a Visitor, I should be able to read testimonials from previous guests.
  • As a Visitor, I should be able to use click-to-call and WhatsApp reservation buttons.
  • As a Visitor, I should be able to view an embedded Google Map with directions.
  • As a Visitor, I should be able to access the website on mobile devices with fast load times.
  • As a Visitor, I should be able to see an integrated Instagram feed or a link-out gallery section.
  • As a Café Owner, I should be able to update the menu and photos easily without a developer.

User Personas

  • Visitor: Individuals interested in visiting Cafe Orléans, seeking information about the café's offerings and ambiance.
  • Café Owner: The person responsible for maintaining the website content, such as updating the menu and gallery.

Core User Flows

  • Visitor lands on the homepage -> views hero image and brand statement -> scrolls through story sections -> explores menu -> browses gallery -> reads testimonials -> checks visit information -> uses contact options.
  • Café Owner logs into the CMS -> updates menu -> uploads new photos -> saves changes.
Page 3 of 5

Visuals Colors and Theme

  • primary: #8B1A1A (Maroon)
  • primary_light: #C97C7C (Light Maroon)
  • secondary: #2D4A2D (Forest Green)
  • accent: #C9A84C (Antique Gold)
  • highlight: #F5F0E8 (Ivory)
  • bg: #F5F0E8 (Ivory)
  • surface: rgba(245, 240, 232, 0.8)
  • text: #2D2D2D (Dark Gray)
  • text_muted: #7A7A7A (Muted Gray)
  • border: rgba(139, 26, 26, 0.2)

Signature Design Concept

The homepage will feature an interactive 3D palace garden scene using @react-three/fiber. Visitors can navigate through the garden, with sections of the website represented as different areas within the scene. Hovering over elements will reveal subtle animations, and clicking will transition smoothly to detailed content sections. This immersive experience will make visitors feel as though they are exploring the café's serene environment.

Interaction Model & Motion Direction

  • Interaction Model: Parallax
  • Motion Direction: Subtle scroll-triggered reveals, hover transitions, and spring physics on interactive elements. Each section will have a distinctive core mechanic, such as a 3D scene or kinetic typography.
Page 4 of 5

Non-Functional Requirements

  • The website must load quickly, even with high-resolution images.
  • It should be accessible and responsive on all devices.
  • SEO optimization for relevant keywords is essential.

Tech Stack

  • Frontend: React
  • Backend: Not specified (assumed static site)
  • Database: Not applicable
  • AI Models: Not applicable
  • AI Tools: Not applicable
  • Local Orchestration: Not applicable
  • Server-Side Orchestration: Not applicable

Assumptions and Constraints

  • The website will be primarily accessed via mobile devices.
  • The café owner requires a simple CMS for content updates.
  • The design must align with the café's heritage and luxury branding.
Page 5 of 5

Glossary

  • CMS: Content Management System
  • SEO: Search Engine Optimization
  • CTA: Call to Action

This document outlines the requirements and design direction for the Terra-Idea project, ensuring a cohesive and luxurious digital experience for Cafe Orléans.

Home design preview
CMS Login: Sign In
CMS Dashboard: View Overview
Menu Editor: Update Menu
Menu Editor: Add Item
Menu Editor: Save Changes
Gallery Manager: Upload Photos
Gallery Manager: Arrange Gallery
Gallery Manager: Publish Changes
Settings: Update Hours
Settings: Save Info