Gamificació & Mecàniques
Sistemes de punts, assoliments, rànkings i recompenses dissenyats per enganxar i fidelitzar la teva audiència.
- Leaderboards
- Rewards API
- Sistemes de progrés
Sistemes interactius
Interactive Systems & Pixel Craft
Dissenyem experiències interactives amb identitat, gamificació i craft visual per activar comunitat i record.
- Gamificació custom
- Pixel Art amb identitat
- Experiències immersives
- Activació de comunitat
CREATIVE PIPELINE
De la idea a l'univers interactiu.
Cada fase transforma concepte en experiència jugable. Fes scroll per veure com donem vida als teus mons digitals.
01
Concepte
Definim narrativa, mecàniques de joc i estètica visual per construir un univers coherent i memorable.
02
Prototip
Wireframes interactius, demos jugables i validació de mecàniques abans d'invertir en producció completa.
03
Desenvolupament
Codi natiu amb Canvas/WebGL, sprites optimitzats i lògica de joc fluida a 60fps en qualsevol dispositiu.
04
Llançament
Integració en web o PWA, analytics d'engagement i sistema de feedback per iterar amb dades reals.
MÈTRIQUES D'ENGAGEMENT
Engagement que es mesura.
Indicadors reals de les experiències que construïm.
FPS constants
Més temps a la pàgina
Canvas natiu
Frameworks pesants
SERVEIS DE LA DIVISIÓ
Tres pilars per a experiències que deixen empremta.
Pixel Art & Mons Visuals
Universos pixelats amb personalitat pròpia: sprites, escenaris, animacions i estètica retro amb ànima moderna.
- Sprite Sheets
- Tile Maps
- Aseprite / Piskel
Experiències Interactives
Minijocs web, demos jugables, Easter Eggs i activacions digitals que converteixen visitants en fans.
- Canvas API
- Web Audio
- Touch Events
FILOSOFIA CREATIVA
El nostre enfocament interactiu.
No fem "animacions boniques". Dissenyem sistemes d'engagement amb lògica de joc real.
✓ El nostre mètode
- Mecàniques de joc provades (loops, rewards, progression).
- Rendiment natiu a 60fps en qualsevol dispositiu.
- Pixel art amb identitat de marca, no genèric.
- Analytics d'engagement integrats des del primer dia.
✕ El que evitem
- Animacions CSS sense propòsit ni mètriques.
- Frameworks de joc pesats per a experiències web.
- Gamificació superficial (badges sense significat).
- Experiències que no funcionen en mòbil.
TECNOLOGIES QUE APLIQUEM
Canvas API
Renderitzat 2D natiu d'alt rendiment.
WebGL
Gràfics 3D accelerats per GPU al navegador.
Web Audio API
Àudio espacial i interactiu sense plugins.
PWA Ready
Instal·lable, offline-first i experiència nativa.
APLICAT AL NOSTRE ECOSISTEMA
El nostre propi portfolio \u00e9s la demo.
Tot el que oferim ja est\u00e0 viu en aquesta web que est\u00e0s navegant.
Aquesta mateixa web
- Pixel Grid animat amb CSS pur al hero d'Interactiu.
- Radar sweep CSS a la p\u00e0gina de Ciberseguretat.
- Pipeline amb scroll-driven SVG animation a cada divisi\u00f3.
- Easter Egg Matrix activable des del selector de temes.
ForgeBio.io
- PWA instal\u00b7lable amb Service Worker i mode offline.
- Editor de bio-links amb drag & drop natiu.
- Previsualitzador en temps real amb iFrame reactiu.
- Animacions de transici\u00f3 flu\u00efdes sense frameworks.
Pixel Forge Runner
Una demo en codi natiu: 0 KB de framework, 60 fps al teu m\u00f2bil. Aix\u00ed constru\u00efm les experi\u00e8ncies interactives que regalen temps de marca.
Punts:
0
R\u00e8cord:
0
Salta els bugs amb ESPAI o tap. Agafa el caf\u00e8 \u2615 per guanyar immunitat temporal.
Aix\u00ed s'escriu el nostre craft
Snippets reals d'aquest mateix projecte. Sense frameworks, sense llibreries de syntax highlighting: ho pintem a m\u00e0. Passa el cursor per pausar.
Passa el cursor o toca per pausar l'animaci\u00f3.
Comparativa honesta
Microsite interactiu vs landing clàssica vs app nativa
Quan cada format guanya i per què el microsite acostuma a ser el sweet spot.
WFP Microsite interactiu
Landing clàssica
App nativa
Engagement (dwell time)
3–4× baseline
Baseline (referència)
5× si l'usuari instal·la
Time-to-launch
2–4 setmanes
1–2 setmanes
8–16 setmanes + revisió stores
Distribució
URL única, viral a xarxes
URL única
Apple/Google Play (instal·lació)
Cost típic
4.500 € – 9.000 €
900 € – 2.500 €
25.000 €+ i pujant
FAQ
Preguntes freqüents sobre experiències interactives
El que necessites saber abans d'invertir en pixel craft o microsites de campanya.
Quan convé un microsite interactiu en lloc d'una landing clàssica?
Quan l'objectiu és memòria de marca, llançament de producte, esdeveniment o campanya amb data. La interactivitat multiplica el temps de permanència 3-4× i el share orgànic, però requereix un calendari clar i mètriques d'èxit definides.
Feu videojocs complets o només experiències de marca?
Tots dos. Des de mini-jocs web JS/Canvas per a activacions de màrqueting fins a prototips pixel art per validar mecàniques de joc abans d'un desenvolupament gran. Treballem en HTML5/Canvas, Phaser i Godot segons l'abast.
Funciona al mòbil sense instal·lar res?
Sí. Tot el que lliurem és web-natiu, optimitzat per a touch, sense app store, sense descàrregues. Si el projecte ho justifica, l'empaquetem com a PWA instal·lable amb un sol tap.
Quant costa una experiència interactiva tipus?
Una activació curta (mini-joc o configurador 3D simple) parteix des de 2.500 €. Un microsite amb storytelling i animacions avançades es mou entre 4.500 € i 9.000 € segons complexitat. Trucada de 20 min per a pressupost tancat.
- Resposta humana en menys de 24h
- RGPD · Zero spam · Dades xifrades
- Google Reviews
Preparat per crear alguna cosa que es recordi?
Podem dissenyar l'experiència interactiva ideal per a la teva marca en una sessió creativa sense compromís.