https://www.meralonso.com/home daily 1.0 2024-10-30 https://www.meralonso.com/about daily 0.75 2024-09-02 https://www.meralonso.com/blackrock daily 0.75 2024-11-05 https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/e5128be0-2cdc-4456-8371-747a280bfd8e/00_DoH_Case-Study.png https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/16278c47-4c22-45c3-acd4-5abecaaa7ed8/00_Monopoly_Case-Study.png https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/ee70283b-47dd-4823-9c63-e8fdaded2b9a/BlackRock_i18n-Research.png BlackRock Key elements for internationalisation documentation, including potential follow-up tasks https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/8aa6e918-6fe5-4584-8940-ebd6c7c1d638/BlackRock_l10n-Language-groups.png BlackRock Language groups categorisation https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/324af2e8-4aca-4b55-a19d-5afa7a652486/BlackRock_i18n-Documentation-structure.png BlackRock Internationalisation documentation structure https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/ca641200-6b33-438a-b275-5cec6344012f/BlackRock_l10n-Japan-typography-findings.gif BlackRock Japanese typography research findings https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/34df3e8d-4b81-4f4f-826a-b0f74913a03a/BlackRock_l10n-fluid-type-scale-localised-typograpy.png BlackRock iShares fluid type scales, detailing font size, line height, and letter spacing for the XL breakpoint. https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/991592b9-727c-4e46-abed-a6c3ff77dc73/BlackRock_i18n-Documentation-Zeroheight.png BlackRock Internationalisation documentation in Zeroheight https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/a335aeac-8596-42ef-a969-06c6079ceac0/BlackRock_l10n-Japan-fluid-type-scale-iteration.png BlackRock Early iteration of the Japanese fluid type scale (discarded for being too large) https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/8af84438-ccc3-4e44-ada5-9f69f6b659f5/BlackRock_l10n-Japan-fluid-type-scale-iteration-final.png BlackRock Final iteration of the Japanese fluid type scale at XS and XL breakpoints (additional breakpoints to be added in the future) https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/49594bbd-5b99-4846-9fa3-cbdf0f51979d/BlackRock_1BLK-Design-foundations.png BlackRock Design Foundations defined by the 1BLK Design System team https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/39cda306-6694-4ca1-ab64-2d4c701538be/BlackRock_l10n-emergency-site-mockup-japan.png BlackRock Mockup of the BlackRock pilot site in Japanese, tested internally with a Japanese audience https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/9918fd97-0c33-4713-b7c7-44aba94bddb4/BlackRock_l10n-apac-japan-fluid-type-scale-ZH-Documentation.png BlackRock Localised typography documentation in Zeroheight https://www.meralonso.com/mcdonalds-monopoly daily 0.75 2024-11-13 https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/a4c037f9-edfe-4257-96b8-1e13e6f72bc9/Monopoly-McD_Homepage.gif https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/df2b20a4-0fe3-4ea8-b03f-c6abf572fa4e/00_DoH_Case-Study.png https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/1d4882c8-83ba-43dd-a116-8fa364e64014/00_MS_Case-Study.png https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/befa6574-0f70-4643-a36b-afdadcf81722/Monopoly-McD_Poster-2023.png McDonald's Monopoly McDonald’s Monopoly Double Peel campaign poster designed by tms https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/7f3b2132-4f09-4a4c-9383-2bd903e9991b/Monopoly-McD_Color-Palette.png McDonald's Monopoly Foundational color palette for the McDonald's Monopoly app, essential to the brand's identity and user experience https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/d1f9c401-9f05-4e8b-9cc9-f96cc32f90ee/Monopoly-McD_BOS-UX.png McDonald's Monopoly Wireframe containing the user journeys for one of the app features https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/dec6f4b8-f6fc-4685-a0c0-851a8696bf3e/Monopoly-McD_App-UI.gif McDonald's Monopoly UI Design and page organisation for the McDonald's Monopoly app in Figma https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/c12edc47-bf1b-48fa-aa88-04a8d0a711f2/Monopoly-McD_Information-Architecture.png McDonald's Monopoly Information architecture I developed for the McDonald's Monopoly app, outlining the app's structure and navigation https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/af23e04b-4a0c-4ff7-882d-a4c1f54b4421/Monopoly-McD_Masterbrand-Guidelines.png McDonald's Monopoly McDonald's Brand Guidelines served as a foundational reference in designing the Double Peel campaign https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/1864ed26-3147-4265-908e-1e9ba52dff0b/Monopoly-McD_Design-System-1.png McDonald's Monopoly Components for the McDonald's Monopoly component library https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/8ad0ad69-353f-4a5b-a7dd-0f77d8610c9a/Monopoly-McD_My-Wallet-UX.png McDonald's Monopoly Wireframes for the 'My Wallet' section created in collaboration with the UX Designer https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/21349740-43e1-4410-b0c3-16be2e607cb9/Monopoly-McD_BOS-UI.gif McDonald's Monopoly UI Design for that specific feature https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/2b25bda9-bf75-4a43-8ff9-fff388af2ebf/Monopoly-McD_Design-System-2.png McDonald's Monopoly Components for the McDonald's Monopoly component library https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/4d7a6101-4317-4aaf-9f8b-4831927c04a2/Monopoly-McD_My-Wallet-UI.png McDonald's Monopoly UI Design for the 'My Wallet' section https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/351d21e2-5483-4802-a4f3-e6e59e29d1cc/Monopoly-McD_Componen-Library.png McDonald's Monopoly Design patterns included in the McDonald's Monopoly component library https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/9671cfd6-1a30-411f-a733-f00a368892af/Monopoly-McD_Mob-screens-UI.png McDonald's Monopoly Screens showcasing the evolving visual identity of the McDonald's Monopoly app https://www.meralonso.com/work daily 0.75 2024-11-05 https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/20fad94a-c00e-49b8-be0a-4ca678627bba/00_Monopoly_Case-Study.png https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/ef14c870-b12e-4342-b830-2991eb3ba354/00_BlackRock_Case-Study.png https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/0ee35572-c7eb-4aab-bb9c-563ba5bf4d0b/00_MS_Case-Study.png https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/a0f2266a-cc67-42fc-87a6-cf6c094c16e1/00_DoH_Case-Study.png https://www.meralonso.com/doh-abudhabi daily 0.75 2024-11-05 https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/73bc7851-4104-4d42-be50-63608cd74521/00_MS_Case-Study.png https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/0f86fe54-8406-43ef-8748-f2e476d1ca2b/00_BlackRock_Case-Study.png https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/0c3021e8-5bd8-4005-9760-ee4cbf434e0d/DoH_Homepage-desk-EN.png Department of Health Homepage design in English (desktop) https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/9a23e0de-fd77-4f78-b6d4-6c3ff4c84e5f/DoH_Desktop-wireframes.png Department of Health Wireframes of content pages provided by the UX Designer https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/09af190c-57fc-45fe-8fac-a274db5cd487/DoH_DS-Components-Global.gif Department of Health Component library (global modules) https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/dc3e2dd1-d3c5-40b3-b9a7-d80c9d47c352/DoH_Foundations-1.png Department of Health Design foundations developed by the Creative Director https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/0fe04fea-a4c9-4e50-a7a4-992db7174711/DoH_Homepage-mob-EN.png Department of Health Homepage design in English (mobile) https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/5eda34c2-b7ff-4c3f-8dbc-b938c2a38e6d/DoH_Desktop-templates.png Department of Health UI Design applied to content pages (desktop) https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/5f426cc6-b1bb-4199-9843-7c3cfbd7877e/DoH_DS-Components-Content.gif Department of Health Component library (content modules) https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/e5719b03-4538-4917-af38-526d94b2518b/DoH_Homepage-wireframe.png Department of Health Homepage wireframe provided by the UX Designer https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/a3adbf3c-b194-48f3-8f0a-ce9f28300d30/DoH_Mobile-templates.png Department of Health UI Design applied to content pages (mobile) https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/c6b38c3c-7ad2-45c6-b683-58c5ef84e37c/DoH_DS-Components-Functional.gif Department of Health Component library (functional modules) https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/ce4c3607-78a3-4d98-932a-d4e58b43982f/DoH_Homepage-desk-AR.png Department of Health Homepage design in Arabic (desktop) https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/f77e78ee-e0f3-47af-aeb4-1d0d02d7f944/DoH_Homepage-mob-AR.png Department of Health Homepage design in Arabic (mobile) https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/13c4e8c5-7593-440b-98a5-d11f80de585f/DoH_Foundations-2.png Department of Health My contribution to the design foundations https://www.meralonso.com/mands daily 0.75 2024-11-05 https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/a687943d-899c-42dc-986c-3ca2b3dfd06f/00_Monopoly_Case-Study.png https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/dd5e801f-4622-4351-b2ae-a5299233f235/00_BlackRock_Case-Study.png https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/add72f06-26ce-45e9-b1dd-51efcfd3132c/MS_visionUI.png Marks & Spencer Old design foundations and component library https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/2b95e82a-eb0e-4a06-9495-98ef07328eeb/MS_EventLoader_Journey.png Marks & Spencer Event loader flows https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/765d0fe5-3ff2-4099-a461-a21cfc15c78a/MS_Research.png Marks & Spencer Existing research carried out by my product team at W12 Studios https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/daa22731-4569-47d1-80fa-8de49c7f3f00/MS_DS_Foundations.png Marks & Spencer Design foundations https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/7259a50a-2b09-4cca-a71f-0eef320dd13b/MS_EventLoader_Desk.png Marks & Spencer Event loader feature (desktop) https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/c6558619-ef6d-4991-affb-7e3366744eff/MS_BottomBar_interaction.gif Marks & Spencer Product selection interaction https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/261d8772-f8b9-4a79-8d3f-5f488cac9beb/MS_UI-Kit.gif Marks & Spencer Component library https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/c5bdc28d-a755-48c7-b2c3-af63efb5e65c/MS_EventLoader_Mob.png Marks & Spencer Event loader feature (mobile) https://images.squarespace-cdn.com/content/v1/629b5a0c833ace13c5c8e689/c6c3f842-2e1c-4560-b914-46b56a7a0066/MS_Filter_interaction.gif Marks & Spencer Search and filter interaction