Stig – Case
En identitet och marknadsföringssajt för ett open source-verktyg för SQLite, uppkallat efter spåret det lämnar efter sig.
Stig – Case
En identitet och marknadsföringssajt för ett open source-verktyg för SQLite, uppkallat efter spåret det lämnar efter sig.
Vår utmaning: Jack byggde Stig, ett open source-verktyg för SQLite-migreringar skrivet i Rust, men det hade inget sätt att presentera sig själv: ingen logotyp, ingen marknadsföringssida, inget som lät en utvecklare landa på det och förstå vad det gör på under en minut. Det fanns inte heller något befintligt Studio Elsa-varumärke att luta sig mot, så varje visuellt beslut fick börja från noll.
Bakgrund – Ett verktyg uppkallat efter spåret det lämnar efter sig
Jack Boberg, partner på Studio Elsa, byggde Stig vid sidan av: ett kommandoradsverktyg som hanterar framåtriktade SQLite-migreringar, tar filsystemsögonblicksbilder för lokal återställning, och genererar schemamedveten kod direkt från den levande databasen. Han döpte det till stig, svenska för "path" eller "footpath" på engelska, efter att ha gått igenom dussintals andra förslag. Namnet passar verktygets grundidé: varje migrering är ett steg framåt, och varje ögonblicksbild är ett fotavtryck lämnat bakom.
Process – Låsa identiteten innan en rad sajttext skrevs
Vi började med en moodboard, förfinade den en gång utifrån Jacks feedback till en enda lockup: en kursiv wordmark med ett vågigt, färgprickat spår vävt genom den. Samma spårtanke blev diagramspråket som Stigs sju användningsscenarier behövde, så en migrering läses likadant oavsett om den syns i logotypen eller i ett diagram.
För sajten tog vi fram tre riktningar och testade dem: Trailhead (mörk plommon, motivdriven, kursiva Baskerville-rubriker), Field Guide och Command Line. Trailhead vann, och satte tonen för varje sektion som följde.
Lösning – Trailhead, byggt ut över hela sajten
Den färdiga identiteten: oliv #96AA43, turkos #0683AE, röd #C23B33 och plommon #43273B, buren genom märket, favicon och sociala varianter.
Sajten täcker alla nio sektioner en utvecklare behöver för att utvärdera verktyget: hero, berättelse, vad Stig gör, användning, quickstart, kommandoreferens, diagram, open source och sidfot. Diagramsektionen applicerar spår-waypoint-behandlingen på alla sju användningsscenarier, inklusive tre som förgrenar sig (ögonblicksbild borttagen, SQL-fel, dry run) som förgrenade mini-spårkort. Varje rad text kommer direkt från Stigs egen README, så sidan påstår aldrig mer än vad verktyget faktiskt gör.
Den är live nu på stig.jackboberg.info.
Vår del
Planerar du ett liknande projekt?
Om du är redo att gå från idé till lansering kan vi hjälpa till med design, innehåll och implementation.
Starta någotRelaterade projekt
Circle K EasyWay – Case
Circle K:s innovationsteam bad Studio Elsa hjälpa till att forma EasyWay, en beröringsfri grab-and-go-utcheckning byggd kring automatisk artikelspårning och tap-to-pay.
Växa – trädgårdsappen jag bygger för vår lilla gård (och, ärligt talat, för min egen sundhet)
En tidig statusuppdatering om Växa, en trädgårdsapp formad av gårdens säsonger och vardagsrutiner.
Det här lyssnar vi på: Casefile, Stay Tuned with Preet och mer.
En podcastlista vi har lyssnat på på sistone, för fokus, nyfikenhet och pauser från skärmen.