08 — Website · Video portfolio · Dashboard · Hosting

Rivea

A portfolio you watch, not read about.

Open the working demo

A studio for film, photography and branding showed its work through a scatter of links. We built a fast site where 37 projects play in place, a media pipeline that keeps 27 films under 4 MB in total, a content console and the servers behind it.

Rivea — A portfolio you watch, not read about.
Client
Rivea
Sector
Creative studio: film, photo, branding
Scope
Site, portfolio, media pipeline, hosting
Delivered
7 weeks · 12 months of support
What it shows
37
Projects in the portfolio
10
Disciplines, from film to web
24
Client brands, from Samsung to Uzbekistan Airways

The studio's own portfolio, as published.

  1. The problem

    Films hidden behind links.

    Rivea's work is video, but the old site talked about it and sent visitors elsewhere to watch. Heavy media made every page slow, and adding a project took hours.

  2. What we did

    One record per project, one pipeline for film.

    We moved 37 projects into one data structure with six filters, and built a pipeline that turns each film into a silent web clip, a poster and light images. Clips play on hover, never all at once.

  3. The outcome

    Visitors stay and watch.

    Time on site went from under a minute to over two, 63% of visitors play a film and enquiries through the site doubled. A new project goes live in 15 minutes.

The film
The five-second ad: a site light enough to play its own films.
How it ran

Seven weeks to production.

  1. Concept & design system
  2. Portfolio data
  3. Media pipeline
  4. Pages & forms
  5. Content console
  6. Servers & launch

A diagram of how the work was arranged, not a timed schedule. The media pipeline was built beside the design, so every card was drawn around a clip that already existed.

What we were given
  • 37 projects of film and photography
  • Ten services
  • Client logos and team portraits
What we delivered

Design

  • Monochrome system with one acid accent
  • Component library
  • Motion, with a reduced-motion mode

Website

  • Home page with full-screen film
  • Portfolio with six filters
  • 37 project and 10 service pages

Media & console

  • 27 web clips, 3.69 MB in total
  • Posters and WebP images
  • Console for work, team and briefs

Launch & care

  • Domain, SSL, staging and production
  • Daily backups kept for 30 days
  • 12 months of support
Selected screens
The work, filtered six ways
The portfolio on a phone
A project on a phone: Carato
Greyscale until touched: colour arrives on hover
A project page, opening on its own film
The studio console, as a static prototype
The identity

Mark, wordmark, palette and face are the studio's own, set here in code.

RIVEA
RIVEA
  • Ground#0A0A0A
  • Type#F6F6F6
  • Acid#D8FF3E
  • Rule#262626
  • Muted#8A8A8A
TT Travels · five weights

Set us the task — the creative is on us.

Film · Photography · Branding · SMM · Events

  • RIVEANow shootingSlate card
  • RIVEACaratoProject title card
  • RIVEALet's work together.Brief form
The brand outside the screen

Proposed applications, made for this case — not photographs of the studio.

  • The portfolio in a grading suite
  • The media console in the equipment room
  • The mark, projected on the cyc
  • The console in the edit bay, at night
  • The site beside a colour chart
  • The work on a monitor at video village
In their words
Itmatteredtousthatthesiteshowsvideoratherthantalkingaboutit.Noemoturnedtheportfoliointoaclearsystem,preparedeveryfileforthewebandtookonthetechnicalside.Projectsopenfastandlookasgoodonaphoneasonabigscreen.
Alex RivvinFounder, Rivea
What it brought
  1. ×2Enquiries through the site
  2. 2:06Average visit, up from 0:58
  3. 63%Of visitors play a film
  • 3.69 MBAll 27 portfolio films together
  • 15 minTo publish a new project
  • 66 KBGzipped code to load the home page

Next case

Golden Life — From the first banner to a university offer.Golden LifeFrom the first banner to a university offer.All cases
Start a project

The next onestarts here.

Tell us what you are building. If it is a fit you will have an offer — and if not, we’ll tell you upfront.

Prefer to writehej@noemo.se

This site uses cookies. The necessary ones are already on; the rest wait for you. Cookie policy

Necessary

Remembers the answer you give here and keeps the site working. There is nothing else in this group.

Always on

Analytics

Counts visits, shows us which pages are read, and records how a page is used — never what you type into a form. Off until you turn it on.

Marketing

Would let us see which advertisement brought you here. Nothing is in this group today, and we will ask again before anything is.