We design it. We ship it.

Ubaid Qureshi designs SaaS products, dashboards and apps. Shameer Waqar builds them and puts them live.

Start a project See the work

The lens shows the other view. Hold the mouse button down anywhere to look.Press and hold anywhere to look.

0108Ubaid
A point.
Every page starts as one point. Where things go is measured, not guessed.
0208Ubaid
A grid.
Twelve columns and their gaps: the frame everything lines up with.
0308Ubaid
A layout.
Boxes before pictures: the name, the headline, the sentence, two buttons.
0408Ubaid
A typeface.
Bricolage Grotesque for the headlines, sized to the window, set line by line.
0508Ubaid
A colour.
Paper, ink and one red. A page needs no more when it fits.
0608Shameer
A line of code.
The drawing becomes a component: this button, in React, as it ships.
0708Shameer
Online.
Quick to load, readable on every screen, found by search engines.
0808UbaidShameer
Your turn.
Everything above went into this one button. Press it and tell us what to build.

We make websites and apps that are clear at first sight and well built underneath. One designer, one developer, nothing lost between them.

Drawn before it is built.

Ubaid designs the screens first, so you see the product and change it while changes are cheap.

Built as drawn.

Shameer builds what Ubaid drew, spacing and type included, then puts it live.

Made for every screen.

Pages are laid out for phones, tablets and desktops alike, not squeezed down at the end.

Two names, no hand-offs.

You talk to the two people who design and build your product, from the first call until after launch.

What we make, from the first screen to the live product.

Illustration: a stylus on a sketched screen, its tip at a red dot.

Led by Ubaid

Figma
Design systems
Prototypes
Framer

Proof: 3 of Ubaid’s Dribbble shots

SaaS products, dashboards and mobile app interfaces, with the design system that keeps every screen consistent.

Illustration: a web page as a white slab, with a red button.

Illustration: dashboard tiles, with one red bar among the grey.

Illustration: a phone face up, a red dot on its screen.

Illustration: a microphone on a stand, with a red ring.

Illustration: a cube drawn in white rods round a ball, one corner red.

Illustration: two paper bags, one with a red tag.

Product design (UI/UX)

Led by Ubaid

Figma
Design systems
Prototypes
Framer

Proof: 3 of Ubaid’s Dribbble shots

SaaS products, dashboards and mobile app interfaces, with the design system that keeps every screen consistent.

Websites and landing pages

Led by both of them

Next.js
Astro
Framer
Vercel

Proof: LDS Library

Marketing sites and landing pages that load fast and move well, designed and built together.

Web apps and SaaS

Led by Shameer

Next.js
TypeScript
Postgres
Vercel Cron
PageSpeed Insights
Claude API

LDS HQ · src/lib/audit/lighthouse.ts

export async function runLighthouse(url: string): Promise<LighthouseResult> {
  const [mobile, desktop] = await Promise.allSettled([
    psi(url, "mobile", ["PERFORMANCE", "ACCESSIBILITY", "SEO", "BEST_PRACTICES"]),
    psi(url, "desktop", ["PERFORMANCE"]),
  ]);
  if (mobile.status !== "fulfilled") {
    const reason = mobile.reason as Error;
    throw new Error(reason.name === "TimeoutError" ? "Lighthouse took longer than 90 seconds." : reason.message);
  }
  const lh = mobile.value.lighthouseResult;

Products people log into: dashboards, portals and SaaS, with accounts, data, payments and the jobs that run behind them.

Mobile apps

Led by both of them

React Native
Expo
Flutter
RevenueCat

iFund · lib/v2/revenuecat.ts

export function productToPlan(
  productId: string | null | undefined,
): { plan: PlanCode; period: BillingPeriod } | null {
  if (!productId) return null
  const id = productId.toLowerCase()
  const plan = PLAN_CODES.find((p) => id.includes(p))
  if (!plan) return null
  const period: BillingPeriod = /year|annual|annum|yr/.test(id)
    ? 'yearly'
    : /quarter|three.?month|3.?month|qtr/.test(id)
      ? 'quarterly'
      : 'monthly'
  return { plan, period }
}

iOS and Android apps in React Native or Flutter, with sign-in, subscriptions and the API behind them.

AI voice agents and assistants

Led by both of them

ElevenLabs
WebRTC
JavaScript

Amariya · amariya/src/scripts/voice/session.ts

const session = await Conversation.startSession({
  agentId: cfg.agentId,
  ...(mode === 'voice' ? { connectionType: 'webrtc' as const } : { textOnly: true }),
  dynamicVariables: v.dynamicVariables,
  overrides: { agent: { firstMessage: carry ? CARRY_ON[mode] : greeting(cfg.greetings, v.part, v.returning) }, tts: v.tts },
  clientTools: tools,
  onConnect: ({ conversationId }) => { if (id === run) connected(conversationId, mode, cfg); },
  onDisconnect: (details) => { if (id === run) finish(details.reason); },

A voice or chat agent that answers your callers in their language, books them in and hands the rest to your team.

3D websites

Led by both of them

three.js
WebGL
GLSL
Lenis

Amariya · amariya/src/scripts/orb/champagne.ts

const glass = new THREE.MeshPhysicalMaterial({
    color: 0xffffff,
    metalness: 0,
    roughness: 0.06,
    transmission: 1,
    thickness: 1.4,
    ior: 1.5,
    dispersion: coarse ? 0 : 0.3,
    attenuationColor: new THREE.Color(C['orb-tint']),
    attenuationDistance: 2.2,
    clearcoat: 1,
    clearcoatRoughness: 0.04,
    envMapIntensity: 0.9,
  });