Loading

Socks Studio

Socks Studio

Web development

Web platforms businesses rely on

Sites, products and internal systems built to be used every day and maintained for years.

From a marketing site that has to load fast to a Laravel backend behind a busy storefront or a Next.js product with a long roadmap, we match the stack to the problem rather than the other way round.

Start a projectSee the work

Our work

Platforms we have shipped

05 projects

  • Web · React · AWS

    Scouting Report

    A community leaderboard for Los Angeles bars. Visitors browse more than 600 ranked bars and filter by neighbourhood or vibe, while members vote once a day and follow each bar's 30-day Spot Score.

    • React
    • Vite
    • Tailwind CSS
    • AWS Cognito
    • API Gateway
  • Web · Laravel · Alpine.js

    ChitChat Confessions

    An anonymous confession board with topic channels, hashtags, comments and voting. Anonymous posts pass through a moderation window before they go live.

    • Laravel
    • Alpine.js
    • Tailwind CSS
    • Vite
  • Web · React · Vite

    Matrix Medical Innovations

    Marketing site for a Sydney and Melbourne medical device distributor: three product lines, a patients section, team and news, in a dark editorial design with animated type.

    • React
    • Vite
    • Tailwind CSS
    • Cloudflare
  • Web · Web app · Finance

    PACE: Portfolio and Capital Evaluation

    An investment tracking platform that brings crypto, stocks, gold, savings and time deposits into one dashboard, with analytics on how each asset is performing.

    • Web app
    • Dashboards
    • Analytics
    • Finance
  • Web · Chrome extension · Python

    PyQuickie: Python Problem Provider

    A Chrome extension for practising Python anywhere in the browser: a rotating set of problems with a built-in editor, no setup required.

    • Chrome extension
    • JavaScript
    • Python

Tech stack

The web stack

From a marketing site to a platform with a long roadmap.

  • Web framework

    Next.js

    For Sites and SaaS products

    Our default for marketing sites and SaaS products: server rendering, routing and image optimisation built in.

  • Frontend library

    React

    For Web app interfaces

    Component-driven interfaces for web apps and dashboards, written in TypeScript.

  • Backend framework

    Laravel

    For APIs and admin systems

    The PHP framework behind our storefronts, dashboards and APIs, paired with MySQL or PostgreSQL.

  • Language

    TypeScript

    For Front end and back end

    Typed JavaScript across the whole stack, so refactors stay safe as products grow.

01

Languages

What the code itself is written in.

  • TypeScript

    Typed JavaScript that catches mistakes before they reach production.

  • JavaScript

    The language of the web and the foundation of everything we ship in the browser.

  • PHP

    The language behind years of our platform, e-commerce and CMS work.

  • Python

    Scripting, tooling and the odd side project like our PyQuickie extension.

02

Front end

How interfaces get built and styled.

  • React

    The UI library behind most of the interfaces we build.

  • Next.js

    Our go-to framework for fast, search-friendly websites and web apps.

  • Astro

    A framework for content sites that ship almost no JavaScript.

  • Livewire

    Reactive interfaces for Laravel apps without a separate frontend stack.

  • Alpine.js

    Small interactions dropped straight into server-rendered pages.

  • jQuery

    The classic DOM library, still running large parts of the web.

  • Tailwind CSS

    Utility-first CSS that keeps styling fast and consistent.

  • Bootstrap

    The CSS framework behind many of the sites we maintain and extend.

  • Vite

    The build tool behind our fastest front-end setups.

03

Back end and data

The systems and storage behind the interface.

  • Node.js

    The JavaScript runtime behind our tooling, APIs and server-side code.

  • Laravel

    A PHP framework for building solid, maintainable backends quickly.

  • Prisma

    A typed database client for our TypeScript projects.

  • MySQL

    The relational database behind most of our PHP and platform work.

  • PostgreSQL

    A powerful open-source database we use for modern application work.

  • Redis

    In-memory storage for caching, sessions and queues.

  • GraphQL

    A query language for APIs that sends exactly the data a page needs.

04

CMS and commerce

So clients can edit their own content and sell from it.

  • WordPress

    The most widely used CMS, tuned for clients who edit their own sites.

  • Craft CMS

    A flexible, developer-friendly CMS for content-rich client sites.

  • Statamic

    A Laravel-based flat-file CMS that keeps content and code in one repo.

  • Storyblok

    A headless CMS with a visual editor, ideal for component-based sites.

  • Shopify

    The platform we recommend for most online stores.

05

Hosting and infrastructure

Where the work runs once it is live.

  • Vercel

    Zero-config hosting built for Next.js projects.

  • Netlify

    Simple, reliable hosting for static and Jamstack sites.

  • SiteHost

    Managed hosting for Laravel and PHP sites that need to sit close to their customers.

  • AWS

    Cloud infrastructure for the projects that need more than a platform host.

  • Render

    Straightforward hosting for APIs, workers and background jobs.

  • Kinsta

    Managed WordPress hosting we trust with busy client sites.

  • WP Engine

    Enterprise-grade WordPress hosting for client sites that cannot go down.

  • Cloudflare

    DNS, CDN and security in front of most sites we look after.

  • Docker

    Containers that make every environment behave the same.

06

Design and workflow

How the work gets designed, reviewed and shipped.

  • Figma

    Where our designs are made, shared and handed to development.

  • Git

    Version control on every project we touch, no exceptions.

  • GitHub

    Where our code lives, gets reviewed and ships from.

  • BrowserStack

    Real-device testing so sites work everywhere, not just on our machines.

Web development

Got a platform to build?

Tell us what the thing needs to do and who uses it. We will come back with an approach, a stack and a shape for the work.