Cohesive design system
Tokens sourced from your logo, responsive type, dark-first. One stylesheet drives every page.
A redesign pitch · Independent concept
Lune already has a great story.
Here's a take on how the website could express it as confidently as the product does.
Why this redesign
The product is enterprise-grade. The site should match.
A few observations, framed honestly. Nothing here is criticism of the current build. These are opportunities I'd want to invest in if I were on your team.
Today
- Hero communicates the platform, but doesn't quickly land the headline metrics
- The four key features (Multi-Lingual, Future-ready, Modular, Track-record) are mentioned but not visually anchored
- Case studies list named clients without a clear at-a-glance hierarchy
- "Schedule a Demo" is the only primary action; no secondary path for developers
- Mobile and dark-mode polish has room to grow
This concept
- Hero leads with three real stats animated on entry (1.5B+, 0.5ms, 99%)
- Four key features become a dedicated section between Platform and Industries
- Case study cards use imagery + tag + name with hover affordances
- Two CTAs: "Schedule a Demo" for sales, "Explore products" for technical buyers
- Dark-first design tuned to the mint accent in the logo; fully responsive
Inside this concept
A real site, not a mockup.
Everything below is live at lunepitch.pages.dev right now: the design system, the contact form, the docs, the analytics, the lot.
Bank-grade security
HSTS preload, strict content policies, locked-down headers. Independently verifiable on securityheaders.com.
Working contact form
Submissions hit a real backend with bot protection and rate limiting, then land in the inbox. Try it.
Privacy-first analytics
A cookie banner with real category controls. The analytics beacon only loads after the user opts in.
Search-ready SEO
Per-page metadata, social previews, structured data, sitemap. Every page is indexable and shareable.
Developer docs
A reference-style docs section with endpoint pages and copy-paste code samples in four languages.
Accessibility & performance
Keyboard navigation, visible focus, reduced-motion support, lazy images, no layout shift. Tested at every breakpoint.
Tasteful motion
Scroll-reveals, animated counters, a sticky blurred nav. Subtle, never gratuitous, and disabled when the user asks.
What I'd add next
The shortlist, with you.
A working concept is the starting point. Here's the work that turns it into a production marketing site, grouped by what each piece needs.
Brand & content
Needs brand files
Real customer & certification logos
Replace the text-pill "Trusted by" strip with actual customer marks (ADIB, NBF, D360, Beyon Money, Alaan Pay), and use the official Dubai AI Seal, SOC, and ISO 27001 logos in the Certified By block.
Needs real numbers
Outcome metrics on every case study
One quantified result per customer story: engagement uplift, time to deploy, transactions processed. The 98% categorization stat from the ADIB story is already on the home page; the rest need real numbers from Lune's deployments.
Needs product assets
Real product UI on the products page
Swap the illustrated mocks for actual screenshots of the Enrich dashboard, the Engage SDK in a banking app, and the Target campaign builder. Stock photography goes the same way.
Needs counsel review
Final legal & cookie policy
The cookie banner, consent gating, and preference modal are all live. Just need your counsel's published Privacy, Terms, and Cookie text to drop in.
Editor experience
Headless CMS for blog & case studies
Wire the content surfaces to a CMS like Sanity, Contentful, or Hygraph. Marketing can publish without engineering, with preview branches for review before go-live.
Product depth
Hero loop
Animated enrichment in the hero
A short, looping animation that shows a raw transaction string becoming a structured record: category, merchant, location, carbon. Replaces decorative geometry with the product itself.
Needs API access
Live "Try Enrich" sandbox
Paste a transaction string, see the enriched response from a sandboxed test key. The strongest possible self-serve qualifier for technical buyers.
Per-vertical pages
Industry landing pages
Standalone pages for Retail Banks, Neo-Banks & Wallets, and Fintechs, each with their own social proof, outcome numbers, and CTA. Tailored destinations for paid acquisition.
Region match
Arabic & RTL variant
A full RTL variant of the site in IBM Plex Sans Arabic. Most of Lune's customers are in MENA, so the site should meet them where they are.
Site search
⌘K command palette
Global keyboard search across docs, case studies, and product pages. The kind of detail serious technical buyers notice immediately.
Booking
Calendar on the contact page
Embed Cal.com or Calendly so prospects can book a 20-minute walkthrough without waiting for an email reply. The form stays as the fallback path.
Operations
Domain & email
Move onto Lune's own domain
Point lunedata.io (or a chosen subdomain) at the deploy, configure SPF / DKIM / DMARC, and switch the contact form to send from a real Lune address.
External audit
Penetration test
A real pen test by an external firm before any production customer is onboarded. The scope is already documented in the audits folder.
Live monitoring
Error tracking & uptime
Sentry for error tracking, Better Stack for uptime, Lighthouse budgets in CI, and dependency scanning. The static-scan script in the repo is the starting point.
About me
Hassan.
After our call, I went ahead and built the prototype I'd offered to make. Rather than describe what I'd do, I wanted to ship something you could click through, on a real deployment, with a working backend, so the redesign is something you can judge by using, not just by reading. Happy to walk you through any part of it whenever works for you.
Hassan
hr2616@nyu.edu