La pantalla de inicio de la app de Watteco en un iPhone: la energía generada, el retorno y tu suscripción

Introduction

Watteco proposed something that did not exist in 2021: putting money, from your phone and from a few euros up, into a solar installation in your town, and taking the return in energy. A model like that is not explained with a leaflet: it has to be credible (it is money) and easy (it is not for finance people). They asked us for the three pieces holding it up: the brand, the website and the design of the app, which here is not an extra but the product.

The brand

A simple green brand that makes putting money in from a phone credible

La marca Watteco aplicada: el logotipo en blanco sobre una instalación solar, con el icono de la app y la paleta
El logotipo en color, en blanco sobre el verde de marca, el isotipo sobre el azul profundo y la paleta

Nobody invests in something they do not understand, or with someone they do not trust, and Watteco asked for both at once: money and faith in a new model.

We built the brand from there: a short name, a clean-energy green and round shapes, none of a bank’s cold language. And we took it into a system, not a PDF: colour, type, icons and components with the same values on the website and in the app, in light and dark themes, so that anything coming from Watteco is recognised at once.

The website

One entrance per audience: neighbour, shop, company or town council

La portada de watteco.cat: "Uneix-te a la comunitat energètica del futur", con invertir o financiarse
La página para particulares: reducir la factura energética a cero, con su propia llamada a la acción

A neighbour who wants to invest 100 € and a town council handing over the roof of its sports centre cannot be told the same thing: they want different things and get cold feet for different reasons.

We built the site in Webflow with an entrance per audience (individuals, residents’ associations, shops, companies, investors and town councils), each with its own argument and call to action; the gallery of funded projects, with the capital, the investors and the power of each installation; the technology page; the app tutorials and all the legal documentation, in Catalan and Spanish.

The app

The product: pick a project, invest and watch it generate, no finance needed

Tres pantallas de la app de Watteco: la cartera, la lista de proyectos para invertir y la ficha de un proyecto con su TAE y su TIN
El flujo para retirar dinero, en cuatro pasos: cómo funciona, importe con comisiones e impuestos, datos bancarios y confirmación

The app does not support Watteco’s business: it is the business. And it had to make something simple that is not: pick an installation, put money in, understand the return it gives you and follow what it generates, when the person doing it has never invested before.

We designed the whole product, screen by screen: sign-up and onboarding section by section, the list of projects with how much each one has raised, the project page with the information the law requires (TIN, APR, years, investors) told in plain words, investing in three taps, subscriptions for putting money in every month without thinking about it, the sustainable-goods shop and the wallet: what you hold, what it has generated and which projects it sits in. Our team designs, theirs builds it in Flutter, and Figma’s developer mode hands over every measure and colour.

In the client's words

“Today we have a brand, a website and an app through which our investors understand the project, invest and follow how each installation performs. And we could follow every step of the design along the way.”

Marcel Hidalgo

CEO of Watteco

In short

A brand, a website and an app: investing in your town, without knowing finance.

Tools

FigmaWebflow

Let's find what's holding you back.

Tell us where your growth stalls and we'll tell you what we'd do about it.

Let's talk

More projects

See all projects

Cookies

We use our own strictly necessary cookies and, only if you accept them, third-party analytics and marketing cookies. You can accept them, reject them all, or choose by category. Rejecting them does not affect how the site works. Read the cookie policy