# Bufó Studio > Mirall en text pla de bufo.studio per a agents d’IA, crawlers i humans que el prefereixen en cru. ## ABOUT - name: Bufó Studio - what: Estudi digital de disseny i desenvolupament web - claim: Fem que tot el teu món digital quedi bufó. - people: Adrian Morales Rubio (11 anys) - location: L’Hospitalet de Llobregat, Barcelona - languages: Català, castellà i anglès - url: https://bufo.studio/ Som programadors que venim del disseny digital. Per això entenem el detall, el ritme i l’espai. Quan programem el teu disseny, no se’n perd res pel camí. Fer webs no va només de codi. Va d’entendre per a què serveixen, a qui parlen i com s’han de sentir. Per això cuidem cada projecte com si fos nostre: amb criteri estètic, amb rigor tècnic i sense dreceres. ## WAYS_OF_WORKING 1. **Vens amb tot. Nosaltres programem.** Tens el disseny, els continguts i les idees clares. Nosaltres ho convertim en una web ràpida, accessible i fidel al que has imaginat. 2. **Ho deixes tot a les nostres mans.** De principi a fi: estratègia, disseny, programació, SEO i continguts. Ens encarreguem de tot, amb un equip de professionals de confiança. ## SERVICES - Botigues online - Webs corporatives i informatives - Landing pages - Newsletters i emails - Webs i eines a mida - SEO i optimització de continguts - Eines de gestió empresarial - Manteniment i suport ## PROCESS 1. **Escoltem**: Ens expliques el projecte, els objectius i el que ja tens. Fem les preguntes necessàries al principi perquè no surtin al final. 2. **Definim**: Concretem abast, estructura, terminis i pressupost. Tothom sap què es farà, quan i per què. 3. **Dissenyem**: Si vens amb el disseny fet, el revisem amb ulls de programador. Si no, el fem amb el nostre equip de dissenyadors de confiança. 4. **Programem**: Codi net, ràpid i fàcil de mantenir. Animacions i detalls que fan que la web es noti feta a mida. 5. **Provem**: Navegadors, mòbils, lectors de pantalla i connexions lentes. Fins que tot funciona com ha de funcionar. 6. **Llancem i acompanyem**: Publiquem, mesurem i seguim al teu costat: manteniment, millores i noves idees. ## PRINCIPLES - **Accessibilitat**: Una web l’ha de poder fer servir tothom: amb teclat, amb lector de pantalla, amb poca vista o amb pressa. Seguim les pautes WCAG des del primer dia; no ho deixem mai per al final. - **Seguretat**: Formularis protegits, dependències al dia, connexions xifrades i les mínimes dades possibles. La teva web no hauria de ser mai la porta d’entrada de ningú. - **Rendiment**: Cada imatge, font i línia de codi ha de justificar el seu pes. Webs que carreguen ràpid, també amb mala cobertura. - **SEO i continguts**: Estructura clara, textos ben escrits i bones pràctiques tècniques perquè la gent et trobi. I perquè, quan et troba, es quedi. ## PROJECTS - [Andrea Font](https://andreafont.com/) — Disseny per AKA Studio - [Full Frame Studio](https://wearefullframe.com/) — Disseny per AKA Studio - [Accelis](https://accelis.es/) — Disseny per [Estudi Rafael](https://rafael.cat/) - [Grupo Reclama](http://gruporeclama.com/) — Disseny per [Estudi Rafael](https://rafael.cat/) - [Christian Garcia](https://christiangarcia.cat/es/) — Projecte fet a [Mortensen](https://mortensen.cat/) — Awwwards Honors (2023) - [Farreras Nadal](https://farrerasnadal.com/es/) — Disseny per [The Yes Brand](https://theyesbrand.com/) - [The Yes Brand](https://theyesbrand.com/) — Disseny per [The Yes Brand](https://theyesbrand.com/) - [Fundació MACBA](https://fundaciomacba.es/es/) — Projecte fet a [Mortensen](https://mortensen.cat/) — Awwwards Honors (2021), Awwwards Mobile Excellence (2021) - [Ideal Barcelona](https://idealbarcelona.com/es/) — Projecte fet a [Mortensen](https://mortensen.cat/) - [Promotora Puma](https://promotorapuma.com/) — Disseny per Anna Baldrich - [Aquamiga](https://aquamiga.com/) — Disseny per [Estudi Rafael](https://rafael.cat/) ## CLIENTS - [Accelis](https://accelis.es/) — Disseny per [Estudi Rafael](https://rafael.cat/) - [Andrea Font](https://andreafont.com/) — Disseny per AKA Studio - [Aquamiga](https://aquamiga.com/) — Disseny per [Estudi Rafael](https://rafael.cat/) - [Arttpa](https://arttpa.com/) - [Christian Garcia](https://christiangarcia.cat/) — Projecte fet a [Mortensen](https://mortensen.cat/) — Awwwards Honors (2023) - [Farreras Nadal](https://farrerasnadal.com/) — Disseny per [The Yes Brand](https://theyesbrand.com/) - [Full Frame Studio](https://wearefullframe.com/) — Disseny per AKA Studio - [Globed](https://globed.eu/) - [Grupo Reclama](http://gruporeclama.com/) — Disseny per [Estudi Rafael](https://rafael.cat/) - Pepe Encinas - [Promotora Puma](https://promotorapuma.com/) — Disseny per Anna Baldrich - [The Yes Brand](https://theyesbrand.com/) — Disseny per [The Yes Brand](https://theyesbrand.com/) ## PEOPLE ### Adrian Morales Rubio Hola, soc l’Adrian. Em vaig graduar com a dissenyador gràfic i digital, però el que m’enganxava de veritat era fer que les coses funcionessin. Així que vaig aprendre a programar pel meu compte i ja fa 11 anys que em dedico al desenvolupament digital. Avui soc soci i director tècnic a [Mortensen](https://mortensen.cat). També formo part del professorat d’IDEP Barcelona i LCI Barcelona, on intento contagiar als futurs dissenyadors les ganes d’entendre el codi. Bufó és el meu estudi: el lloc on ajunto tot això i, quan cal, sumo al meu equip professionals de confiança perquè cada projecte tingui tot el que necessita. - LinkedIn: https://www.linkedin.com/in/adrianmoralesrubio/ ## CONTACT - email: info@bufo.studio - Formulari: https://bufo.studio/contacte/ - LinkedIn: https://www.linkedin.com/in/adrianmoralesrubio/ ## FOR_AGENTS - llms.txt: https://bufo.studio/llms.txt - llms-full.txt: https://bufo.studio/llms-full.txt - Pàgines en Markdown: afegeix .md a la URL: https://bufo.studio/index.md, https://bufo.studio/manifest.md, https://bufo.studio/work.md, https://bufo.studio/contacte.md - sitemap: https://bufo.studio/sitemap-index.xml - human: https://bufo.studio/ --- # Bufó Studio > Espejo en texto plano de bufo.studio para agentes de IA, crawlers y humanos que lo prefieren en crudo. ## ABOUT - name: Bufó Studio - what: Estudio digital de diseño y desarrollo web - claim: Hacemos que todo tu mundo digital quede bufó. - people: Adrian Morales Rubio (11 años) - location: L’Hospitalet de Llobregat, Barcelona - languages: Catalán, castellano e inglés - url: https://bufo.studio/es/ Somos programadores que venimos del diseño digital. Por eso entendemos el detalle, el ritmo y el espacio. Cuando programamos tu diseño, no se pierde nada por el camino. Hacer webs no va solo de código. Va de entender para qué sirven, a quién hablan y cómo tienen que sentirse. Por eso cuidamos cada proyecto como si fuera nuestro: con criterio estético, con rigor técnico y sin atajos. ## WAYS_OF_WORKING 1. **Vienes con todo. Nosotros programamos.** Tienes el diseño, los contenidos y las ideas claras. Nosotros lo convertimos en una web rápida, accesible y fiel a lo que has imaginado. 2. **Lo dejas todo en nuestras manos.** De principio a fin: estrategia, diseño, programación, SEO y contenidos. Nos encargamos de todo, con un equipo de profesionales de confianza. ## SERVICES - Tiendas online - Webs corporativas e informativas - Landing pages - Newsletters y emails - Webs y herramientas a medida - SEO y optimización de contenidos - Herramientas de gestión empresarial - Mantenimiento y soporte ## PROCESS 1. **Escuchamos**: Nos cuentas el proyecto, los objetivos y lo que ya tienes. Hacemos las preguntas necesarias al principio para que no salgan al final. 2. **Definimos**: Concretamos alcance, estructura, plazos y presupuesto. Todo el mundo sabe qué se hará, cuándo y por qué. 3. **Diseñamos**: Si vienes con el diseño hecho, lo revisamos con ojos de programador. Si no, lo hacemos con nuestro equipo de diseñadores de confianza. 4. **Programamos**: Código limpio, rápido y fácil de mantener. Animaciones y detalles que hacen que la web se note hecha a medida. 5. **Probamos**: Navegadores, móviles, lectores de pantalla y conexiones lentas. Hasta que todo funciona como tiene que funcionar. 6. **Lanzamos y acompañamos**: Publicamos, medimos y seguimos a tu lado: mantenimiento, mejoras y nuevas ideas. ## PRINCIPLES - **Accesibilidad**: Una web la tiene que poder usar todo el mundo: con teclado, con lector de pantalla, con poca vista o con prisa. Seguimos las pautas WCAG desde el primer día; nunca lo dejamos para el final. - **Seguridad**: Formularios protegidos, dependencias al día, conexiones cifradas y los mínimos datos posibles. Tu web no debería ser nunca la puerta de entrada de nadie. - **Rendimiento**: Cada imagen, fuente y línea de código tiene que justificar su peso. Webs que cargan rápido, también con mala cobertura. - **SEO y contenidos**: Estructura clara, textos bien escritos y buenas prácticas técnicas para que la gente te encuentre. Y para que, cuando te encuentre, se quede. ## PROJECTS - [Andrea Font](https://andreafont.com/) — Diseño de AKA Studio - [Full Frame Studio](https://wearefullframe.com/) — Diseño de AKA Studio - [Accelis](https://accelis.es/) — Diseño de [Estudi Rafael](https://rafael.cat/) - [Grupo Reclama](http://gruporeclama.com/) — Diseño de [Estudi Rafael](https://rafael.cat/) - [Christian Garcia](https://christiangarcia.cat/es/) — Proyecto hecho en [Mortensen](https://mortensen.cat/) — Awwwards Honors (2023) - [Farreras Nadal](https://farrerasnadal.com/es/) — Diseño de [The Yes Brand](https://theyesbrand.com/) - [The Yes Brand](https://theyesbrand.com/) — Diseño de [The Yes Brand](https://theyesbrand.com/) - [Fundació MACBA](https://fundaciomacba.es/es/) — Proyecto hecho en [Mortensen](https://mortensen.cat/) — Awwwards Honors (2021), Awwwards Mobile Excellence (2021) - [Ideal Barcelona](https://idealbarcelona.com/es/) — Proyecto hecho en [Mortensen](https://mortensen.cat/) - [Promotora Puma](https://promotorapuma.com/) — Diseño de Anna Baldrich - [Aquamiga](https://aquamiga.com/) — Diseño de [Estudi Rafael](https://rafael.cat/) ## CLIENTS - [Accelis](https://accelis.es/) — Diseño de [Estudi Rafael](https://rafael.cat/) - [Andrea Font](https://andreafont.com/) — Diseño de AKA Studio - [Aquamiga](https://aquamiga.com/) — Diseño de [Estudi Rafael](https://rafael.cat/) - [Arttpa](https://arttpa.com/) - [Christian Garcia](https://christiangarcia.cat/) — Proyecto hecho en [Mortensen](https://mortensen.cat/) — Awwwards Honors (2023) - [Farreras Nadal](https://farrerasnadal.com/) — Diseño de [The Yes Brand](https://theyesbrand.com/) - [Full Frame Studio](https://wearefullframe.com/) — Diseño de AKA Studio - [Globed](https://globed.eu/) - [Grupo Reclama](http://gruporeclama.com/) — Diseño de [Estudi Rafael](https://rafael.cat/) - Pepe Encinas - [Promotora Puma](https://promotorapuma.com/) — Diseño de Anna Baldrich - [The Yes Brand](https://theyesbrand.com/) — Diseño de [The Yes Brand](https://theyesbrand.com/) ## PEOPLE ### Adrian Morales Rubio Hola, soy Adrian. Me gradué como diseñador gráfico y digital, pero lo que me enganchaba de verdad era hacer que las cosas funcionaran. Así que aprendí a programar por mi cuenta y ya hace 11 años que me dedico al desarrollo digital. Hoy soy socio y director técnico en [Mortensen](https://mortensen.cat). También formo parte del profesorado de IDEP Barcelona y LCI Barcelona, donde intento contagiar a los futuros diseñadores las ganas de entender el código. Bufó es mi estudio: el lugar donde junto todo esto y, cuando hace falta, sumo a mi equipo profesionales de confianza para que cada proyecto tenga todo lo que necesita. - LinkedIn: https://www.linkedin.com/in/adrianmoralesrubio/ ## CONTACT - email: info@bufo.studio - Formulario: https://bufo.studio/es/contacto/ - LinkedIn: https://www.linkedin.com/in/adrianmoralesrubio/ ## FOR_AGENTS - llms.txt: https://bufo.studio/llms.txt - llms-full.txt: https://bufo.studio/llms-full.txt - Páginas en Markdown: añade .md a la URL: https://bufo.studio/es/index.md, https://bufo.studio/es/manifiesto.md, https://bufo.studio/es/work.md, https://bufo.studio/es/contacto.md - sitemap: https://bufo.studio/sitemap-index.xml - human: https://bufo.studio/es/ --- # Bufó Studio > Plain-text mirror of bufo.studio for AI agents, crawlers and humans who like it raw. ## ABOUT - name: Bufó Studio - what: Digital design and web development studio - claim: We make your whole digital world look bufó. - people: Adrian Morales Rubio (11 years) - location: L’Hospitalet de Llobregat, Barcelona - languages: Catalan, Spanish and English - url: https://bufo.studio/en/ We are developers who come from digital design. That is why we understand detail, rhythm and space. When we code your design, nothing gets lost along the way. Building websites isn’t just about code. It’s about understanding what they’re for, who they speak to and how they should feel. That’s why we treat every project as if it were our own: with an eye for aesthetics, technical rigour and no shortcuts. ## WAYS_OF_WORKING 1. **You bring everything. We code it.** You have the design, the content and a clear idea. We turn it into a fast, accessible website that stays true to what you imagined. 2. **You leave it all in our hands.** From start to finish: strategy, design, development, SEO and content. We take care of everything, with a team of trusted professionals. ## SERVICES - Online shops - Corporate and informational websites - Landing pages - Newsletters and emails - Custom websites and tools - SEO and content optimisation - Business management tools - Maintenance and support ## PROCESS 1. **We listen**: You tell us about the project, the goals and what you already have. We ask the necessary questions at the start so they do not come up at the end. 2. **We define**: We agree on scope, structure, timeline and budget. Everyone knows what will be done, when and why. 3. **We design**: If you come with a finished design, we review it with a developer’s eye. If not, we create it with our team of trusted designers. 4. **We build**: Clean, fast, maintainable code. Animations and details that make the site feel tailor-made. 5. **We test**: Browsers, phones, screen readers and slow connections. Until everything works the way it should. 6. **We launch and stick around**: We publish, measure and stay by your side: maintenance, improvements and new ideas. ## PRINCIPLES - **Accessibility**: Everyone should be able to use a website: with a keyboard, a screen reader, poor eyesight or in a hurry. We follow WCAG guidelines from day one; we never leave it for the end. - **Security**: Protected forms, up-to-date dependencies, encrypted connections and as little data as possible. Your website should never be anyone’s way in. - **Performance**: Every image, font and line of code has to earn its weight. Websites that load fast, even with poor coverage. - **SEO and content**: Clear structure, well-written copy and solid technical practices so people find you. And so that, once they do, they stay. ## PROJECTS - [Andrea Font](https://andreafont.com/) — Design by AKA Studio - [Full Frame Studio](https://wearefullframe.com/) — Design by AKA Studio - [Accelis](https://accelis.es/) — Design by [Estudi Rafael](https://rafael.cat/) - [Grupo Reclama](http://gruporeclama.com/) — Design by [Estudi Rafael](https://rafael.cat/) - [Christian Garcia](https://christiangarcia.cat/es/) — Project made at [Mortensen](https://mortensen.cat/) — Awwwards Honors (2023) - [Farreras Nadal](https://farrerasnadal.com/es/) — Design by [The Yes Brand](https://theyesbrand.com/) - [The Yes Brand](https://theyesbrand.com/) — Design by [The Yes Brand](https://theyesbrand.com/) - [Fundació MACBA](https://fundaciomacba.es/es/) — Project made at [Mortensen](https://mortensen.cat/) — Awwwards Honors (2021), Awwwards Mobile Excellence (2021) - [Ideal Barcelona](https://idealbarcelona.com/es/) — Project made at [Mortensen](https://mortensen.cat/) - [Promotora Puma](https://promotorapuma.com/) — Design by Anna Baldrich - [Aquamiga](https://aquamiga.com/) — Design by [Estudi Rafael](https://rafael.cat/) ## CLIENTS - [Accelis](https://accelis.es/) — Design by [Estudi Rafael](https://rafael.cat/) - [Andrea Font](https://andreafont.com/) — Design by AKA Studio - [Aquamiga](https://aquamiga.com/) — Design by [Estudi Rafael](https://rafael.cat/) - [Arttpa](https://arttpa.com/) - [Christian Garcia](https://christiangarcia.cat/) — Project made at [Mortensen](https://mortensen.cat/) — Awwwards Honors (2023) - [Farreras Nadal](https://farrerasnadal.com/) — Design by [The Yes Brand](https://theyesbrand.com/) - [Full Frame Studio](https://wearefullframe.com/) — Design by AKA Studio - [Globed](https://globed.eu/) - [Grupo Reclama](http://gruporeclama.com/) — Design by [Estudi Rafael](https://rafael.cat/) - Pepe Encinas - [Promotora Puma](https://promotorapuma.com/) — Design by Anna Baldrich - [The Yes Brand](https://theyesbrand.com/) — Design by [The Yes Brand](https://theyesbrand.com/) ## PEOPLE ### Adrian Morales Rubio Hi, I’m Adrian. I graduated as a graphic and digital designer, but what really hooked me was making things work. So I taught myself to code, and I’ve spent the last 11 years in digital development. Today I am a partner and technical director at [Mortensen](https://mortensen.cat). I am also part of the teaching staff at IDEP Barcelona and LCI Barcelona, where I try to pass on to future designers the urge to understand code. Bufó is my studio: the place where I bring all of this together and, when needed, bring trusted professionals into my team so every project has everything it needs. - LinkedIn: https://www.linkedin.com/in/adrianmoralesrubio/ ## CONTACT - email: info@bufo.studio - Form: https://bufo.studio/en/contact/ - LinkedIn: https://www.linkedin.com/in/adrianmoralesrubio/ ## FOR_AGENTS - llms.txt: https://bufo.studio/llms.txt - llms-full.txt: https://bufo.studio/llms-full.txt - Markdown pages: append .md to the URL: https://bufo.studio/en/index.md, https://bufo.studio/en/manifesto.md, https://bufo.studio/en/work.md, https://bufo.studio/en/contact.md - sitemap: https://bufo.studio/sitemap-index.xml - human: https://bufo.studio/en/