Ali MawlaAS DESIGN LBWEB · SYSTEMS · BRANDING
← All projects

AS DESIGN LB / Brief, Pricing & Proposals

OUR OWN PLATFORM

AS Design Project Builder.

Our own project enquiry platform connects a structured brief, a live estimate and a proposal workflow on a separate booking domain.

Next.jsReactNode.jsSupabasen8nSMTP emailPDF proposals
Visit the website ↗
automation.asdesignlb.com
AS Design Project Builder interface — project cover

AT A GLANCE

My role
Designer and full stack developer
Technology
Next.js · React · Node.js · Supabase · n8n · SMTP email · PDF proposals

The problem

Enquiries arrived as vague messages, so every quote started with a long back-and-forth. I built a flow that turns an idea into a structured brief with an instant price.

What I built

  • Voice-based scoping, instant pricing from one rate card, PDF proposals by email, plan approvals and owner notifications.
  • Runs on its own domain and feeds this website: the studio site reads the same rate card, so prices exist in one place.
  • Supabase tables with row-level security, five n8n workflows, an AI scope analysis that falls back to a rules engine when no key is set, rate limiting, 74 automated tests, Docker and a CI pipeline.

Source code on GitHub ↗

01 / THE IDEA BEHIND THE INTERFACE

Turn an open-ended enquiry into a structured brief that is useful from the first conversation.

The design brief centres on presenting AS Design Project Builder clearly to its audience, with an understandable content hierarchy and an easy next step.

Clear spacing, purposeful imagery and navigation that fits the screen. The screenshots and project link let you judge the details directly.

01

Service, scope and budget in one journey

02

A live estimate from one rate card

03

A proposal and a reviewable next step

YOUR PROJECT, ITS OWN DIRECTION

Planning something similar?

Clinic website design, ecommerce development, mobile applications and workflow platforms in Lebanon. We agree on the user experience, implementation scope and deliverables before the work starts.

Build your project brief ↗

Ready to work on your project?