HEY,

My name is Andrés Liu. I'm a Colombia based Frontend Web Developer and Multimedia Engineer building cool stuff.

About me

3+ years of extensive professional experience and skills in HTML5, CSS3, Javascript, jQuery, Bootstrap 3, SASS/SCSS, BEM, 7-1 pattern, and specializing in PSD to HTML5 semantic conversion with keen attention to details. Working knowledge of design tools such as Sketch, Illustrator and Photoshop. Currently learning React 16 and WordPress theme development.

I believe anything can be overcome through commitment and hardwork. Always up for learning new things.

The process

In all projects, I was responsible for implementing all the HTML, CSS and JS for interactions. This process involved:

  • Analyzing and dividing design mockups for creating appropriate UI components and architecting the styles codebase.
  • Testing code in multiple browsers to ensure cross-browser compatibility.
  • Following coding styles if required.
  • Leveraging responsive web frameworks to consistently complete product deliverables ahead of schedule.
  • Using jQuery and leveraging popular plugins for common or complex interactive components.
  • Collaborating with UI/UX designers and Back End Developers.
  • Constantly maintaining communication with order supervisors/clients.

Qualifications

  • B.Sc. Multimedia Engineering
    Universidad Autónoma de Occidente
    (Feb. 2013 - Nov. 2018)

    Engineering focused on the design and development of highly interactive multimedia systems by combining hardware, software and user experience expertises. I’m currently finishing my thesis project — a video sharing platform for interactive, multisensory videos, to graduate by the end of 2018.

Latest projects

Koozmetik is a manufacturer of handmade natural cosmetics from Serbia serving all of Europe.

I was responsible for implementing all the markup and styling code for the company's redesigned online presence.

Some remarks for this project are the usage of Bootstrap's grid system, jQuery for DOM manipulation and general interactivity, and subtle animations for small interactions.

Movcam is a world-class leader in the production of equipment for cameras and professional photography such as stabilisers and lens products; based in Shenzhen, China.

I was responsible for implementing all the markup and styling code for the company's redesigned website.

Some remarks for this project are the usage of Bootstrap's grid system, jQuery for DOM manipulation and general interactivity, and a custom CSS-only, flexbox-based, checkbox technique, responsive accordion to tabs component.

Sou+Você 2018 is this year's version of the campaign organized by brazilian insurance company Capemisa, where its customers can win a variety of prizes depending on different criteria for each of its products in a points-based system.

I was responsible for implementing all the markup and styling code for this year's website.

Some remarks for this project are the usage of Bootstrap's grid system, jQuery for DOM manipulation and general interactivity, and the implementation of custom responsive components for table-based information laid out in different ways.

Aparna Kreations is a co-working and shared offices company based in New York, USA.

I was responsible for implementing all the markup and styling code for its new online presence

Some remarks for this project are the usage of Bootstrap's grid system, jQuery for DOM manipulation and general interactivity, and the implementation of custom CSS shapes for some of the aesthetic elements.

Kenware is a set of products for advanced Point-Of-Sale integrations offered by CoHerDi, a systems consultancy company based in Mexico, and specializing in POS, ERP and CRM solutions.

I was responsible for implementing all the markup and styling code for its new website

Some remarks for this project are the usage of Bootstrap's grid system, jQuery for DOM manipulation and general interactivity.

Möhle und Braker Datentechnik is an IT services company based in Ehndorf, Germany, which specialises in network administration, telecommunications, software development, and e-commerce solutions.

I was responsible for implementing all the markup and styling code for its new redesigned website

Some remarks for this project are the usage of Bootstrap's grid system, jQuery for DOM manipulation and general interactivity, CSS transitions triggered on scroll when inside the viewport, and a sticky navigation bar.

MZed is an education platform for the creative industries revolving around photography and filmmaking; based in Monroe, USA.

I was responsible for implementing all the markup and styling code for its new redesigned website

Some remarks for this project are the usage of Bootstrap's grid system, jQuery for DOM manipulation and general interactivity.

Max Neeling is a UI/UX designer based in The Netherlands.

I was responsible for implementing all the markup and styling code for his new online portfolio.

Some remarks for this project are the usage of Bootstrap's grid system, jQuery for DOM manipulation and general interactivity, a lot of pseudoelements to achieve the desired aesthetical elements positioned correctly, and a complex custom flexbox-based responsive layout.