Website Proposal for Asra Khader

02 · Design Direction

Warm minimal.

A warm cream palette, generously rounded corners, full-colour architectural photography, and bracketed monospaced labels for the technical voice. Frosted glass overlays, dark accent cards for emphasis, and micro-interactions that reward attention without demanding it.

Palette

Cream

#F1ECE3

Ink

#1A1614

Brown

#3D2F23

Cream Light

#FAF6EE

Typography

Manrope

Display · Headlines · Body

[ JetBrains Mono ]

Bracketed technical labels

Principles

Generous rounded corners (18–28px).
Photography in full colour, never desaturated.
Frosted glass overlays on key surfaces.
Dark accent cards for emphasis and CTAs.
Pill buttons. Press-down feedback on every tap.

[ EST. 2020 · BANGALORE ]

Architecture
of restraint.

Browse Work → More about us

[ A LIVING TYPE SAMPLE — RENDERED WITH THE PROPOSED SYSTEM ]

04 · The Build & Pricing

The build.

FIXED PRICE

Bespoke Portfolio

A custom three-page portfolio.

Hand-designed Home, About, and Projects pages built around the warm-minimal system shown above. Photography-led, generously spaced, and built on WordPress so you can update content yourself. The site is yours from day one, on a new domain registered in your name.

₹23,000

+ 18% GST. One-time project fee.

What's included

3 custom-designed pages: Home, About, Projects.
Warm-minimal design system, tailored to Asra Khader.
Project case-study layout, repeatable for the full body of work.
Copy editing and on-page structuring from supplied source material.
WordPress setup, staging, and launch on your hosting.
Backend admin (CMS) — add, edit, or remove projects; update contact details, social links, and About-page content; all without touching code.
SEO foundation, analytics, inquiry form, security hardening.
Admin training and 30-day post-launch warranty.

Paid Separately

Hosting & domain.

Both are owned in your name from day one. We configure them on your behalf at no extra fee.

Hostinger Business · 4 years

~₹6,000

Recommended. Includes 2 mailboxes on your domain.

Domain · per year

~₹800–₹1,200

Varies by TLD (.com, .in, .studio).

Why we recommend Hostinger

Reliable, India-friendly billing, and the 4-year plan brings the per-month cost to a fraction of competing hosts. Free SSL, daily backups, and a managed control panel are included.

05 · Scope & Deliverables

Full deliverables.

Discovery & Strategy

Content intake session: practice history, project list, awards, philosophy, target client.
Brand asset intake: logo, project photography, headshot.
One-page positioning and voice direction, signed off before design.
Reference scan across leading independent architectural studios.

Design System

Custom palette, typography, and spacing scale (Architectural Excellence).
Component library: nav, project cards, image grids, footer, hero variants.
Project case study layout, designed to scale across the full body of work.
Responsive breakpoints for phone, tablet, laptop, desktop.
Design mockups in Figma, presented for approval before build.

Infrastructure & Setup

Domain configuration on Cloudflare (client purchases).
Hosting setup on Hostinger Business plan (client purchases).
SSL certificates configured end-to-end.
Fresh WordPress install with a custom lightweight theme.
Staging environment for review before go-live.

Content Management (CMS)

A friendly admin area where you maintain the site yourself — no code, no developer needed for ongoing edits. Built on WordPress with a tailored editor that hides the parts you don't need.

What you can edit yourself

Projects — add, edit, reorder, or remove projects. Upload a cover image and gallery, set name, location, year, category, and write the description. The Projects page and Home grid update automatically.
About page — edit the practice bio, philosophy, timeline entries, and team / studio members.
Contact details — phone, email, studio address, inquiry-form recipient.
Social links — Instagram, LinkedIn, and any others you want to add later. One place, applied across header and footer.
Inquiry submissions — view, search, and export every inquiry the form receives.

How it's set up

Custom post type for Projects with all fields pre-built — you just fill them in.
Theme settings panel for site-wide details (contact, social, footer).
Image uploads automatically optimised and resized.
Drafts & preview before publishing — nothing goes live until you click publish.
Two admin accounts included (you + one other). Additional accounts on request.
Admin walkthrough video (15–20 mins) and one-page cheat sheet at handover.

Pages Built

Home: hero with full-bleed image, philosophy block, selected works grid, services teaser, CTA.
About: practice story, philosophy, timeline, leadership / studio bio, contact prompt.
Projects: full grid of work, mixed-aspect bento layout, filterable by category & year.
404 page, Privacy Policy, Thank-you page.

Copywriting

Content provided by client. Compactum Media edits, refines, and fits it into the site using editorial copywriting principles.
Includes: home page sections, about page, project descriptions, contact, 404, privacy policy, thank-you page.
Meta titles and descriptions for all pages.
Open Graph and social share copy.
Image alt text for accessibility and SEO.

SEO Setup

SEO plugin configured end-to-end.
XML sitemap and robots.txt.
Schema markup: Person, ProfessionalService, CreativeWork (per project).
Meta titles, descriptions, canonical tags on every page.
Open Graph and Twitter card images.
Google Search Console and Bing Webmaster Tools setup and sitemap submission.
Image optimization, descriptive filenames, alt text, heading hierarchy.
Google Business Profile setup for the studio location.

Analytics & Tracking

Google Tag Manager installed.
Google Analytics 4 connected and verified.
Event tracking: form submissions, phone clicks, email clicks, project clicks, CTA clicks.
Cookie consent banner with analytics blocked until consent.

Inquiry Form

Fields: name, email, phone, project type, location, budget range, timeline, message, consent checkbox.
Invisible anti-spam challenge, no clunky captcha for the user.
Email routing to client inbox on new domain.
Auto-reply confirmation.
All submissions archived in the website admin.

Performance

Server-level caching configured.
Image optimization with WebP conversion. Critical for an image-heavy portfolio.
Lazy loading for below-the-fold images.
CSS and JavaScript minified and deferred.
Cloudflare CDN enabled globally.
Core Web Vitals targets: LCP under 2.5s, CLS under 0.1, INP under 200ms.

Security Hardening

Custom admin URL.
Login attempt limits and 2-factor authentication for admin accounts.
Security plugin baseline configuration.
File editing disabled from admin.
Forced SSL across the entire site.
Automatic off-site backups (weekly).
Automatic minor core and security updates.

Accessibility & Compliance

WCAG 2.1 AA compliance. 4.5:1 contrast minimum.
Semantic HTML and proper heading order.
Full keyboard navigation and visible focus states.
Skip-to-content link and descriptive alt text on every image.
Privacy Policy covering analytics, cookies, and form data.
Cookie consent banner aligned with applicable data regulations.

Email Setup

Hostinger Business plan includes 2 free mailboxes on the new domain. These are set up and configured.
If additional mailboxes are required (e.g., studio@, hello@), they can be purchased directly on Hostinger, or the email can be moved to Google Workspace. This cost is paid by the client.
MX, SPF, DKIM, and DMARC records configured for deliverability.

QA, Launch & Handover

Cross-browser testing: Chrome, Safari, Firefox, Edge.
Mobile testing on iOS Safari and Android Chrome.
Full link check. Zero 404s before launch.
Lighthouse 90+ targets across all categories.
DNS and SSL cutover.
Admin walkthrough video (15 to 20 minutes) and one-page cheat sheet.
30-day post-launch bug-fix warranty.

06 · What We're Not Doing

Out of scope.

Each of these can be added later as a separate engagement.

No blog or journal.

A journal can be added later if there's a sustained content cadence. Adding one without a posting plan adds clutter, not authority.

No individual project case-study pages.

All projects live on the Projects page in modal/expand format. Standalone case-study pages can be added once the catalogue grows.

No e-commerce or booking system.

This is a portfolio site. Inquiries flow to the contact form and email.

No client login portal.

If client deliverables ever need a private space, that's a separate build.

No multilingual version.

English only at launch. A second-language version is a follow-up engagement.

No 3D / interactive walkthroughs.

Photography and video do the work. Heavier 3D embeds are out of scope but can be added later.

07 · Timeline

5 to 7 days from kickoff to launch.

Assumes all content and project photography are supplied on time. If input is delayed, the timeline shifts by the same amount.

Day 1

Kickoff

Content and asset intake. Positioning direction signed off. Domain and hosting configured. Staging environment set up.

Day 2

Design

Figma mockups for all three pages presented for feedback. Sign-off before code.

Days 3 to 5

Build

WordPress build on staging. Project content integration. Forms, analytics, SEO, security, performance. Internal QA.

Days 6 to 7

Review & Launch

Client review, revisions, final QA, DNS cutover, live launch, admin handover, training.

08 · What We Need From You

Eight things before we can start.

01
Signed proposal and 50% deposit.
02
Domain name decision.
03
Hostinger Business hosting (4 years, ~₹6,000) and your chosen domain purchased.
04
Logo / wordmark files (SVG preferred).
05
Project photography for each project to be featured.
06
Studio / portrait photography if available.
07
Raw content: practice bio, project descriptions, awards, philosophy.
08
Named point of contact with decision-making authority.

09 · Investment Summary

Pricing.

Project Fee · Compactum Media

Website design & build	₹23,000
GST @ 18%	₹4,140
Total payable to Compactum	₹27,140

Paid Separately · Vendors

Hostinger Business · 4 yrs	~₹6,000
Domain · per year	~₹1,000
Estimated 1st-year vendor cost	~₹7,000

Paid by you directly to Hostinger and the domain registrar. Owned in your name from day one.

Payment Schedule

50%

On signing. Project kickoff.

25%

On design approval.

25%

On go-live.

Excluded from project fee: domain registration, hosting, Google Workspace or additional mailboxes, professional photography, and any stock licenses. These are paid directly by you to the respective providers.

Revisions: two design revisions and two copy revisions included. Additional revisions beyond this scope are quoted at agreed-upon rates, priced on outcomes rather than hours.

Website proposal for Asra Khader.

A portfolio site that lets the work speak.

Bespoke architectural portfolio

Paid by you. We recommend Hostinger.

Warm minimal.

Architecture
of restraint.

A live look at what's being proposed.

REFINING
SPATIAL
CLARITY

The build.

A custom three-page portfolio.

Hosting & domain.

Full deliverables.

Discovery & Strategy

Design System

Infrastructure & Setup

Content Management (CMS)

Pages Built

Copywriting

SEO Setup

Analytics & Tracking

Inquiry Form

Performance

Security Hardening

Accessibility & Compliance

Email Setup

QA, Launch & Handover

Out of scope.

5 to 7 days from kickoff to launch.

Eight things before we can start.

Pricing.

Ready to move forward?

Website proposal for Asra Khader.

A portfolio site that lets the work speak.

Bespoke architectural portfolio

Paid by you. We recommend Hostinger.

Warm minimal.

Architectureof restraint.

A live look at what's being proposed.

REFINING SPATIAL CLARITY

The build.

A custom three-page portfolio.

Hosting & domain.

Full deliverables.

Discovery & Strategy

Design System

Infrastructure & Setup

Content Management (CMS)

Pages Built

Copywriting

SEO Setup

Analytics & Tracking

Inquiry Form

Performance

Security Hardening

Accessibility & Compliance

Email Setup

QA, Launch & Handover

Out of scope.

5 to 7 days from kickoff to launch.

Eight things before we can start.

Pricing.

Ready to move forward?

Architecture
of restraint.

REFINING
SPATIAL
CLARITY