Mark Suarez
Front-End-Developer
Product Designer

Experience

  • Freelance Front-End Developer

    March 2020 - Present, Toronto

    Built custom WordPress, Webflow, and React websites for a variety of clients.

  • Frontier / Front-End Developer

    April 2018 - March 2020, Toronto

    My role as Front-End Developer focussed on building functional and visually interesting web experiences for a wide variety of clients. Particular attention was paid to browser performance, usability, and accessibility, in addition to, delightful animations and effects.

    • Built custom WordPress themes with custom post types and fields.
    • Used modern workflow tools like gulp.js to automate our workflow.
    • Collaborated with designers to enliven and animate using interactive JavaScript libraries such as GSAP, Scrollmagic, Lottie, P5, Three.js, and others.
    • Built applications like quiz games and rate calculators, using APIs.

  • Camp Jefferson / Freelance Graphic Designer

    2018, Toronto

    Ideated and executed branding systems, web design, and identities for clients like Koodo and Porsche. Brand systems included colour systems, typographic systems, and web components.

  • Key Gordon / Front-End Developer

    2015 - 2017, Toronto

    Built and launched custom WordPress sites using modern development practices. Collaborated with management and creative team, often contributing to the design process.

  • The Globe and Mail / Product Designer

    2013 - 2014, Toronto

    Worked on the web team to produce new features and enhancements. I was also on the product team which worked on the website redesign. Embedded in development teams which practiced agile workflows (sprints, kanban, Jira). I designed election modules, commenting systems, and iPad apps.

Skills

  • Custom WordPress Theme Development

    • Html5, css/scss, js/jQuery, PHP, MySQL, custom post types, custom fields.

  • Creative Development

    • WebGL, P5.js, Greensock, ScrollMagic, SVG, Lottie, Three.js, performance.

  • Product Design

    • Design Systems and Components
    • Brand Activation with interactivity and animation
    • Information Architecture, sitemapping, wireframing, data modelling

  • Other

    • WCAG 2.0 Accessibility, keyboard & screenreader testing.

  • 2020 Learning Path

    • React and Redux.
    • WordPress REST API with Gatsby.js.

Education