https://www.jordifornellsportfolio.com/chubb-en daily 0.75 2024-03-20 https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598298164100-NY6MN68C3VIJ8RYYJK9N/JFT_Chubb_Mockup-1_v2.jpg Chubb - “Chubb’s digital presence should be a cohesive whole, with each and every design sharing a common DNA that ensures consistency and brand integrity.” – Initial premise https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598298598766-1Z2W44F6PRTMZGYTQ7JL/JFT_Chubb_Mockup-2_v1.jpg Chubb 01. Some of the introductory pages in the printed version of the DASG. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598299144952-9UKMKEJAMFSM7081TARH/JFT_Chubb_Mockup-3_v1.jpg Chubb 02. A selection of pages focussing on colour contrast https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598306267223-RE5K4Y21H464BRGLJ698/JFT_Chubb_Mockup-5_v1.jpg Chubb 03. Additional screens from the DASG https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598304943735-AGVL26SFN8DWWSB48BQR/JFT_Chubb_Mockup-4_v1.jpg Chubb 04. A digital PDF representation of the DASG https://www.jordifornellsportfolio.com/hostaly-en daily 0.75 2024-03-20 https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598553528379-J0HYMTGN3W3WJM5BETE5/Singlescreen_reduced.jpg Hostaly https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598552588840-31PCNWJFXNIIP2SJRAXJ/House-guide_reduced.jpg Hostaly https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598393228669-M0JGMJ9QYDSSIN0WDGRL/sebastian-scholz-nuki-Fh3Dtg6QX4Q-unsplash.jpg Hostaly - Every detail counts. That is why we integrated the app with Nuki’s smart locks and Google home, further reducing the physical contact of the guest and the services in the rental homes. 01. A photo of how a Nuki smart lock and a Google Home device. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598553298161-PGZ5Y9NWDN62ESQ1M4WU/Other-screens_Reduced.jpg Hostaly 01. Some of the introductory pages in the printed version of the DASG. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598556920196-9ZLY26FQUVTYTAHHGJHH/Ipad_Mockup_final.jpg Hostaly https://www.jordifornellsportfolio.com/trusted-pals-en daily 0.75 2024-03-20 https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598558382704-EBBJKARW71TIOHUE9OHB/TP_Mockup_1.jpg Trusted Pals - “TrustedPals has to let cats and dogs take the lead, to show the humans how it’s done” – Setting the tone of voice for TrustedPals’ digital communications. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598558574380-QUDWFRU1GC63CLAPQ5FU/Sitemap_v1.jpg Trusted Pals 01. The initial strategic sitemap https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598559285748-63751NV5ZRMLWICJCFWI/Wireframes_v1.jpg Trusted Pals 02. Over the course of the project we created more than 500 wireframes screens across all digital platforms. Above are some screens from the mobile app. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598560530217-07X0LZKD6Z0I4LCASH9C/Mobile_screens_mockup.jpg Trusted Pals 03. A sample of some of the finished prototypes. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598561132302-ZB2JZNUVHOY4MWWLY15K/Multiplatform_v3.jpg Trusted Pals 04. An example of the same screen designed for both 'the ‘Pawtal’ and the app. https://www.jordifornellsportfolio.com/engold daily 0.75 2025-05-21 https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/5be133fb-d538-4eb8-8e0f-e275b3e67914/Cardano_title.jpg Home https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1611009767055-ZWTUJIH0WHFLD8KNDKB5/cray_arrange_TP2.jpg Home https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598550350048-HRLX7AC1QWVWLRBO5VCJ/Mockup-home_reduced.jpg Home https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598306433422-6EFTEKGZU9ZTF0729KX0/JFT_Chubb_Mockup-1_v2.jpg Home https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598550049721-8BSR7ISQF8E722NP0CMV/Emails_Mockups_2.jpg Home https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/f8028619-a3f7-45ac-9243-be582cc479b2/Mockup2.jpg Home https://www.jordifornellsportfolio.com/newyorklife-en daily 0.75 2024-03-20 https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598488510290-L5JK9FMGXPIOA7V0QPJP/Ipad_mockup.jpg New York Life - “We need to think about the strategy, learning how users currently interact with our communications is the key that will unlock all doors.” – Insight from the strategy stage https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598488740772-O4J6HIQY6578NBVX0YDF/Screenshot+2020-08-27+at+01.38.40.png New York Life - Communication strategy and user behaviour became the primary focus of the project. Thanks to that, AARP and NYL now have robust email communications. 01. The image shows a bit of the onboarding flow. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1604011044111-T60ELH7ZVWPX3WMS76BI/NYL_Colours.jpg New York Life 02. An example of the colours overview in the design system platform https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1604012760425-L0L3DLBWXRFPG0B1EFKG/NYL_Typographyextra.png New York Life 03. Typographic hierarchy was one of the most important aspects of the system, but also one of the most complicated bits to tackle. https://www.jordifornellsportfolio.com/lloyds-en daily 0.75 2024-03-20 https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/2cd9e9db-0ad7-4347-a75a-9c89b9049598/Cardano_1_1.jpg Project 5 - “Cardano is more than a toolbox or pattern library. It’s an evolving product, supported by a community, serving design and development disciplines within Lloyd’s.” – Design System team statement https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/9ab5b032-4145-48ce-93fd-ec4b1198119f/Cardano_2_4.jpg Project 5 - Make it stand out 01. A sample of Cardano’s foundations, including grids, colour, icons, typography and spacing. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/d601f0dc-e2a3-4dd2-82f5-ac16e5ba92a8/Cardano_3_3.jpg Project 5 02. Table of variants for the ‘Form field’ component https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/40b655a5-1907-410d-9098-61fef5b9f9c1/Cardano_4_2.jpg Project 5 03. An overview of the buttons documentation page https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/09215a28-01dc-4f0b-91c2-bed34dab0ab9/Cardano_5_2.png Project 5 - Make it stand out 04. Overview of the Component creation process https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/974b82d9-a1f5-4290-bb22-b326e9b7bb77/Cardano_8_2.jpg Project 5 - Make it stand out 05. Cardano uses it’s own website, Storybook and Confluence to host design, code and documentation. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/000fdff9-8028-44e0-b040-a8f97652e95a/Screenshot+2021-11-22+at+00.11.06.png Project 5 05. We used Miro to drive the Cardano Crits. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/9a719ffe-20d9-42f9-93e2-1402359724c5/Cardano_7_2.jpg Project 5 - Make it stand out 06. An example of some Design System components used in the Lloyd’s Virtual Room App. https://www.jordifornellsportfolio.com/compressflow-es daily 0.75 2024-03-20 https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/f392f087-fd97-4643-b97c-d4411c3ec1e7/Mockup2.jpg Compressflow - “Para que todo funcione, es necesario disponer de un sistema de componentes que ofrezca flexibilidad, así como una expresión de la marca que permita implementar la coherencia estética del producto.” – Premisa inicial https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/6e417e69-1180-4e66-950a-419df1f7348b/Casestudy2.PNG Compressflow 01. Captura de pantalla donde se muestra un extracto de la guía de estilo. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/97d49fbb-410e-4edb-9caf-9b0835d319ff/Casestudy3.PNG Compressflow 02. Ejemplo de uno de los componentes creados para el UI Kit (Chips). https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/3fbc5ad1-3728-4e4b-ba78-a3813fc5ac37/Casestudy4.PNG Compressflow - Make it stand out 03. Ejemplo del archivo de Figma y el sistema de etiquetaje. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/84263cdb-f649-4477-8fe0-8f8be3821670/Casestudy5.PNG Compressflow 04. Selección de pantallas para dispositivos móviles. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/34fc3795-113d-4492-95c9-4a5f21567b6d/Casestudy6.PNG Compressflow 05. Vista detalle del prototipo animado para Desktop. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/76396cc0-b428-4835-a748-311c38885fdb/WhatsApp+Image+2022-01-11+at+7.24.06+PM.png Compressflow 06. Foto del User Test donde podemos observar como una de las personas participantes interactúa con el prototipo. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/a4ce3e4f-5bac-4bba-9617-f63dcb497ede/MacbookMockup2-min.jpg Compressflow - Make it stand out 07. Mockup de una de las páginas del prototipo de Compressflow, donde se puede apreciar el resultado final de la plataforma. https://www.jordifornellsportfolio.com/project-7 daily 0.75 2024-03-22 https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/2cd9e9db-0ad7-4347-a75a-9c89b9049598/Cardano_1_1.jpg JET - “Cardano is more than a toolbox or pattern library. It’s an evolving product, supported by a community, serving design and development disciplines within Lloyd’s.” – Design System team statement https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/9ab5b032-4145-48ce-93fd-ec4b1198119f/Cardano_2_4.jpg JET - Make it stand out 01. A sample of Cardano’s foundations, including grids, colour, icons, typography and spacing. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/40b655a5-1907-410d-9098-61fef5b9f9c1/Cardano_4_2.jpg JET 03. An overview of the buttons documentation page https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/d601f0dc-e2a3-4dd2-82f5-ac16e5ba92a8/Cardano_3_3.jpg JET 02. Table of variants for the ‘Form field’ component https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/09215a28-01dc-4f0b-91c2-bed34dab0ab9/Cardano_5_2.png JET - Make it stand out 04. Overview of the Component creation process https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/974b82d9-a1f5-4290-bb22-b326e9b7bb77/Cardano_8_2.jpg JET - Make it stand out 05. Cardano uses it’s own website, Storybook and Confluence to host design, code and documentation. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/000fdff9-8028-44e0-b040-a8f97652e95a/Screenshot+2021-11-22+at+00.11.06.png JET 05. We used Miro to drive the Cardano Crits. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/9a719ffe-20d9-42f9-93e2-1402359724c5/Cardano_7_2.jpg JET - Make it stand out 06. An example of some Design System components used in the Lloyd’s Virtual Room App. https://www.jordifornellsportfolio.com/espold daily 0.75 2025-05-21 https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/bd18a443-207c-46fb-b2da-2089d79a85b4/Cardano_title.jpg Inicio https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1611009767055-ZWTUJIH0WHFLD8KNDKB5/cray_arrange_TP2.jpg Inicio https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598550350048-HRLX7AC1QWVWLRBO5VCJ/Mockup-home_reduced.jpg Inicio https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598306433422-6EFTEKGZU9ZTF0729KX0/JFT_Chubb_Mockup-1_v2.jpg Inicio https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598550049721-8BSR7ISQF8E722NP0CMV/Emails_Mockups_2.jpg Inicio https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/39cf7b4b-bd53-4bc3-92dc-68739d8e0e18/Mockup2.jpg Inicio https://www.jordifornellsportfolio.com/chubb-es daily 0.75 2024-03-20 https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598298164100-NY6MN68C3VIJ8RYYJK9N/JFT_Chubb_Mockup-1_v2.jpg Chubb - "La presencia digital de Chubb debe ser consistente. Todos y cada uno de los diseños deben compartir un ADN común que garantice la integridad de la marca". – Premisa inicial https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598299144952-9UKMKEJAMFSM7081TARH/JFT_Chubb_Mockup-3_v1.jpg Chubb 02. Una selección de páginas centradas en el emparejamiento y contraste visual de los colores. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598298598766-1Z2W44F6PRTMZGYTQ7JL/JFT_Chubb_Mockup-2_v1.jpg Chubb 01. Algunas de las páginas introductorias de la versión impresa de la guia. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598304943735-AGVL26SFN8DWWSB48BQR/JFT_Chubb_Mockup-4_v1.jpg Chubb 04. Una representación digital en PDF de la documentación. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598306267223-RE5K4Y21H464BRGLJ698/JFT_Chubb_Mockup-5_v1.jpg Chubb 03. Algunas páginas adicionales de la guía digital. https://www.jordifornellsportfolio.com/lloyds-es daily 0.75 2024-03-20 https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/2cd9e9db-0ad7-4347-a75a-9c89b9049598/Cardano_1_1.jpg Proyecto 5 - “Cardano es más que una caja de herramientas o una biblioteca de patrones. Es un producto en constante evolución, respaldado por una comunidad que sirve a las disciplinas de diseño y desarrollo dentro de Lloyd's”. – Premisa del equipo del Design System https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/9ab5b032-4145-48ce-93fd-ec4b1198119f/Cardano_2_4.jpg Proyecto 5 - Make it stand out 01. Una muestra de los tokens de Cardano, incluidos los layouts, colores, íconos, tipografía y sistema de espacio. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/40b655a5-1907-410d-9098-61fef5b9f9c1/Cardano_4_2.jpg Proyecto 5 03. Una vista general de la página con la documentación de los botones. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/d601f0dc-e2a3-4dd2-82f5-ac16e5ba92a8/Cardano_3_3.jpg Proyecto 5 02. Tabla de variantes del componente 'Campo de texto' https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/09215a28-01dc-4f0b-91c2-bed34dab0ab9/Cardano_5_2.png Proyecto 5 - Make it stand out 04. Descripción general del proceso de creación de componentes. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/974b82d9-a1f5-4290-bb22-b326e9b7bb77/Cardano_8_2.jpg Proyecto 5 - Make it stand out 05. Cardano utiliza su propio sitio web, Storybook y Confluence para alojar el diseño, el código y la documentación del sistema de diseño. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/000fdff9-8028-44e0-b040-a8f97652e95a/Screenshot+2021-11-22+at+00.11.06.png Proyecto 5 05. Usamos Miro para llevar a cabo las sesiones con Cardano. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/9a719ffe-20d9-42f9-93e2-1402359724c5/Cardano_7_2.jpg Proyecto 5 - Make it stand out 06. Un ejemplo de algunos componentes del Design System (como el botón, avatar y navegación) utilizados en la aplicación Lloyd's Virtual Room. https://www.jordifornellsportfolio.com/hostaly-es daily 0.75 2024-03-20 https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598553528379-J0HYMTGN3W3WJM5BETE5/Singlescreen_reduced.jpg Hostaly https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598552588840-31PCNWJFXNIIP2SJRAXJ/House-guide_reduced.jpg Hostaly https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598393228669-M0JGMJ9QYDSSIN0WDGRL/sebastian-scholz-nuki-Fh3Dtg6QX4Q-unsplash.jpg Hostaly - Cada detalle cuenta. Por eso integramos la aplicación con las productos inteligentes de Nuki y Google Home, reduciendo aún más el contacto físico del huésped y los servicios en los apartamentos. 01. Una foto de una cerradura inteligente Nuki y un dispositivo Google Home. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598553298161-PGZ5Y9NWDN62ESQ1M4WU/Other-screens_Reduced.jpg Hostaly 02. Algunos de los prototipos de alta fidelidad de la aplicación movil. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598556920196-9ZLY26FQUVTYTAHHGJHH/Ipad_Mockup_final.jpg Hostaly https://www.jordifornellsportfolio.com/trusted-pals-es daily 0.75 2024-03-20 https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598558382704-EBBJKARW71TIOHUE9OHB/TP_Mockup_1.jpg Trusted Pals - “TrustedPals debe dejar que los perros y los gatos tomen la iniciativa para mostrar a los humanos cómo se hacen las cosas.” – La premisa para tener presente el tono de voz de los productos digitales de TrustedPals. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598558574380-QUDWFRU1GC63CLAPQ5FU/Sitemap_v1.jpg Trusted Pals 01. El sitemap estratégico inicial https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598559285748-63751NV5ZRMLWICJCFWI/Wireframes_v1.jpg Trusted Pals 02. Durante el transcurso del proyecto, creamos más de 500 pantallas de wireframes en todas las plataformas digitales. Arriba se pueden observar algunas pantallas de la aplicación móvil. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598560530217-07X0LZKD6Z0I4LCASH9C/Mobile_screens_mockup.jpg Trusted Pals 03. Una muestra de algunos de los prototipos de alta fidelidad terminados. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598561132302-ZB2JZNUVHOY4MWWLY15K/Multiplatform_v3.jpg Trusted Pals 04. Un ejemplo de la misma pantalla diseñada tanto para el 'Pawtal' (el portal web) como para la aplicación móvil. https://www.jordifornellsportfolio.com/newyorklife-es daily 0.75 2024-03-20 https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598488510290-L5JK9FMGXPIOA7V0QPJP/Ipad_mockup.jpg New York Life - "Necesitamos pensar en la estrategia. La llave que abre todas las puertas es aprender cómo los usuarios interactúan actualmente con nuestras comunicaciones." – Extracto de una conversación en la fase de definición de la estrategia https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598488740772-O4J6HIQY6578NBVX0YDF/Screenshot+2020-08-27+at+01.38.40.png New York Life - La estrategia de comunicación y el comportamiento del usuario se convirtieron en el foco principal del proyecto. Gracias a eso, AARP y NYL ahora tienen comunicaciones por correo electrónico sólidas. 01. La imagen muestra un extracto del flow de bienvenida al producto. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1604011044111-T60ELH7ZVWPX3WMS76BI/NYL_Colours.jpg New York Life 02. Un ejemplo de la paleta general de colores en la plataforma del sistema de diseño. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1604012760425-L0L3DLBWXRFPG0B1EFKG/NYL_Typographyextra.png New York Life 03. La jerarquía tipográfica fue uno de los aspectos más importantes del sistema, pero también uno de los más complicados de abordar. https://www.jordifornellsportfolio.com/trusted-pals-en-1 daily 0.75 2024-03-22 https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/8bd3ffd9-c416-455d-ae3e-aff2aa7b0dfe/mockups-blue.png JET-Docsite-en - “Creating a documentation site for a design system is no easy feat. It requires careful planning, collaboration and attention to detail to ensure that it meets everyone’s needs.” – Note extract from an initial planning meeting https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598559285748-63751NV5ZRMLWICJCFWI/Wireframes_v1.jpg JET-Docsite-en 01. Talk about content on the screenshot https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598560530217-07X0LZKD6Z0I4LCASH9C/Mobile_screens_mockup.jpg JET-Docsite-en 02. A sample of some of the finished prototypes. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/f32da1b8-4314-48c8-b18b-fd9c8303aa0a/Article-1_Image-3%402x.png JET-Docsite-en 03. Establishing communication between designers and engineers isn’t always easy. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598561132302-ZB2JZNUVHOY4MWWLY15K/Multiplatform_v3.jpg JET-Docsite-en 04. An example of the same screen designed for both 'the ‘Pawtal’ and the app. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/57750a6c-a5f6-4096-a6b4-70f456186175/Bar+Chart+Overview.png JET-Docsite-en 05. A component overview asset for the Data Visualisation page. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/19ee6992-1fe7-4139-9289-7178d83e1c48/Article.png JET-Docsite-en 06. An overview of my Medium blog post. https://www.jordifornellsportfolio.com/jet-afterorders-en daily 0.75 2025-05-21 https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/10dfa17a-4c4a-4867-b0b0-1b766c2bec14/courier.jpeg JET-Afterorders-en - “How do we provide customers with the right information at the right time?” – One of the key questions we tried to solve for the UX/UI revamp https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/35735a17-60d8-4ee1-8166-ffbd6a9d5510/oldexperience.png JET-Afterorders-en 01. The old after-orders experience in iOS https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/b8363e62-265d-4547-8358-8e2607f36d92/orderstatus-rework.png JET-Afterorders-en - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1b77704e-d117-4268-b3cc-f5487fc068eb/stackednotification.gif JET-Afterorders-en 02. An animated prototype of a stacked notification for unavailable items. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/a8e745e4-745d-4cb4-9083-90e0e9b796d1/improvedorderdetails.gif JET-Afterorders-en 03. Enhanced receipt layout, with a comprehensive breakdown available for those who need more detailed information. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/c6d754f1-c600-4066-857d-ee8931f5db27/largefontui.png JET-Afterorders-en 04. Left: device with increased font size settings. Right: dark mode. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/be2e5d03-9d1c-4be9-9031-883a4f6428e6/testingui.png JET-Afterorders-en 05. A screenshot of a replay video showing an interaction with a tester. https://www.jordifornellsportfolio.com/jet-afterorders-es daily 0.75 2025-05-21 https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/10dfa17a-4c4a-4867-b0b0-1b766c2bec14/courier.jpeg JET-Afterorders-es - “¿Cómo proporcionamos a los clientes la información correcta en el momento adecuado? – La pregunta clave que intentamos resolver durante el proceso de rediseño de la UX/UI https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/35735a17-60d8-4ee1-8166-ffbd6a9d5510/oldexperience.png JET-Afterorders-es 01. La antigua experiencia de seguimiento de pedidos en iOS https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/b8363e62-265d-4547-8358-8e2607f36d92/orderstatus-rework.png JET-Afterorders-es - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1b77704e-d117-4268-b3cc-f5487fc068eb/stackednotification.gif JET-Afterorders-es 02. Un prototipo animado de una ‘stacked notification’ anunciando que hay artículos no disponibles. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/a8e745e4-745d-4cb4-9083-90e0e9b796d1/improvedorderdetails.gif JET-Afterorders-es 03. Diseño del recibo mejorado, con un desglose completo disponible para aquellos que necesitan información más detallada. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/be2e5d03-9d1c-4be9-9031-883a4f6428e6/testingui.png JET-Afterorders-es 05. Una captura de pantalla de un video que muestra la interacción con un participante en las evaluaciones. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/c6d754f1-c600-4066-857d-ee8931f5db27/largefontui.png JET-Afterorders-es 04. Izquierda: dispositivo con la configuración de tamaño de fuente aumentada. Derecha: modo oscuro. https://www.jordifornellsportfolio.com/eng daily 1.0 2025-05-21 https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/99c63f3f-7de3-47fe-841f-aeb2e7ea315d/Mockup_Afterorders_7.jpg EN https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/5be133fb-d538-4eb8-8e0f-e275b3e67914/Cardano_title.jpg EN https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1611009767055-ZWTUJIH0WHFLD8KNDKB5/cray_arrange_TP2.jpg EN https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598550350048-HRLX7AC1QWVWLRBO5VCJ/Mockup-home_reduced.jpg EN https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598306433422-6EFTEKGZU9ZTF0729KX0/JFT_Chubb_Mockup-1_v2.jpg EN https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598550049721-8BSR7ISQF8E722NP0CMV/Emails_Mockups_2.jpg EN https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/f8028619-a3f7-45ac-9243-be582cc479b2/Mockup2.jpg EN https://www.jordifornellsportfolio.com/esp daily 0.75 2025-05-21 https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/9382642c-38e3-4467-8bb8-83962f883865/Mockup_Afterorders_7.jpg ES https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/bd18a443-207c-46fb-b2da-2089d79a85b4/Cardano_title.jpg ES https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1611009767055-ZWTUJIH0WHFLD8KNDKB5/cray_arrange_TP2.jpg ES https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598550350048-HRLX7AC1QWVWLRBO5VCJ/Mockup-home_reduced.jpg ES https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598306433422-6EFTEKGZU9ZTF0729KX0/JFT_Chubb_Mockup-1_v2.jpg ES https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1598550049721-8BSR7ISQF8E722NP0CMV/Emails_Mockups_2.jpg ES https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/39cf7b4b-bd53-4bc3-92dc-68739d8e0e18/Mockup2.jpg ES https://www.jordifornellsportfolio.com/jet-afterorders-en-1 daily 0.75 2025-05-21 https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/10dfa17a-4c4a-4867-b0b0-1b766c2bec14/courier.jpeg PS-en - “How do we provide customers with the right information at the right time?” – One of the key questions we tried to solve for the UX/UI revamp https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/35735a17-60d8-4ee1-8166-ffbd6a9d5510/oldexperience.png PS-en 01. The old after-orders experience in iOS https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/b8363e62-265d-4547-8358-8e2607f36d92/orderstatus-rework.png PS-en - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/1b77704e-d117-4268-b3cc-f5487fc068eb/stackednotification.gif PS-en 02. An animated prototype of a stacked notification for unavailable items. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/a8e745e4-745d-4cb4-9083-90e0e9b796d1/improvedorderdetails.gif PS-en 03. Enhanced receipt layout, with a comprehensive breakdown available for those who need more detailed information. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/c6d754f1-c600-4066-857d-ee8931f5db27/largefontui.png PS-en 04. Left: device with increased font size settings. Right: dark mode. https://images.squarespace-cdn.com/content/v1/5f428d804e9df03af187aa93/be2e5d03-9d1c-4be9-9031-883a4f6428e6/testingui.png PS-en 05. A screenshot of a replay video showing an interaction with a tester.