chopART · St. Gallen, CH

Entwicklung
und Design
aus einer Hand.Development
and design
from one hand.

Für kleine Betriebe in und um St. Gallen.For small businesses in and around St. Gallen.

Projekte ansehen →View projects → Projekt besprechenDiscuss a project

Entwicklung und Design aus einer Hand.Development and design from one hand.

Für kleine Betriebe in und um St. Gallen.For small businesses in and around St. Gallen.

Projekte ansehen →View projects →

ArbeitenWork

Ausgewählte Arbeiten.Selected work.

3 Projekte im Detail · 4 weitere3 projects in detail · 4 more

Pet Health App am Handy
01CODEDESIGNLiveLiveEigenprojektPersonal project

Pet Health AppPet Health App

Löst Papier und Kalenderchaos ab — seit April täglich zu zweit im Einsatz.Replaces paper and calendar chaos — in daily use by two people since April.

VorherBefore
Zettel, Fotos und ChatsNotes, photos and chats
NachherAfter
Eine App für zwei Personen — in EchtzeitOne app for two people — in real time
Gesundheits-DashboardHealth dashboardMedikamenten-KalenderMedication calendarKosten & KI-ScanCosts & AI scanKI-AssistentAI assistantWissen & VorsorgeKnowledge & careFür zwei, in EchtzeitFor two, in real time
Ähnliches Projekt anfragenAsk about a similar project
Ein Kunde · zwei AufträgeOne client · two projects
Website eines Gastrobetriebs am Handy
02DESIGNLaunch-bereitLaunch-readyGastrobetrieb · zweites ProjektRestaurant · second project

Website — GastrobetriebWebsite — restaurant

Erste eigene Website des Betriebs — vorher nur Instagram und Google Maps.The venue’s first own website — before that, only Instagram and Google Maps.

VorherBefore
Nur Instagram und Google MapsOnly Instagram and Google Maps
NachherAfter
Eigene Website, zweisprachig, mit Live-ÖffnungsstatusOwn website, bilingual, with live opening status
Live-ÖffnungsstatusLive open statusEvents & AnfrageEvents & enquiryZweisprachigBilingualBeerkarteBeer menuBrand IdentityBrand identityMobile-firstMobile-first
Schichtplanungs-App am Handy
03CODEIn Arbeit · Alpha-TestIn progress · alpha testGastrobetriebRestaurant

Schicht­planungs-AppShift planning app

Vorher tagelanger Abgleich in WhatsApp und auf Zetteln — Alpha-Test läuft beim Wirt.Days of cross-checking in WhatsApp and on paper — alpha test running at the bar.

VorherBefore
WhatsApp-Gruppe und ZettelWhatsApp group and paper notes
NachherAfter
Der Chef plant per Drag & Drop, das Team bewirbt sich selbstThe boss plans by drag & drop, the team applies on its own
Rollen-SystemRole systemDrag & DropDrag & dropTauschbörseSwap marketMonatskalenderMonthly calendarBenachrichtigungenNotificationsLeaderboard & StreaksLeaderboard & streaks

Weitere ProjekteMore projects

Eigene Werkzeuge, Marke und KonzepteOwn tools, brand and concepts
chopART Markenwelt: Brief, Präsentation, Visitenkarten und Farben
04DESIGNAbgeschlossenCompleted

chopART Brand Identity

Kein Dokument mehr ohne Vorlage — vom Schriftverkehr bis zu dieser Website.No document without a template — from correspondence to this very website.

Logo-SystemLogo systemFarben CMYK/PantoneColours CMYK/PantoneOffice-VorlagenOffice templatesPräsentations-MasterPresentation masterVisitenkarteBusiness cardStyleguideStyleguide
05CODEIn BetriebIn use

Tank-LogbuchFuel logbook

Ersetzt die Excel-Liste im Handschuhfach, die jedes Jahr neu abgetippt wurde.Replaces the printed Excel list in the glovebox, retyped every single year.

06CODEIn ArbeitIn progress

ProjektPilotProjektPilot

Statt Word, Excel und Zetteln: ein Ort für Anforderungen. Täglich im Einsatz.Instead of Word, Excel and notes: one place for requirements. In daily use.

07DESIGNKonzeptConcept

EVErydayEVEryday

Beginnt bei zwei realen Plänen aus dem Alltag — Konzept und Markenwelt stehen.Starts from two real everyday plans — concept and brand world are in place.

Angebot & AblaufServices & process

Was ich anbiete — und wie es läuft.What I offer — and how it works.

Vom ersten Gespräch bis live in rund 2 bis 6 Wochen — in vier Schritten.From the first conversation to live in about 2 to 6 weeks — in four steps.

  1. ~30Minmin

    01GesprächConversation

    Ziele, Umfang, Budget — direkt und ohne Umweg.Goals, scope, budget — direct, no detour.

  2. 3–5Tagedays

    02KonzeptConcept

    Struktur, Moodboard, Konzept v1.Structure, moodboard, concept v1.

  3. 1–4Wochenweeks

    03UmsetzungBuild

    Design + Code, iterativ gebaut.Design + code, built iteratively.

  4. 2–5Tagedays

    04LaunchLaunch

    Letzte Tests, Aufschalten — und live.Deploy, final tests — live.

Was ich baueWhat I build
Was drin istWhat’s included
  • Mobile-first gebautBuilt mobile-first
  • Zweisprachig möglich (DE/EN)Bilingual if needed (DE/EN)
  • Live-Infos, z. B. ÖffnungsstatusLive info, e.g. opening status
  • Anfrage- oder KontaktformularEnquiry or contact form
  • Im Look der eigenen MarkeIn the look of your own brand

WebsitesWebsites

CODEDESIGN

One-Pager und Landing Pages — mobile-first, schnell, sauber.One-pagers and landing pages — mobile-first, fast, clean.

Was drin istWhat’s included
  • Aufs Handy installierbar, auch offlineInstalls on your phone, works offline
  • Für mehrere Personen in EchtzeitFor several people, in real time
  • Rollen und RechteRoles and permissions
  • Kalender und BenachrichtigungenCalendar and notifications
  • KI-Funktionen, wo sie helfenAI features where they help
  • Berichte und Dokumente auf KnopfdruckReports and documents at the push of a button

Apps & ToolsApps & tools

CODE

Aus manuellen Abläufen und Excel-Listen werden schlanke Werkzeuge.Manual routines and Excel lists become lean tools.

Was drin istWhat’s included
  • Logo-SystemLogo system
  • Farben und SchriftenColours and typefaces
  • Office-Vorlagen und Präsentations-MasterOffice templates and presentation master
  • Print und Social MediaPrint and social media
  • StyleguideStyle guide

Marke & DesignBrand & design

DESIGN

Logo, Farben, Typografie — bis zur fertigen Vorlage.Logo, colours, typography — down to the finished template.

Projekt im Kopf?Got a project in mind?

Schritt 01 ist ein Gespräch von rund 30 Minuten.Step 01 is a conversation of about 30 minutes.

Projekt besprechen →Discuss a project →
Über michAbout

Code trifftmeets Design.

Ich bin Alain. chopART läuft neben meinem Hauptjob — dafür betreue ich jedes Projekt selbst.I’m Alain. chopART runs alongside my day job — which is why I handle every project myself.

Code — mit KICode — with AI

Web-Projekte und Tools — mit KI als Werkzeug gebaut. Deshalb sind auch kleine Projekte bezahlbar.Web projects and tools — built with AI as a tool. That is what makes small projects affordable.

  • Web ConceptsWeb concepts
  • Vibe CodingVibe coding
  • Prototypen & ToolsPrototypes & tools

Design — von HandDesign — by hand

Branding, Identitäten, Interfaces — Konzept und Gestaltung mit Blick fürs Detail.Branding, identities, interfaces — concept and design with an eye for detail.

  • Branding & LogoBranding & logo
  • UI / UX & App DesignUI / UX & app design
  • Visual IdentityVisual identity
Eine Person · beide SeitenOne person · both sides

building things for fun.

KontaktContact

Erzähl mir davon.Tell me about it.

Ob Website, App oder Marke — ein kurzer Satz genügt für den Anfang.Website, app or brand — a short sentence is enough to start.

So geht es weiterWhat happens next

  1. Du schreibstYou write

    Name, E-Mail und 2–3 Sätze zu deinem Projekt reichen.Name, email and 2–3 sentences about your project are enough.

  2. Ich melde michI get back to you

    Persönlich per E-Mail, von mir — nicht von einem Team.Personally by email, from me — not from a team.

  3. 30-Min-Gespräch30-minute call

    → Schritt 01 im Ablauf→ step 01 of the process

    Ziele, Umfang, Budget — direkt und ohne Umweg.Goals, scope, budget — direct, no detour.

Worum geht es?What is it about?
Bitte bestätige die Einwilligung.Please confirm your consent.
St. Gallen, CH