trameviaTell us about your idea
Menu
INDEPENDENT DIGITAL STUDIODESIGN · DEVELOPMENT · CREATION

You have the idea.
We bring it to
life

A website that stands out. A tool that makes a difference.
One less repetitive task. Let us build what you need.

Start a conversation Explore our work
Sculptural smoked glass and metal architecture illuminated by green light
FROM IDEA TO INTERFACE01 — TRAMEVIA

Thoughtful design.
Built around you.

For independent professionals, businesses
and anyone with an idea to bring to life.

↓
Websites & applicationsAutomation & AIData & business toolsDesign & content

TRAMEVIA / SELECTED WORK

TWO STUDIO PROJECTS

Ideas.
Made tangible.

A website that explains a business. A film that brings its identity to life. Explore what we built, then let’s talk about your project.

01 / WEBSITE & IDENTITYFR + EN
Actual screenshot of the French Tramevia website, with its black and lime green visual identity

Tramevia · Our own website, designed and built in the studio.

MAKING A BUSINESS EASIER TO UNDERSTAND

Your services deserve
a website that explains them.

Presenting several disciplines without losing the visitor: that was the challenge behind our own website. We brought together a distinctive identity, visual examples and a clear path to getting in touch.

  • A structured offer. Services explained through tangible examples.
  • Two languages, every screen. A French/English journey designed for phones too.
  • A clearer enquiry. A guided brief to prepare the first conversation.
From brief to delivery
The starting point
Create one place to introduce the studio’s websites, business tools and automation services.
The work
Visual direction, content structure, development, mobile navigation, language selection and deployment.
The delivery
A bilingual website, source files, visuals and a guided project brief. Links, language switching and mobile layouts were checked.
For your project
A landing page, a business website or a redesign. We agree on content, functionality and required materials before quoting.
Let’s discuss my website
02 / MOTION DESIGN15 S · FULL HD
Frame from Make It Move showing an animated studio interface on desktop and mobileWatch the film

Make It Move · Studio film, conceptual interfaces.

AN IDENTITY IN MOTION

Show what
makes you different.

For Tramevia, we gave the studio’s identity a sense of rhythm. Typography, sculptural forms and interfaces come together in a short film made for the website.

  • A consistent visual world. Colours and forms extend the studio’s identity.
  • A short format. Fifteen seconds of animated compositions and original music.
  • Ready for its destination. A Full HD film, preview image and French subtitles.
From direction to film
The starting point
Show the studio’s creative world in a short sequence, with playback controlled by the visitor.
The work
Storyboarding, composition, animated type and forms, transitions and synchronisation with an original soundtrack.
The delivery
A 15-second film in 1920 × 1080 at 60 frames per second, integrated into the website with its preview image and subtitles.
For your project
A business introduction, a launch or animated content. We define the message, storyboard, duration and formats before production.
Let’s discuss my video

A more focused need? Let’s start with what is getting in your way.

Improve my existing website

TRAMEVIA / IN MOTION

MAKE IT MOVE / 15 SECONDS

Ideas, brought
to life.

Sculpted 3D forms, a website across screens, tools that work together. Fifteen seconds to discover how we bring ideas to life.

Make It Move · 15 seconds · Independent design studiesEnglish visuals · Turn on sound for the original soundtrack.
Read the film description

00:00 — Make every idea count. Two chrome sculptures rotate in a black-and-lime space. The words “Make It Move” take shape in a kinetic typography composition.

00:04 — Web & interaction. A studio website enters in perspective, joined by its mobile version. A sculpture moves inside both screens and a cursor interacts with the interface.

00:07 — Less friction. More flow. An interface connects three steps: capture, organise and deliver. Signals travel between the steps and a chart grows using illustrative data.

00:10 — A different dimension. The camera travels through a tunnel of metallic forms. The words “Idea”, “Form” and “Impact” follow.

00:13 — Tramevia. The monogram and tramevia.com close the film: design, build, move. Original music, no voiceover. The interfaces are design studies, not claimed client results.

Tell us about your project

01 / THE PLAYGROUND

ORIGINAL PROTOTYPES · TRY THEM OUT

See it work.
Make it yours.

Customise a website. Organise enquiries. Explore your data. Take the controls.

ORBIT / BUSINESS TOOL

A clearer view.
From enquiry to action.

TO REVIEWWebsite redesignAtelier Forma · Fictional project
IN PROGRESSClient portalMaison Nova · Fictional project
TO FOLLOW UPDashboardStudio Kanso · Fictional project

02 / WHAT WE CAN BUILD

ONE NEED. MANY POSSIBILITIES.

Digital expertise,
across disciplines.

Create something new. Connect what you already use. Improve what slows you down.

03 / FROM IDEA TO EVERYDAY USE

ONE POINT OF CONTACT, THROUGHOUT.

Ambition.
With a method.

01

You tell us what you need.

Your business, what already exists and what you want to achieve. We clarify the intended result together, mainly in writing.

02

You receive a clear proposal.

Before work starts: a quote covering deliverables, price, stages, schedule and scope limits. You know what is included.

03

You follow the work as it develops.

Previews at agreed stages, checkpoints and adjustments within scope. Any new request is agreed before we proceed.

04

You receive a usable result.

We check the agreed deliverables, then hand over the specified files or code with guidance for using them. Any ongoing support is defined in the quote.

BEFORE WE START

Good questions.
Clear answers.

Know what comes next, even if your project is still taking shape.

My idea is still taking shape. Where do I start?

Describe how you work today, what gets in the way and what you would like to achieve. One concrete example is enough to start a conversation. We then define the scope before preparing a quote.

How are the price and timeline agreed?

They depend on the outcome, features, available content and tools to connect. The proposal sets out the deliverables, stages, boundaries and any third-party service costs. We agree on the price and schedule before work begins.

Can you improve an existing website or tool?

Yes. A clearer interface, a bug fix or an automated task can be a focused project. We first review what is already in place to check feasibility and identify useful changes.

How do communication and handover work?

We communicate mainly by email, with agreed review stages. The proposal defines the files, source code, handover guidance and any follow-up arrangements for your project.

04 / YOUR NEXT PROJECT STARTS HERE

LET US TALK BY EMAIL · INDIVIDUAL QUOTES

What if we
built it?

A clear idea or a problem to untangle.
A few lines are all it takes to get started.