Marcos Calatayud Designer

Work

  1. Designer

    Featured achievements in Qatium

    An easy-to-use water management software for utilities of any size.

    • Accessibility
      • Improved color contrast while improving color-blindness issues.
      • Advocate to meet WCAG 2.2 requirements to comply with US and EU regulation.
    • GUI Design
      • Design System: built new components following the same visual cues and interaction patterns.
      • Grid: adopted an 8 point grid.
      • Iconography: adapted legacy icons and built new ones to fit into the tiny available size, while keeping language consistency.
      • Theming: built a light theme (unreleased).
      • Tons of small fixes that reduced the perceived quality of the software.
    • GUI engineering
      • Retrofitted responsive design to make the app fit in mobile.
      • Tokenized variables for easier development.
      • Customized user onboarding tools like Auth0 and built email templates.

  2. Frontend developer

    Projects

    • okmobility, an online car dealership.
    • Industrias Alegre, a company focused on making plastic parts for the automotive industry.
    • Email HTML + CSS coding.
    • Print-PDF layout made with HTML + CSS.

  3. Frontend Designer

    Happydonia had a good design base already, and needed a designer to both introduce new features and maintenance duties.

    Projects

    • happydonia, an employees internal communications and management tool.

  4. Frontend Designer

    Like in previous coding jobs, I helped to tidy their front-end codebase after many uncared for previous iterations. I gave consistency and applied a set of good practice rules to the HTML + CSS code, making team work easier and faster.

    Projects

    • Several private wealth management companies webapps.
    • Email HTML + CSS coding.
    • Print-PDF layout made with HTML + CSS.

  5. Designer and Frontend developer

    I was part of the team that led the way to the 1.0 version, working remotely. The most exciting part was coordinating with Compliance and Operations team mates to design a balanced product that met the legal requirements and was easy and intuitive as well.

    Projects

  6. Designer and Frontend developer

    I helped to reduce the scope of what we were building to fit into the narrow deadlines we got; designed flows and interfaces; and coded the front-end (FXML + CSS2.1) for a suite of biometric-related applications built with JavaFX.

    Projects

  7. Designer & Frontend developer

    Rankia asked me to tidy their design and front-end codebase after years of inconsistent iterations. I laid the foundations to give uniformity to the design by creating a live HTML+CSS style guide, which made backend developers happier and code faster. I also cleaned up the HAML templates and stylesheets, greatly reducing the size of the CSS files.

    Projects

    • Rankia, an online community around economic and finantial information.
    • Verema, an online community about the world of wine.

  8. Designer & Frontend developer

    My role as a UX designer and front-end developer covered many different areas where I had to coordinate with stakeholders and developers: from early sketching to pre-production prototypes; from desktop only to responsive design; from landing pages to newsletters; from R&D to production design and code; from performance audits to copywriting.

    Projects

    • EducaPoker (including unreleased iterations).
    • Poker-Red (several iterations).
    • Drupal Admin Interfaces.
    • Several other inactive sites.

  9. Designer & Frontend developer

    This was my first professional side-project. I defined the flows and interfaces and implemented them with the Twig templating engine. I discovered how hard it is to keep a project up and running, and about timeframes and commitment.

    Projects

    • Vetaminic, an online management system for veterinarian clinics [inactive].

  10. Frontend developer

    During my Master in Multimedia Development I started working at a professor's agency as a front-end developer. Here I started to share with my co-workers the importance of accessibility, semantic markup, microformats and compatibility (oh, good old IE6 days...).

    Projects

    • Many different projects with XHTML and CSS2.1, but the Internet updates fast and now all those sites are either updated or down.

  11. Proof reader

    I got the opportunity to work where the dreams are built. Although it was a job not related to design, I learnt a lot about many topics by being part of a multinational team in a multinational company, where I ensured that the games were properly translated into Spanish.

    Projects