Manifiesto

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.

Proceso

Cómo trabajamos, paso a paso.

(01)
Escuchamos
Nos cuentas el proyecto, los objetivos y lo que ya tienes. Hacemos las preguntas necesarias al principio para que no salgan al final.
(02)
Definimos
Concretamos alcance, estructura, plazos y presupuesto. Todo el mundo sabe qué se hará, cuándo y por qué.
(03)
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.
(04)
Programamos
Código limpio, rápido y fácil de mantener. Animaciones y detalles que hacen que la web se note hecha a medida.
(05)
Probamos
Navegadores, móviles, lectores de pantalla y conexiones lentas. Hasta que todo funciona como tiene que funcionar.
(06)
Lanzamos y acompañamos
Publicamos, medimos y seguimos a tu lado: mantenimiento, mejoras y nuevas ideas.

Principios

Lo que no se ve también cuenta.

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.

                                                                
                                                                
                                                                
                                                                
                                                                
                      <<<//</;;;;..                             
                     >><<;.... ... .::.                         
                    /{/:..:;/;......  .;                        
                   ;{/. :>{{{>/;........:                       
                   {/ .;{}{{{></;:..   . .                      
                  ;/ .;}}{{{{{></;:       :                     
                  {: .>=}}}}{{{></;:       .                    
                 <:  :}}<//<>{{{{{><;      :;                   
                ;>   <{/;;:.;<>><;;:;.     .</                  
                ;.  .}{<<;;;/{{{/::;;:      :/                  
                 /  <=}{>;/<>}}}<;.;/<;     <:                  
                 :  {==}{>>{}=}}{>/<<>>.   ::                   
                 . :==}{{{{}}}{}=}{{}}};  .                     
                 ../==}}{{{>;/</{}}}}=}:  :                     
                  />}=}{{{{><;;/>{{}}}}: .                      
                  :>>}{{>/<<<<<<{{{}}}}:..                      
                   .<{>>/;<<<</<//{{{{<<.                       
                    ;>><<>><//<</;<>>><:                        
                     /<<<>></;<>>/;///                          
                     ;/<<<<<<<<</;;;;:                          
                     ;<//;;;;;;;;;;;{}:                         
                   .;>{/;::;;:..::;<}}{>;:                      
               ;/>{=={{>/:::....;/<>}{==}#=}}>{>/:.             
          :/<>>{{{==#}>>><;;;;;/<<>{{=#}}##=}}=####}>           
     ;{{>{{{{>{}}{====}><</<<<<<<>{{=#=}=##==}}==####={;        
   .>}}{{}{{{>{=={======{{>>>>>>{{}=#=}}##====}}#=####===/      
 :>{{}}}{{>}{{}#=}}=====}}{>>{{}=}=#==}=##=====}==###===##<     
>=}}}}{}{{{}}}=##}}====#========}=#=====##==#===========#==:    
#=}}{}}}}{==}}==#=}===}=#####=}}=#=================}}==#==#=    
##==}{{=}}======#====}}}======}=##================}}}}===###{   
====}}{}=}==#===#=====}}}=======#=}============}=}{{}====####/  
=}}=}=}>}}=============}{}=====#=}}============}=>>}}}==##==#=  
==}}}}}>}}}============}{{===}=#=}============}}}<{}}===#==###> 
==}}}}}}}}{===}========}}{==}=#=}}========}}}}}}{>}====##==####;
====}}}}{}{}=}}==}}===}}}{}}}}=={}=======}}}}}}}{{========#####=

Quién hay detrás

Diseño de formación. Código por vocación.

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 (se abre en una pestaña nueva).

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.

¿Tienes un proyecto entre manos?

Hablemos

o escríbenos a info@bufo.studio

Manifiesto

Cómo trabajamos, paso a paso.

Escuchamos

Definimos

Diseñamos

Programamos

Probamos