section 1services

design

// risograph print, generated

Identities, print and interfaces, drawn on a grid and finished by hand.

  • Brand identity

    Logotypes, type and colour, built as a kit that holds up from favicon to billboard.

    • logotype
    • colour and type tokens
    • guidelines
    • asset kit

    tools: Illustrator · Figma

  • Print and editorial

    Posters, books and printed matter, set on a grid and checked on a proof before they go to press.

    • print-ready files
    • layout templates
    • prepress check

    tools: InDesign · Illustrator · Photoshop

  • Interface design

    Screens and components for websites and apps, specified so they survive the handoff to code.

    • wireframes
    • ui kit
    • prototypes
    • handoff specs

    tools: Figma

  • Motion and 3D

    Animated marks and product renders that explain something rather than decorate it.

    • animated marks
    • renders
    • motion specs

    tools: Blender

section 2services

development

// voxel grid, generated

Websites, systems and automation that are fast, documented and boring to maintain.

  • Websites

    Fast, accessible sites, static wherever possible and easy to update.

    • site build
    • hosting setup
    • performance and accessibility checks

    tools: HTML/CSS/JS · Git · Cloudflare

  • Systems and networking

    Servers, networks and the configuration that holds them together, set up to keep running.

    • network plan
    • server setup
    • runbook

    tools: Linux · Docker

  • Automation

    Scripts and small tools that take repetitive work off people’s desks.

    • scripts
    • scheduled jobs
    • documentation

    tools: Python · Linux

  • Cloud and deploy

    Hosting, DNS and deploys that are repeatable, so a release is a non-event.

    • ci pipeline
    • dns and tls
    • deploy docs

    tools: Cloudflare · Docker · Git

  • IT support

    Help with the machines, accounts and networks a small team depends on.

    • setup and fixes
    • onboarding checklist
    • written handover

    tools: Linux

section 3

where they meet

The logo ships as SVG and tokens.

These pages read the same tokens.

I can do the same for your brand.

section 4

process

  1. step 1

    listen

    We talk through the goal, the audience and the constraints before anything is drawn or built.

    you get: a one-page brief

  2. step 2

    draft

    Sketches, wireframes or a rough prototype, early, so changing direction stays cheap.

    you get: options to react to

  3. step 3

    build

    The chosen direction, finished properly: final artwork, production code or a configured system.

    you get: the finished work, reviewed together

  4. step 4

    hand over

    Files, access and documentation, organised so you can run it without me.

    you get: source files, docs and a walkthrough

section 5

working together

engagementwhat it isprice
projectA defined piece of work with a brief, a timeline and a clear end.on request
retainerA set number of days each month for ongoing design, development or IT support.on request
fix-itOne focused problem, solved and written up.on request

Got a brand, a poster, a website or a server that needs attention?

hello@o1tean.com