Manifesto

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.

Process

How we work, step by step.

(01)
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.
(02)
We define
We agree on scope, structure, timeline and budget. Everyone knows what will be done, when and why.
(03)
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.
(04)
We build
Clean, fast, maintainable code. Animations and details that make the site feel tailor-made.
(05)
We test
Browsers, phones, screen readers and slow connections. Until everything works the way it should.
(06)
We launch and stick around
We publish, measure and stay by your side: maintenance, improvements and new ideas.

Principles

What you don’t see counts too.

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.

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

Who’s behind it

Design by training. Code by calling.

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 (opens in a new tab).

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.

Got a project in mind?

Let’s talk

or write to us at info@bufo.studio

Manifesto

How we work, step by step.

We listen

We define

We design

We build

We test