Röstvetenskap som blir en daglig träningsvana
Vocalise är en plattform för röstträning riktad till körsångare och solister, byggd av EVONS Creative Voice Solutions i Umeå. Den förenar klassisk sångteknik med idrottsvetenskaplig forskning i dagliga rutiner som täcker röstövningar, fysisk träning och medveten sång. Vi byggde produkten från början till slut — webbappen i React och TypeScript, iOS- och Android-apparna i Flutter samt CMS:et och prenumerationsinfrastrukturen bakom — så att ett och samma konto fungerar på telefon, surfplatta och dator.
- Webb- och mobilutveckling
- Designsystem
- Integration av headless CMS
- Prenumerationsinfrastruktur
- React
- TypeScript
- Flutter
- Contentful
- Auth0
- Stripe
Utmaningen
Vocalise behövde få tre olika träningsdiscipliner — röstövningar, fysisk träning och medveten sång — att hänga ihop som en daglig vana i stället för tre separata verktyg. Verklig röstvetenskap skulle gå att läsa av på ett ögonkast: sångpoäng, tonomfång, bekvämt omfång och avstämningar av spänning. Samma upplevelse skulle fungera på telefon, surfplatta och dator från ett konto, med prenumerationsbetalning och 14 dagars provperiod hanterade likadant överallt. Och Vocalises eget team behövde kunna publicera nya vecko- och dagsprogram utan en utvecklare inblandad.
Vårt tillvägagångssätt
Vi byggde webbappen i React och TypeScript med MUI och styled-components som designsystem, och iOS- och Android-apparna i Flutter, så att samma programstruktur når sångarna var de än tränar. Sångarna får ett dagligt och veckovis övningsbibliotek med uppsjungning, fysisk rörlighetsträning och medveten sång, var och en med video- eller ljudinstruktion och antal repetitioner; en uppsjungningsspelare med noter, synkad tidslinje och uppspelningskontroller; en röstbedömning som följer sångpoäng, bekvämt omfång, tonomfång och avstämningar av hur rösten känns och var spänningen sitter; samt en översikt som visar trender för vecka, månad och sex månader tillsammans med streaks och genomförda övningar. Auth0 sköter konton och inloggning, Stripe sköter månads- och årsprenumerationer med provperioden, och Airbrake bevakar produktion.
Resultatet
Vocalise lanserades som en prenumerationsprodukt som sångare kan träna med var som helst, där strukturerade program, fysisk träning och röstbedömningar hänger ihop till en sammanhållen upplevelse. Övnings- och lektionsbiblioteket ligger i Contentful som headless CMS, så Vocalises team lägger till ett nytt veckoprogram — en måndagssjungning, en vecka med fokus på rörlighet — och uppdaterar instruktioner utan att röra kod eller vänta på en release. Det är det som gör att träningskatalogen fortsätter växa utan en utvecklingscykel för varje ny rutin.
Vill du bygga något liknande?
Samma team, samma seniora ingenjörer. Berätta vad du bygger och vi berättar hur vi skulle angripa det.
