Otherwise
Een portfolio in één scherm voor een Amsterdamse creatieve studio: een oneindige slider met acht disciplines, elk met een eigen galerij. Teksten, projecten en acties beheert Otherwise zelf in Sanity.
- Webdesign
- Websites
- Animaties
- disciplines met een eigen galerij
- 8
- homepage op desktop
- 1 scherm
- content zelf te beheren
- 100%
De vraag
Otherwise is een no-nonsense creatieve studio in Amsterdam waar strategie, design en realisatie samenkomen. Ze maken verpakkingen, direct mailings, brochures, beursmaterialen, infographics, campagnes, fotografie en online uitingen. Dat werk moest op de site de hoofdrol krijgen. De vraag: een portfolio dat in één scherm laat zien wat ze maken, met per discipline een eigen pagina vol projecten. En alles zelf bij te houden: nieuwe projecten, de teksten op de homepage, de contactgegevens en de acties die ze draaien.
Het werk als etalage
De homepage is één scherm zonder lange scrollpagina. Bovenin loopt een oneindige slider met de acht disciplines, die vanzelf langzaam doorschuift en die je met scrollwiel of vinger een zet geeft; de kaarten veren mee met de snelheid. Daaronder de kernbelofte: "Anders denken én anders doen." Elke kaart opent de discipline, met een galerij van projecten en bijschriften. De beelden zijn het werk van Otherwise zelf; de site zet ze in de etalage.
Beweging met mate
Bij binnenkomst schuiven de kop en de teksten regel voor regel in beeld en pas daarna komt de slider op gang. Het contactpaneel vouwt open vanuit de hoek. Op laptops met een lager scherm schakelt de homepage naar een compactere weergave, en op mobiel klopt de schermhoogte ook als de adresbalk in- en uitschuift.
Acties zonder developer
Bovenaan de site loopt een balk met de actie van dat moment. Die linkt, net als het beeld op de homepage, door naar The Otherprice Days: een eigen pagina voor acties zoals de verjaardagskorting. De tekst in die balk, de homepageteksten, het homepagebeeld en de contactgegevens staan allemaal in het CMS. Een nieuwe actie zetten ze zelf live.
Zelf te beheren
Sanity Studio draait in de site zelf, met visual editing: Otherwise ziet de pagina terwijl ze die aanpassen. Elke discipline is een document met een coverbeeld, tekst en een galerij met bijschriften, en AI Assist helpt met de alt-teksten. Wijzigingen staan direct live via de Live Content API.
Stack
Next.js 15 · React 19 · TypeScript · Tailwind CSS 4 · GSAP (SplitText) · Sanity (Presentation, AI Assist, Live Content API) · Vercel
- Webdesign
- Websites
- Applicaties