Gil Alvaro
UX Designer based in Manchester, UK.
My Skills
Motion Design
Responsive Design
Strategy
Illustration
SPA
Prototyping
User Research
Design Thinking
User Testing
Design System
Brand Guidelines
Package Design
Marketing Material
Logo Design
Docker
ReactJS
HTML5
CSS/SCSS
Material UI
Javascript
Source Control
GraphQL
Cypress
NextJS
Eslint
Experience
Remote
United Kigndom
As a consultant managed to be involved in projects which demanded high-quality in the end product in accordance with the end user requirements iteratively, within an agile environment. Working collaboratively as part of a project team. Worked in the Public sector as part of the European Space Agency (ESA) where was tasked to create a user-friendly web app that manages their 5G communications. Crafted a Design System with over 8k components, considering the ESA and CGI branding and taking into account Dark and Light themes. Illustrated design ideas by performing workshops, user research and User Flows in order to compile the best UI possible for the client. Develop Hi-Fi UI mockups and prototypes, which clearly illustrate how the system would function and feel like. Identify and troubleshoot UX such as Responsiveness, Contrast Ratio and Accessibility. Used Agile methodology to deliver work within sprints. Prepare and present Hi-Fi UI/Prototypes to internal teams and clients/stakeholders.
Manchester, United Kingdom
As Developer helped the development teams, I initially, developed the front-end web page by using HTML5, jQuery, and SCSS with BEM naming convection, a year later started on ReactJS using Material UI Library, JSS, and Styled Components.
â—¦ Implemented Page Optimization techniques for web pages using LightHouse and made sure the CSS Specificity was in the account.
â—¦ Optimized web content accessibility and tested it on all modern web browsers.
â—¦ Finesse the front-end code and ensure the assets were optimized and high-quality/performance and make sure the product would look like the H.F. Mockups.
â—¦ Worked with browser compatibility issues.
â—¦ Created the bridge between developers and designers, where developers would have all the assets needed to develop the UI, using storybook and Zeplin, there was only need to share the mockups with the devs in there they would have the links to everything they need, such icons, colours palette variables, components names and their import codes and much more.
As the Lead Product Designer, I was responsible for:
â—¦ Brand consistency over company departments (UI, Internal Documents/Presentations, Social, Emails, Website,
Illustrations, and Icons).
â—¦ Mentored team members.
â—¦ Performed multiple assignments under pressure and consistently met deadlines given.
â—¦ Worked with Marketing Team and provided the necessary material so they could sell the product.
As UX/UI worked directly with stakeholders to establish:
â—¦ Heuristic Analysis
â—¦ Contextual Inquiries
â—¦ Workshops: Research, Ideation, and Innovation.
â—¦ Personas
â—¦ User Stories
â—¦ User Journey Maps
â—¦ Storyboards
â—¦ Wireframes and High-Fidelity Mockups
â—¦ Functional Prototyping
â—¦ Run AB Testing over the new ideas and establish the UX/UI with the most efficient result.
â—¦ Development analysis, examined with the team of developers to try to understand the limitations in terms of
performance and efficiency of the UI/UX.
â—¦ Develop UI design specs as well UI Styleguide that allowed consistency and fast paste project development,
across a multi-disciplinary team through all phases of the project, using Figma, Zeplin, and Storybook.
â—¦ Documented UI components.
â—¦ Used Atomic Design methodology in the Styleguide.
Manchester, United Kingdom
Responsible for all design materials such as Branding, Marketing, and UX/UI Design of the Gnatta website and Gnatta web app.
Creation of branding assets including Print, Brochures & Newsletters, Logos & Business Cards, Posters & Post Cards, Stationery, Guidelines, Photography, Creation of Mockups.
Design of marketing assets such as Website Mockups, Video Editing and Social Media.
In UX/UI field, was responsible for the creation of Wireframing, Prototyping, Animation/Motion Graphics in Adobe XD, Figma, and Zeplin. Used Agile methodology and helped to create Front end Webpages using HTML, CSS, and JavaScript.
Manchester, United Kingdom
Responsible for all design materials such as Branding, Marketing, and UX/UI Design of the FM Outsource website and their web app.
Creation of branding assets including Print, Brochures & Newsletters, Logos & Business Cards, Posters & Post Cards, Stationery, Guidelines, Photography, Creation of Mockups.
Design of marketing assets such as Website Mockups, Video Editing and Social Media.
In UX/UI field, was responsible for the creation of Wireframing, Prototyping, Animation/Motion Graphics in Adobe XD, Figma, and Zeplin. Used Agile methodology and helped to create Front end Webpages using HTML, CSS, and JavaScript.
Vagos, Portugal
Creation of Print and Digital Social Marketing material, Brochures & Newsletters, Logos & Business Cards, Posters & Post Cards, Stationery, Guidelines, Photography & Creation of Mockups.
Madeira, Portugal
As UI Designer, I helped in the creation of an interactive display for kids. A social experiment that showed the toddlers and their social integration.
Education
Madeira, Portugal
Interactive Media Design provides training on interactive media, such as interactive games and narratives, and social and critical technological aspects at the University of Madeira, in close collaboration with the Madeira Interactive Technologies Institute (M-ITI).
Madeira, Portugal
In this IT program provides the learning of web development and computing. You will discover what computing and creative technologies can offer, enabling you to make informed choices about your future career within computing. With its base of programming languages such as Pascal, HTML, CSS and PHP. You will also learn the bases of networking, databases and computer graphics. Finally, you will develop an understanding of the maths involved in this high tech industry.