Naar de inhoud
UNCODED
EN – English

Sasha Art

Een portfolio en kleine shop voor een schilder, waar zachte organische vormen op een strak grid staan.

Gebouwd voor Sasha (@art_nl_art), een schilder die van Kyiv naar Maastricht verhuisde. In ontwikkeling, nog niet op haar eigen domein.

Sector
Schilder · Portfolio & shop
Jaar
2026
Diensten
Webdesign, Development, Webshopontwerp
Stack
Next.js, React, Tailwind CSS, TypeScript, Vercel

(01)Het idee

Sasha verkoopt originelen en prints via Instagram, één gesprek tegelijk. Een volledige webshop met checkout en voorraad zou meer machinerie zijn dan ze nodig heeft, en de prijs hangt af van het werk.

Sasha schildert blauwe regen, sering en sierui: herinneringen aan Kyiv gemengd met de stille lenteavonden van Maastricht. Ze verkoopt originelen en prints, één gesprek tegelijk op Instagram.

De site vervangt dat gesprek dus niet, hij begint het. Bezoekers kunnen rondkijken, verzamelen wat ze mooi vinden in een tasje, en dat met één tik naar haar sturen.

Schermen

De kop van de shop van Sasha art, Paintings & prints, met prints in cursief pruimpaars.
Shop: één schreefkop met een cursief pruimpaars accent.
De homepage van Sasha art op een telefoon met de ronde pruimpaarse tasknop midden in de dock.
Het tasje bloeit op uit het midden van de dock.
Het tasjepaneel op een telefoon: keuze voor bezorging, een naamveld en de knop Send order to Sasha.
Het tasje: kies bezorging, vul je naam in, stuur het naar Sasha.

(02)Ontwerpkeuzes

Kleur

  • Papier#F8F3EFAchtergrond
  • Inkt#2A2130Tekst en donkere knoppen
  • Pruim#6D4A8AAccent: cursieve woorden, het tasje
  • Pruim zacht#CDB6DEZacht accent
  • Blos#ECD3DAOrganische vormen
  • Salie#C9D3C0Organische vormen

Typografie

  • FrauncesDisplay, met een cursief pruimpaars accent: "Flowers that hold two cities".
  • InterLopende tekst en interface.

Kleur

Warm papier en pruimpaarse inkt, met blos en salie als zachte achtergronden achter het werk. Pruim is het enige accent: de cursieve woorden en het tasje.

Typografie

Fraunces voor de koppen, met één zinsdeel in pruimpaars cursief, en Inter voor alles wat praktisch is. Eén vloeiende typeschaal van 390 tot 1280 px.

Vorm

Zachte organische vormen (bogen, bloemblaadjes, kiezels) op een strak grid. De vormen mogen los zijn; de randen waar ze op staan nooit. Elk blok begint op dezelfde goot, elke kop op dezelfde basislijnstap.

Layout

Elk schilderij staat in een eigen lijstvorm, een boog, een kiezel, een blad of een bloem, zodat het grid van werk voelt als een muur met verschillende lijsten in plaats van een productoverzicht.

(03)De aanpak

  1. 01

    Haar eigen huisstijl: bogen, bloemblaadjes en kiezels als lijsten, altijd op dezelfde goot en dezelfde basislijn. De vormen mogen los zijn; de randen waar ze op staan nooit.

  2. 02

    Elk kunstwerk komt uit haar eigen Instagramposts en bijschriften, zodat de site nooit iets zegt wat zij niet zei.

  3. 03

    De shop is een tasje, geen checkout: het kopieert de bestelling en opent een Instagramchat met Sasha, die prijs en betaling bevestigt. Er wordt niets afgerekend op de site, en prijzen staan op "op aanvraag" tot zij ze invult.

(04)De stack

Next.js 16
Een vooraf gebouwde homepage en shop die snel laden en niets kosten om te draaien.
React 19
Elementen voor elk onderdeel (lijst, kiezel, knop, kop, stappen), samengesteld tot pagina's.
Tailwind CSS 4
Het palet en een vloeiende typeschaal als tokens; de maten van de interface vast in px.
TypeScript
Het werk dat te koop is, is één getypte lijst die ze zelf kan aanpassen: titel, soort, maat, tekst, prijs of "op aanvraag".
Instagram embeds
Elk kunstwerk is de officiële Instagram-embed van de post, zo bijgesneden dat alleen het schilderij te zien is. De lijst linkt naar de oorspronkelijke post.
localStorage
Bewaart het tasje tussen bezoeken, voor het gemak. Als opslag geblokkeerd is, begint het tasje gewoon leeg.

(05)In de details

  1. 01

    Een tasje, geen checkout

    Het tasje kopieert de bestelling en opent een Instagramchat met Sasha. Zij antwoordt met de definitieve prijs en de betaalgegevens. Er wordt niets afgerekend op de site.

  2. 02

    De bloei

    Op telefoons is de dock een zachte kiezel met het tasje als ronde pruimpaarse bloem die uit het midden opkomt, met het aantal erin, want kopen is waar de site voor is.

  3. 03

    Alleen haar woorden

    Titels, maten en beschrijvingen komen uit haar eigen Instagrambijschriften, zodat de site nooit iets zegt wat zij niet zei.

  4. 04

    Prijs op aanvraag, tot zij hem invult

    Elk werk zonder prijs toont "Price on request". Er wordt niets verzonnen, en met een betaallink per werk verschijnt er een Buy now-knop.

(06) Het resultaat

Een homepage en shop in het Engels, met de lijst van werken in één getypt bestand dat ze zelf kan aanpassen om te veranderen wat er te koop is.

Even kennismaken

Laten we iets
ongewoons bouwen.

Een gratis intakegesprek, zonder verplichtingen. Je gaat weg met een heldere scope en een vaste prijs.

Start een project