Documentation Interface


This is an interface where users of a custom web browser solution come to inform themselves about the current status, find out about bugs,report new bugs or request new features. I've worked alongside a designer and a backend PHP developer. When the Sketch design files were ready they were uploaded to InVision and my job was to implement the designs into a fully responsive, semantic HTML, modular SCSS following the BEM notation and presentational JavaScript that takes care of animations, interactions and few simple ajax calls.

  • Responsive Design
  • Wordpress Integration
Ib docs

Pricing Interface


Pricing page redesign. I've worked alongside a designer and a backend PHP developer. When the Sketch design files were ready they were uploaded to InVision and my job was to implement the designs into a fully responsive, semantic HTML, modular SCSS following the BEM notation and presentational JavaScript that takes care of animations, interactions and few simple ajax calls.

Ib docs

Wordpress Landing Page


Fully customizable Wordpress theme. My job was desining as well, then coding this page using gulp.js for efficient implementation alongside SCSS and Bootstrap components. The page has multiple customized carrousels that can be easily edited on the backend with advanced custom fields. I also make sure my custom themes have a nice UX on the backend allowing non developers to easily change them.

  • Responsive Design
  • Wordpress Integration
Read the case study. Visit Website
Customrr

Bonsall Pool


While working for an advertising agency I maintained and contributed to this large scale website powered by Expression Engine CMS. The website used gulp.js to organise SCSS and JavaScript partials and easily compile them into single files, with minification and other automated task included in the task runner.

Visit Website
Bonsall Img

Landing Page


  • Responsive Design
  • Wordpress Integration Design
Visit Website

Justo


  • Responsive Design
  • Wordpress Integration Design

Natours


  • Semantic HTML
  • SCSS architecture

Portfolio Pics

Home Manufacturer


  • Wireframes
  • Mockups/UX/UI
  • Implementation

Portfolio Pics

Web Agency


  • UX/UI
  • Maintainance & Implementation

Portfolio Pics

Landing Page


  • Wireframes
  • UX/UI
  • mplementation

Portfolio Pics

Interactive Guides Software


Visit Website
Portfolio Pics

eCommerce UI


Portfolio Pics Portfolio Pics
Portfolio Pics
Portfolio Pics
Portfolio Pics
Portfolio Pics

Generative Design ( JavaScript Pseudorandomness )


Generative img
Generative img
Generative img
Generative img
Generative img
Generative img
Generative img
Generative img

My Video Game


How I Create Websites Free eBook


Ebook Cover