From 90e5382e3fdf0a85e79babe72000b7ad63ca45fc Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Fri, 24 Oct 2025 17:57:36 +0000 Subject: [PATCH 1/2] Initial plan From 82a8c08bc2948b857ce60202b3028c0958ef7096 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Fri, 24 Oct 2025 18:07:21 +0000 Subject: [PATCH 2/2] Refactor duplicated code in layouts and portfolio display Co-authored-by: adrianmg <589285+adrianmg@users.noreply.github.com> --- _data/projects.yml | 117 +++++++++++++++++++++++++++++++ _includes/home-work.html | 146 ++------------------------------------- _includes/project.html | 15 ++++ _layouts/default.html | 2 +- _layouts/home.html | 53 +++++++------- 5 files changed, 163 insertions(+), 170 deletions(-) create mode 100644 _data/projects.yml create mode 100644 _includes/project.html diff --git a/_data/projects.yml b/_data/projects.yml new file mode 100644 index 0000000..5f6ac51 --- /dev/null +++ b/_data/projects.yml @@ -0,0 +1,117 @@ +- id: project-pipelines + title: "Microsoft: Azure Pipelines" + role: "Lead & Design Manager (2018 – 2020)" + description: "Leading a team of 5 designers through a major redesign of a 12 years old enterprise product. A new product vision in the CI/CD space for software developers based on a single pipeline experience using YAML." + screenshots: + - url: /assets/work/pipelines/pipelines-01.png + width: 1200px + height: 440px + alt: "Adrián Mato - Azure Pipelines" + - url: /assets/work/pipelines/pipelines-02.png + width: 1400px + height: 875px + alt: "Adrián Mato - Azure Pipelines" + - url: /assets/work/pipelines/pipelines-04.png + width: 1400px + height: 875px + alt: "Adrián Mato - Azure Pipelines" + - url: /assets/work/pipelines/pipelines-03.png + width: 1400px + height: 875px + alt: "Adrián Mato - Azure Pipelines" + +- id: project-microsoft + title: "Microsoft: Yammer" + role: "Sr. Product Designer (2015 – 2018)" + description: "Designing product at the enterprise social network part of Microsoft Office 365. Groups of work, project and files management, social and communication capabilities and more available on mobile, tablet and desktop." + screenshots: + - url: /assets/work/yammer/yammer-01.webp + width: 1200px + height: 590px + alt: "Adrián Mato - Yammer Office 365" + - url: /assets/work/yammer/yammer-04.jpg + width: 1200px + height: 636px + alt: "Adrián Mato - Yammer Office 365" + loading: lazy + class: h-bradius + - url: /assets/work/yammer/yammer-03.webp + width: 1200px + height: 780px + alt: "Adrián Mato - Yammer Office 365" + loading: lazy + - url: /assets/work/yammer/yammer-02.webp + width: 1200px + height: 626px + alt: "Adrián Mato - Yammer Office 365" + loading: lazy + +- id: project-fever + title: "Fever: a social event discovery tool" + role: "Head of Product Design (2013 – 2014)" + description: "Leading the product, designing and coordinating the engineering team. People would discover new events based on purchases from friends and other interesting people, avoiding editorial content." + screenshots: + - url: /assets/work/fever/fever-01.jpg + width: 1200px + height: 626px + alt: "Adrián Mato - Fever" + loading: lazy + - url: /assets/work/fever/fever-02.webp + width: 1200px + height: 780px + alt: "Adrián Mato - Fever" + loading: lazy + +- id: project-aplazame + title: "Aplazame: deferred online payments made simple" + role: "Product Design and Front-End (2014)" + description: "Conceptualizing, designing and coding the front-end of an online payment solution that integrates with e-commerce platforms. Deferred payments made easy; you decide when you want to pay and how. Available on mobile, tablet and desktop." + screenshots: + - url: /assets/work/aplazame/aplazame-01.jpg + width: 1200px + height: 440px + alt: "Adrián Mato - Aplazame" + loading: lazy + - url: /assets/work/aplazame/aplazame-02.jpg + width: 1200px + height: 800px + alt: "Adrián Mato - Aplazame" + loading: lazy + - url: /assets/work/aplazame/aplazame-03.webp + width: 1200px + height: 780px + alt: "Adrián Mato - Aplazame" + loading: lazy + +- id: project-tuenti + title: "Tuenti: simplest way of sharing experiences" + role: "Senior UI Designer (2012 – 2013)" + description: "Designing at the biggest social network in Spain with 14 million users. Including Web, iOS, Android, Windows Phone and PSP. Real-time messages, photos and more, share life with your friends." + screenshots: + - url: /assets/work/tuenti/tuenti-01.jpg + width: 1200px + height: 780px + alt: "Adrián Mato - Tuenti" + loading: lazy + +- id: project-pewpew + title: "github-pewpew: clean up your GitHub repositories" + role: "Personal side project (2021 – 2022)" + description: "Designing, coding, and maintaining a CLI tool to clean up unused repositories. It's open-source and published as an npm package. Visit the website to learn more." + screenshots: + - url: /assets/work/pewpew/pewpew.webp + width: 1200px + height: 780px + alt: "Adrián Mato - github-pewpew" + loading: lazy + +- id: project-adrianmatoart + title: "adrianmato.art: a creative journey through 3D art" + role: "Personal side project (2022)" + description: "Designing and coding a project featuring inspiring 3D wallpapers crafted with love using Blender. Available for both Desktop & Mobile. Visit the website to learn more." + screenshots: + - url: /assets/work/adrianmatoart/adrianmatoart.webp + width: 1200px + height: 780px + alt: "Adrián Mato - adrianmato.art" + loading: lazy diff --git a/_includes/home-work.html b/_includes/home-work.html index 7d74953..52ef74c 100644 --- a/_includes/home-work.html +++ b/_includes/home-work.html @@ -1,144 +1,7 @@
- -
- -
-

Microsoft: Azure Pipelines

-

Lead & Design Manager (2018 – 2020)

-

- Leading a team of 5 designers through a major redesign of a 12 years old enterprise product. - A new product vision in the CI/CD space for software developers based on a single pipeline experience - using YAML. -

-
-
Adrián Mato - Azure Pipelines
-
Adrián Mato - Azure Pipelines
-
Adrián Mato - Azure Pipelines
-
Adrián Mato - Azure Pipelines
-
- -
-
-

Microsoft: Yammer

-

Sr. Product Designer (2015 – 2018)

-

- Designing product at the enterprise social network part of Microsoft Office 365. - Groups of work, project and files management, social and communication capabilities - and more available on mobile, tablet and desktop. -

-
-
Adrián Mato - Yammer Office 365
-
Adrián Mato - Yammer Office 365
-
Adrián Mato - Yammer Office 365
-
Adrián Mato - Yammer Office 365
-
- - -
-
-

Fever: a social event discovery tool

-

Head of Product Design (2013 – 2014)

-

- Leading the product, designing and coordinating the engineering team. People would discover new events - based - on purchases from friends and other interesting people, avoiding editorial content. -

-
-
Adrián Mato - Fever
-
Adrián Mato - Fever
-
- - -
-
-

Aplazame: deferred online payments made simple -

-

Product Design and Front-End (2014)

-

- Conceptualizing, designing and coding the front-end of an online payment solution that integrates with - e-commerce platforms. Deferred payments made easy; you decide when you want to pay and how. - Available on mobile, tablet and desktop. -

-
-
Adrián Mato - Aplazame
-
Adrián Mato - Aplazame
-
Adrián Mato - Aplazame
-
- - -
-
-

Tuenti: simplest way of sharing experiences

-

Senior UI Designer (2012 – 2013)

-

- Designing at the biggest social network in Spain with 14 million users. Including Web, iOS, Android, - Windows Phone and PSP. - Real-time messages, photos and more, share life with your friends. -

-
-
Adrián Mato - Tuenti
-
- - -
-
-

github-pewpew: clean up your GitHub repositories

-

Personal side project (2021 – 2022)

-

- Designing, coding, and maintaining a CLI tool to clean up unused repositories. It's open-source and - published as an npm package. - Visit the website to learn more. -

-
-
Adrián Mato - github-pewpew
-
- - -
-
-

adrianmato.art: a creative journey through - 3D art

-

Personal side project (2022)

-

- Designing and coding a project featuring inspiring 3D wallpapers crafted with love using Blender. - Available for both Desktop & Mobile. - Visit the website to learn more. -

-
-
Adrián Mato - adrianmato.art
-
+ {% for project in site.data.projects %} + {% include project.html project=project is_first=forloop.first %} + {% endfor %}
@@ -156,9 +19,10 @@

There is more in my life than Design!

Coco.
  • 🎨 I'm not really good at it, but I have fun with 3D art.
  • 📖 Reading makes me think while keeping me curious.
    • -
  • 🗺 Talking about curiosity… here's the sitemap of +
  • 🗺 Talking about curiosity… here's the sitemap of my site.
    • + diff --git a/_includes/project.html b/_includes/project.html new file mode 100644 index 0000000..fb45635 --- /dev/null +++ b/_includes/project.html @@ -0,0 +1,15 @@ +
    + {% if include.is_first %} + + {% endif %} +
    +

    {{ include.project.title }}

    +

    {{ include.project.role }}

    +

    {{ include.project.description }}

    +
    + {% for screenshot in include.project.screenshots %} +
    + {{ screenshot.alt }} +
    + {% endfor %} +
    diff --git a/_layouts/default.html b/_layouts/default.html index db3ffd9..5fa71e5 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -1,7 +1,7 @@ {% include head.html %} - + {{ content }} \ No newline at end of file diff --git a/_layouts/home.html b/_layouts/home.html index aad54ed..4e9f0a2 100644 --- a/_layouts/home.html +++ b/_layouts/home.html @@ -1,32 +1,29 @@ - - -{% include head.html %} - -
    -
    -
    -
    -

    Adrián Mato

    -

    Design Director at GitHub Copilot & startup investor.

    -

    - For the last 18+ years, I've designed digital products between Madrid, London and now, from - San Francisco. I also co-founded and later sold my company Erasmusu. -

    -

    - My career started as a Software Developer, but it soon became clear that my true passion was Design. - I love combining both skillsets to create products that fulfill a clear purpose. -

    -
    +--- +layout: default +--- +
    +
    +
    +
    +

    Adrián Mato

    +

    Design Director at GitHub Copilot & startup investor.

    +

    + For the last 18+ years, I've designed digital products between Madrid, London and now, from + San Francisco. I also co-founded and later sold my company Erasmusu. +

    +

    + My career started as a Software Developer, but it soon became clear that my true passion was Design. + I love combining both skillsets to create products that fulfill a clear purpose. +

    - - -
    - {% include home-navigation.html %} - {% include home-work.html %} + + + +
    +{% include home-navigation.html %} +{% include home-work.html %} - - - - + +