Javier Alonso

Hello, I’m Javier / Alonso UX / Product Designer Portfolio Contact me About me / I am a Spain-based product designer with a unique background, a rare mixture of product designer and developer. I approach products with a data mindset focusing on business value and people. I can help you with: UX Design Wireframing & Lo-Fi & Hi-Fi Mockups UI Design (Desktop/Mobile) Analytics, Metrics and Product Instrumentation Screencast - Demos Illustration & Icons Motion Graphics Presentations Read my resume Disclaimer / Showcasing images without context is not enough to explain my approach and methodology regarding user-centered design. So, please let me introduce you to the products on which I have recently worked, with a brief explana>on of each one. 🚨 Take into considera>on that this por@olio is only for showcasing visual deliverables (screens, flows, diagrams, et cetera). Each deliverable is a hypothesis which needs to be validated and measured with an experiment. Neither ego nor false empathy: we should rely on the fact that every product needs to be measured in real life. As a product designer, I also implement the instrumenta>on required for hypothesis valida>on. That includes, but is not limited to, ETL tools or tagmanagement tools (Segment or Google Tag Manager), analy>cs tools (Amplitude or Google Analy>cs) or UX measurement tools (Hotjar, Smartlook). Of course, that is not only limited to installa>on, as I also create the experiments needed and implement measurement tags. Unfortunately, that info is outside the scope of this document. Keep Scrolling Down Throughout my last two years, I have worked at atrio.io (a spin-off of rstor.io). As the sole UX/Product Designer, I was in charge of developing and measuring the UX for all the apps within the Atrio ecosystem. - The challenge was to design a consistent experience across all the apps from the company,offering a powerful UI with a clean andcrisp UX allowing hardcore HPC users and non-tech-savvy users to use the products seamlessly. Atrio Cloud Platform Running HPC Jobs at Super Computer or Cloud Service Providers Rodolfo Launch cloud services seamlessly Datalake Huge datalakes and data gravity management Resources Billing Application Marketplace Atrio Cloud Platform Composable Computing Cloud This is the core product from Atrio.io, and all the other products use this one using several entry points (SDK, CLI, API, Web, et cetera). AVer star>ng a basic design system in Rodolfo by discarding the old design, the goal was to create a super streamlined experience for a data-intensive product with a balance between power and usability. With the addi>onal problem of being able to give value to all the spectrum of the type of users, from data scien>sts, researchers (bio, engineering, oil&gas, et cetera) to engineers (F1, Avia>on, et cetera), each of them with a unique background and mo>va>ons. The Challenge To simplify a product created for engineers and by engineers to a more streamlined experience by applying a user-centered design (heuris>cs, flow op>miza>on, happy path, customer journey, et cetera). Flows One of the most useful deliverables to work with the development team and allow the We made several flows to explore understanding of the whole product in a complete the happy path for the users and also way, and not a series of isolated screens. With the edge cases to validate with HPC1- flows, we are able to explain the narraPve of the savvy people and some of the product using metaphors, such as the happy path archetypes defined at the user for the user to showcase ideal use cases. It also persona. Once we have a rough helps the business and the development team to sketch of the flows, we can start set the expectaPons about the features ready to reviewing and tes>ng it, in order to be released and the level of the UX. ensure what is well suited. 1: High Performance Compu>ng Research During the research phase, the most difficult part was to empathize with the pains of the profiles of our users and also establish the differen>a>on between users and clients. Our product is useful for an ultra- specific niche type of users who need a special approach. The user personal approach was a bit limited but at least helped to establish a star>ng point for defining flows for ethnographic valida>ons, providing a way to explore the product domain. Design System The real challenge in this step was to evolve from a basic concept of a design system created for an MVP to a system capable of suppor>ng all the product within the company, each of them with subtle differences, and backing it up through a con>nuously evolving system which can give support to all the apps of the ecosystem with flexibility. Examples of flow simplifica>on and high-density screens. The inten>on was to offer a visual way to iden>fy the main things, but simplifying the previous steps to reduce noise in a modal UX flow. The modal sub-flows within the main on help us to both op>mize the resource loading for the user and avoid empty screens. For a complete user experience flow, each touch point with the user needs to be customized with the look&feel and voice of the product. Likewise, external touch points allow us to keep a streamlined flow of usage. Rodolfo Provisoning Services I worked with a small team within the company in charge of creaPng the MVP for this product. This product runs on top of the Atrio CompuPng PlaSorm and is more focused on IT people who want ultra-scalable service provisioning, allowing usage of supercompuPng specialized resources. The main challenge was to create a tool allowing IT people to create and manage resources seamlessly combining visual resource configuraPon and usage representaPon to offer an eyecatching but useful interface with low-fricPon UX. The Challenge This project was the star>ng point of Atrio Design Systems. Here we abandon an old-fashioned design approach to embrace a new flexible layout based on components allowing to keep the UX consistent across all the devices. During all the project the approach was to reduce the noise as much as possible to allow the user to focus on one task at a Pme. Also, replacing standard inputs with visual representaPons of the hardware usage, and offering a visual metaphor for the user as visual hooks. The business aim was the main focus by improving the readability of elements making a crisp UI in a seamless flow. Big Icons, meaningful color paleXe and elements with posiPve affordance make the UX highly opPmized. Atrio Billing Platform Billing features for ACC platform I worked with a small team within the company in charge of creaPng the MVP for this product. This product runs on top of the Atrio CompuPng PlaSorm and is more focused on IT people who want ultra-scalable service provisioning, allowing usage of super-compuPng specialized resources. The main challenge was to create a tool allowing IT people to create and manage resources seamlessly combining visual resource configuraPon and usage representaPon to offer an eyecatching but useful interface with low-fricPon UX. The complete billing flow of the product integrates several plaSorms to follow and track users, leads and the transiPons between the user flow amongst their journey on the plaSorm. As a product designer, I also take care of both metrics and the user over all the applicaPons, within primary and secondary flows, to detect leaks and maximize conversions. A Product does not end at the device screen. The experience goes beyond that. The integra>on of external points of touch is mandatory in order to have a holis>c integra>on of the product into the business ecosystem. Datalake Datalakes and data gravity Datalake Dashboard Realms Buckets STATS REALMS RSTOR-Realm#1 15 Clusters 10 Gb Input Transfer 2,505 GB Buckets 3,200 Clusters 72 Realms 16 8 4 15 2 Gb 1 Gb 200 Buckets RSTOR-Realm#1 15 Clusters 4,505 GB 2 200 Buckets RSTOR-Realm#1 15 Clusters Output Transfer CURRENT MONTH 200 Buckets RSTOR-Realm#1 15 Clusters 1 ? Objects 200 Buckets 3 RSTOR-Realm#1 IOPS RSTOR-Realm #1 BILLING By Day USA-Host Colorado USA2 - California Japan - Osaka ( ... Singarpu - HiTech... View Invoices OPERATIONS CURRENT MONTH COST INPUT 1K 0 $ 4,560 Invoice sent 02/26/2016 Invoice sent 02/26/2016 OUTPUT SUN 10/15 MON 10/16 TUE 10/17 WED 10/18 THU 10/19 (TODAY) environments, not only compuPng is the problem. That is why the needed to improve the sharing of vast amounts of data by developing the concept of Data Gravity. That is, compuPng gravitates towards data, so you can select the most suitable compuPng source and nearest to your data (in terms of speed, latency, et cetera). Challenge To develop a UX capable of expressing several layers of data over a 2D map without experiencing a choppy UX, capable of expressing essential factors regarding the data gravity concept, latency, capability, QoS, et cetera. $ 3,240 PAID $ 3,240 PAID $ 3,240 1K Invoice sent 02/26/2016 Across the Atrio plaSorm and inside the HPC PAID Application Marketplace Create and monetize Apps The briefing was clear: in order to create a community around the product, it was criPcal to arPculate a basic inbound strategy to be able to obtain leads. A[er some discovery sessions with the stakeholders, we land that briefing into a clear request, namely to create an appealing site offering context about the Atrio core plaSorm in context, so users can discover the plaSorm in an organic manner, basically to transform the marketplace idea into a lead magnet. Furthermore, regarding the ethnographic study of this approach, basing on the insights over clients and users allows users to advocate inside their company to promote Atrio as the tool to be used. Challenge Create a product concept able to catch the a`en>on for the user/ advocates and capable to express all the hot features of the Atrio pla@orm. Q2 - 2019 Improve the UX of a biometric security app which verifies the authenPcity of legal documentaPon by combining document idenPficaPon and biometry. The job includes moPon graphics and the improvement of the look and feel of the app flow, by improving usability problems and fricPon phases. Javier/ Alonso h9p://www.linkedin.com/in/javieralonsogomez @oyabun-- Private, Please do not redistribute