New Check out our latest insights on AI and Cloud Transformation. Explore Blog

Portfolio

Work we have shipped, on the screens it ships to

Storefronts, CRMs, dashboards, app screens and automation workflows — grouped by the discipline that built them. Open any one to read the screen at full size. Client names are absent on purpose: we only use the ones we have written permission for, and those live on the case studies page.

UI/UX Design

Product design system and screen flows

Project overview, design goals, user flow and wireframes on one board, next to the colour ramp, type scale and component library the hi-fi screens were actually built from.

  • Figma
  • Design system
  • Usability testing
UI/UX Design & Brand Strategy

UI/UX Design

Design process case study — research to prototype

A four-stage walkthrough — research, wireframes, UI design, prototype — shown beside the design system and the interface it produced, so a stakeholder can follow how a decision travelled.

  • Figma
  • UX research
  • Style guide
  • Prototyping
UI/UX Design & Brand Strategy

UI/UX Design

Focus and planning app

Onboarding, a daily focus screen carrying task progress and hours, and a weekly insights view that breaks focus time down by category.

  • Figma
  • iOS
  • Mobile UI
  • Prototyping
UI/UX Design & Brand Strategy

UI/UX Design

Designer portfolio site

A personal site for a freelance designer: a hero statement, a latest-articles row, an about panel and a skills breakdown, kept deliberately quiet so the work carries the page.

  • Figma
  • Responsive design
  • WordPress
UI/UX Design & Brand Strategy

UI/UX Design

Editorial journal site

A reading-first layout for a design and culture journal: one hero story, then a featured-stories rail, held at the column widths long-form actually needs.

  • WordPress
  • PHP
  • MySQL
  • Custom blocks
UI/UX Design & Brand Strategy

UI/UX Design

Reading app — discover, picks and reader

A magazine app in its three real states: a category-led discover feed, an editor’s picks screen, and the article reader with its type and theme controls.

  • Figma
  • iOS
  • Mobile UI
  • Typography
UI/UX Design & Brand Strategy

Web Development

Luxury fashion storefront

A full-bleed campaign hero, four category tiles and a New In grid, with a slide-out bag that keeps the subtotal in view instead of sending shoppers to a separate cart page.

  • Shopify
  • Liquid
  • Responsive design
E-commerce Website Design & Development

Web Development

Ordering portal with faceted catalogue

A Shop All page holding 120 items behind category, price, colour and material filters, with the cart kept on the page so a shopper never loses their place in the grid.

  • Laravel
  • Vue
  • PostgreSQL
  • REST API
E-commerce Website Design & Development

Web Development

Mobile shop, product and checkout

The three screens a mobile sale actually passes through — a browsable shop, a product page with colour and quantity, and a checkout that shows the total before it asks for the card.

  • Shopify
  • Liquid
  • Apple Pay
E-commerce Website Design & Development

Web Development

Skincare and home fragrance storefront

A candle, skincare and home-fragrance storefront with a Bundle & Save builder, a category rail, and the sales panel the owner checks: orders, conversion rate and average order value.

  • WooCommerce
  • PHP
  • MySQL
  • Cloudflare
E-commerce Website Design & Development

Web Development

Furniture and homeware storefront

Six categories, a trust row answering shipping and returns before the question is asked, and an order panel that carries the running total through the whole browse.

  • Shopify
  • Liquid
  • Responsive design
E-commerce Website Design & Development

Web Development

Mobile fashion storefront

New arrivals, a seasonal collection home with category shortcuts, and a bag that offers Apple Pay alongside the standard checkout.

  • Shopify
  • Liquid
  • Apple Pay
E-commerce Website Design & Development

Web Development

Fashion label storefront across devices

A collection landing page and a filtered women’s collection grid, held to the same editorial feel from a 27-inch display down to a handset.

  • Shopify
  • Liquid
  • Responsive design
E-commerce Website Design & Development

Web Development

Luxury jewellery store

An editorial hero, a curated collection grid and a mobile storefront for a high-end jewellery and apparel brand, where the photography carries the page and the layout stays out of its way.

  • Shopify
  • Liquid
  • Art direction
  • Performance
E-commerce Website Design & Development

App Development

Streaming app — discover, player and downloads

A discover feed with continue-watching, a featured title with play and My List, and a downloads screen that tracks storage used and offers smart downloads.

  • React Native
  • Node.js
  • HLS
  • Offline sync
Native & Cross-Platform Mobile App Development

App Development

Ride-hailing app — tracking, booking and payment

Live driver tracking on the map, destination search with saved places, ride tiers priced side by side, and a payment screen — presented with the flow and the scope the work covered.

  • React Native
  • Maps SDK
  • Stripe
  • Figma
Native & Cross-Platform Mobile App Development

App Development

Personal finance app and dashboard

Balance, income and spend across the top, then statistics, recent activity, a budget bar and upcoming bills — with the handset app carrying the same quick actions.

  • React Native
  • Node.js
  • Plaid
  • Chart.js
Native & Cross-Platform Mobile App Development

App Development

Booking app — explore, book and manage

Destination discovery, a booking screen carrying dates and guest count, and a My Trips view holding upcoming and past bookings in one place.

  • React Native
  • Laravel
  • PostgreSQL
  • Firebase
Native & Cross-Platform Mobile App Development

App Development

CRM mobile app — leads, pipeline and deals

A filterable leads list, a home screen leading with today’s reminders and the pipeline split, and an opportunity record carrying stage, probability, timeline and notes.

  • React Native
  • Laravel API
  • Push notifications
Native & Cross-Platform Mobile App Development

App Development

Sales CRM — pipeline board and forecast

Deals as a four-stage board with the value carried per column, an opportunities funnel, a live activity feed, and the strip a sales manager opens first: revenue, win rate, average deal size and sales cycle.

  • Laravel
  • Livewire
  • MySQL
  • Chart.js
Native & Cross-Platform Mobile App Development

App Development

CRM home — contacts, follow-ups and revenue

Contacts, open and won deals and revenue across the top, then a contact activity timeline, the follow-ups due today, pipeline value by stage, and the year’s revenue curve.

  • Laravel
  • MySQL
  • Chart.js
Native & Cross-Platform Mobile App Development

App Development

Executive sales dashboard

Pipeline, ARR and win rate as the executive band, then revenue by segment, monthly growth, leads by source and acquisition cost — one screen built for a leadership review.

  • Laravel
  • PostgreSQL
  • Chart.js
Native & Cross-Platform Mobile App Development

AI Automation

Analytics platform with automated insights

Six headline metrics against the previous period, revenue by channel and country and a sales funnel — beside an alerts rail and an insight panel that surfaced a revenue spike without anyone querying for it.

  • Python
  • BigQuery
  • Airflow
  • Anomaly detection
AI Integration & Cloud Transformation

AI Automation

Traffic and conversion reporting

Visitors, sessions, bounce rate and conversion measured against the previous period, with traffic by source, top pages, device split and the conversion trend on one exportable view.

  • Python
  • ClickHouse
  • Scheduled reports
AI Integration & Cloud Transformation

AI Automation

Metrics and alerts on a phone

The reporting that matters on a handset — revenue and conversion sparklines, a total sales split by channel, and the alert feed that pages somebody when server load or payment failures cross a threshold.

  • React Native
  • Push notifications
  • Alerting
AI Integration & Cloud Transformation

AI Automation

Operations portal — projects, tasks and revenue

Revenue, customers, active projects and growth across the top, then a prioritised task list, team performance, and a project activity rail that updates as the work moves.

  • Laravel
  • MySQL
  • Redis
  • AWS EC2
AI Integration & Cloud Transformation

AI Automation

Agency dashboard — clients, projects and workload

Client and project counts beside pending tasks, then task completion per team member, project status, and a budget bar showing spend against the month’s ceiling.

  • Laravel
  • MySQL
  • Chart.js
AI Integration & Cloud Transformation

AI Automation

Approvals workflow on mobile

An admin queue where requests are approved or rejected from the phone, with the counts, approval rate and weekly trend that show whether the queue is genuinely being cleared.

  • React Native
  • Laravel API
  • Push notifications
AI Integration & Cloud Transformation

AI Automation

Automation control centre

One console for a fleet of automation bots — status, success rate, tasks executed, API throughput and a live activity stream, readable on a laptop, a tablet and a phone.

  • AWS
  • Python
  • Terraform
  • LLM APIs
AI Integration & Cloud Transformation

AI Automation

AI lead routing workflow

A webhook trigger runs each inbound lead through an AI classifier, then fans it out to the CRM, a Slack channel and the data lake — with the model’s confidence score on screen rather than hidden.

  • n8n
  • GPT-4
  • HubSpot
  • PostgreSQL
  • Slack
AI Integration & Cloud Transformation

AI Automation

AI content radar with Telegram approval

A daily trigger gathers public signals, generates ideas with an LLM, writes them to Google Sheets as pending, and waits for an approve-or-reject reply in Telegram before anything moves.

  • n8n
  • OpenRouter
  • Google Sheets
  • Telegram
AI Integration & Cloud Transformation

AI Automation

Publishing workflow with human sign-off

An hourly job reads only the approved rows, assembles the publishing package with its checklist, sends it to Telegram and flips the row’s status — deliberately stopping short of posting anything itself.

  • n8n
  • Google Sheets
  • Telegram
AI Integration & Cloud Transformation

AI Automation

Price-watch alert automation

A scheduled request, XML parsed to JSON, a JavaScript condition, and a Telegram alert that fires only when the threshold is actually crossed.

  • n8n
  • JavaScript
  • Telegram
AI Integration & Cloud Transformation

See something close to what you need?

Most of these started as a spreadsheet somebody could not retire or a process that only one person understood. Bring us that version. A 30-minute call with an engineer will tell you what it takes to build, whether or not you build it with us.