<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1">
  <url>
    <loc>https://www.rachelorlandodesign.com/work</loc>
    <changefreq>daily</changefreq>
    <priority>1.0</priority>
    <lastmod>2026-03-04</lastmod>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/1528378589558-WOUWWXEXH8JTER1Y8I0W/MAR_WAYFINDING02b.jpg</image:loc>
      <image:title>Portfolio</image:title>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/1528378828243-11H679I4HC98VJ5XNCB5/News+Portofino2+mockup.jpg</image:loc>
      <image:title>Portfolio</image:title>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/1528383679620-KX365SVAWC37UQXUQLVE/LANDING+PAGE+LINHO.jpg</image:loc>
      <image:title>Portfolio</image:title>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/1528380405062-97MWHT75IJA5MTE32XXZ/MAR_VERAO_BILLBOATRD.jpg</image:loc>
      <image:title>Portfolio - MAR Museum Summer Campaign</image:title>
      <image:caption>Illustration + Design Identity (digital and print) for the Summer Campaign at MAR Museum [ Rio de janeiro, Brazil ]</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/1536634734535-SZJHBAUS5RSFCRY3O2G0/MAR+MORRINHO+ILUSTRA.jpg</image:loc>
      <image:title>Portfolio</image:title>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/1536635944077-VYL2HEMS7P2J13CT8LVW/FNAC-MAP.jpg</image:loc>
      <image:title>Portfolio</image:title>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/1537815267273-NYVDVQIOY0QEEB69LYS3/ARNO+BILLBOARD.jpg</image:loc>
      <image:title>Portfolio</image:title>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/1611160707538-NJT3J5E1BBNELGJ6DPCT/Screen+Shot+2021-01-20+at+11.38.07+AM.png</image:loc>
      <image:title>Portfolio</image:title>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/1611266276719-4ZPHZH0I3EJ8KP1LI7UZ/Walmart_Portfolio_cover+light.jpg</image:loc>
      <image:title>Portfolio</image:title>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/1528250692675-LY9WUCE4SAANQAEYVTWR/20130902_KIDS_RIVA.gif</image:loc>
      <image:title>Portfolio - Gif animation • Newsletter</image:title>
      <image:caption>Gif animation for the Kids Section of the Brazilian fashion brand Richards. In this newsletter, a more engaging and fun animation was created to relate to kid’s wear. www.richards.com.br</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/1535949011491-T3C0FY4XARITALTMKYG1/Roots+Leather+hotspots.jpg</image:loc>
      <image:title>Portfolio - UI DESIGN • HOTSPOTS NEWSLETTER • ROOTS</image:title>
      <image:caption>Newsletter created for Roots Canada using hotspots to push sales to individual products. Before this idea, only one image was used, and users wouldn’t see the prices and features of other products. Highlights: project concept, design, coding and strategy + quality assurance.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/1528321135939-XEWH8XHSDBLMWHLDMFRF/News+Buzios+mockup.jpg</image:loc>
      <image:title>Portfolio - UI Design • Interactive Newsletter</image:title>
      <image:caption>UI Design • E-commerce &gt; Newsletter for the Brazilian Fashion brand Richards In this newsletter, I created the possibility for the user to check Buzio's shirt details since they all had slight differences that made them unique.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/1642536795743-QNJLCBO89R3IV9C2KF3P/Mme-app-mockup-cover-02B.jpg</image:loc>
      <image:title>Portfolio</image:title>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/1536639707464-VLBLVKOTYY5T5X9BAHN2/MAONALATA+Wall-Poster.jpg</image:loc>
      <image:title>Portfolio - PINHOLE EXHIBITION VISUAL IDENTITY• MAR MUSEUM</image:title>
      <image:caption>Design for concept and main poster + other collaterals for the Pinhole Photography Workshop &amp; Exhibition at MAR Museum with pictures from the Workshop “Mao na Lata” aimed for underprivileged children from the Favelas. The sentence on the poster says: Everyday my ways of thinking are different.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/1528402914521-WXVI8A3IAXI05VCY06PB/Ipad+logo.jpg</image:loc>
      <image:title>Portfolio - Branding • e-publishing</image:title>
      <image:caption>Logo Design for a London-UK e-publishing company. The LM symbol was created to resemble a book on a shelf.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/1686966223392-KSFC1GOW5FONKV0N2J3B/Mockup-Order-Details-1-screen.jpg</image:loc>
      <image:title>Portfolio</image:title>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/1692147395135-I5RINHE7A50HTUOW56Z2/CAPA+alterada+Rogers02.png</image:loc>
      <image:title>Portfolio</image:title>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/2b6523e7-1410-4b47-b0e2-f10cb36c4502/FIDO+COVER.png</image:loc>
      <image:title>Portfolio</image:title>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/1740170369682-WB2O4RTQ90PY0FHB510A/Rogers+cover+ptf.png</image:loc>
      <image:title>Portfolio</image:title>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/1678484213172-8L7C34S4F4W2P5XBTTLY/CAPA+alterada+Rogers02.png</image:loc>
      <image:title>Portfolio</image:title>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/ab39903c-6f20-4185-938f-179252c3f191/MOCKUP+LAPTOP+DASH.png</image:loc>
      <image:title>Portfolio</image:title>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/1535996815490-R5IXBP2N8Y6MF0TY0U9T/fit-guide-03-animated.gif</image:loc>
      <image:title>Portfolio - SWEATPANTS FIT GUIDE – INTERACTIVE NEWSLETTER</image:title>
      <image:caption>Problem: Customers were having difficulty distinguishing between the different fits of Roots’ iconic sweatpants when shopping online. Traditional marketing emails provided minimal context, leading to choice paralysis and lower conversion rates from email campaigns. Solution: To improve product understanding and streamline the decision-making process, I created an educational and visually engaging newsletter that showcased all sweatpant styles (for both men and women) within the viewport. A looping GIF allowed customers to preview each fit without scrolling, creating a frictionless comparison experience and driving traffic directly to each product’s detail page. Methodology: Led UX and visual design, coded the newsletter in HTML/CSS, and conducted QA testing across major email platforms to ensure consistency. Worked closely with the Marketing team on messaging and campaign strategy, and partnered with Data Analysts to define target segments and measure performance impact. Impact: This approach helped drive a 27% increase in sales for the featured products during the campaign window. The combination of intuitive UX, targeted messaging, and thoughtful motion design significantly improved engagement and conversion. [ VIEW FULL NEWSLETTER BELOW ]</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/1796b591-d83d-4dd8-8e59-a2f3202242e8/Rogers+cover+ptf.png</image:loc>
      <image:title>Portfolio</image:title>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/1528320868848-35LSN511UPOG1JU509VA/IC+imac+large.png</image:loc>
      <image:title>Portfolio - UX Design • Indio da Costa</image:title>
      <image:caption>First Responsive Website for Indio da Costa Design and Architecture Studio in Rio de Janeiro, Brazil. Indio da Costa Studio is a 40 year Brazilian multidisciplinary group of Architects &amp; Urban Planners, and Industrial Designers, supported by various specialists who won several international awards and have their products displayed in museums worldwide.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/1528477315208-MBWG1VUXTWBE02YSA9MA/News+Chino+Men.jpg</image:loc>
      <image:title>Portfolio - UI Design • Interactive Newsletters</image:title>
      <image:caption>UI Design for the Brazilian Fashion brand Richards. In this work, a lookbook was created with suggestions of how to wear each Chino pant in different colours. A more editorial design look was created to make the newsletter more likely to be clicked on. www.richards.com.br [ Scroll down to see more ]</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/c3bf0d62-af2a-48e2-94b1-f5def13192f5/SGA+cover+03.png</image:loc>
      <image:title>Portfolio</image:title>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/ca7acd8a-fc6d-48c4-bfa9-600b6b9d8dd2/Wires+sketch+UX+WALMART.jpg</image:loc>
      <image:title>Portfolio - Project Summary &amp; Problem</image:title>
      <image:caption>The Post-Purchase section / Order Details on the Walmart.ca website was very chaotic. Users would complain about having trouble understanding past purchases, and how to cancel them and return items, especially on mobile view, where they had to extensively scroll or click on several links to view what they needed. The overall design was confusing, lengthy, and hard to navigate.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/fd82a083-0cf9-4dc0-a28c-2838f48ac79f/Mockup-Order-Details-1-screen.jpg</image:loc>
      <image:title>Portfolio - Methodolgies &amp; Outcome</image:title>
      <image:caption>The solution was to create a unique experience with a flexible system where cards were better broken down showing order by shipment for greater clarity. Each card was completely redesigned with the option to have a collapsed and expanded view, where details could be seen with a better visual hierarchy in a more organized and consistent way. After several iterations considering the results of user testing, explorations of competitors, and careful feedback from the Product Owner and the Design team, the final project was finally approved and the card style became a component of the new Design System.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/c0cf290a-e158-4a03-9c2a-712fe0d55344/Mockup-Order-Details-2-screen.jpg</image:loc>
      <image:title>Portfolio</image:title>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/0f7c54f6-1ad7-445a-9403-441a6dc33e07/Mockup-Order-Details-screens.jpg</image:loc>
      <image:title>Portfolio</image:title>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/f6ad7ab8-c5bd-49a0-8393-f5cdd698f8e5/Promo+section+mockSSS+02.jpg</image:loc>
      <image:title>Portfolio</image:title>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/3fa26259-e9d8-41ad-82c3-7ad5a249f9fe/Screen+Shot+2025-06-05+at+3.11.42+PM.png</image:loc>
      <image:title>Portfolio - Project Summary &amp; Problems</image:title>
      <image:caption>When Rogers acquired Shaw, we inherited two separate icons and pictograms sets that overlapped in features and had inconsistent styles.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/d1139281-23f9-4757-b246-72a26936c6e4/Screen+Shot+2025-06-05+at+10.20.29+PM.png</image:loc>
      <image:title>Portfolio - Audit + Consolidation</image:title>
      <image:caption>I led the audit, consolidation of both sets eliminating duplicates, remapping names, and rebuilding key icons to match a unified Rogers brand style. Below is how I structured the process: • Pulled all Shaw + Rogers SVG/Sketch files into Figma. • Identified overlapping icons and pictograms • Eliminated duplicates: kept the “best” version. • Brought Rogers’ style to Shaw’s unique icons by rebuilding them. • Renamed all icons + pictograms with consistent naming convention.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/05033641-174d-4b6f-88a6-5fe53373a874/Screen+Shot+2025-06-05+at+9.09.00+PM.png</image:loc>
      <image:title>Portfolio - Fido new guidelines</image:title>
      <image:caption>Once Fido relaunched, I created a fresh set of feature pictograms that matched Rogers’ established style but felt unique to Fido’s brand. I built the core pictograms consistent use of simple, clean lines and minimalistic design elements, defined new color tokens based on acessibility checks, and documented the guidelines for designers and developers. Below is the final documentation.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/c3dcbab9-f2c2-4dbd-be4b-892abc4da52b/Screen+Shot+2025-06-05+at+8.42.18+PM.png</image:loc>
      <image:title>Portfolio - Key Specs</image:title>
      <image:caption>• Artboard Size Pictograms: 64 × 64 px • Artboard Size Icons: 24 × 24 px • Internal Padding: 4 px • Stroke Width: 2 px (with 45° slanted corners per Rogers style)</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/b4f4d50a-1935-4478-bd14-525b7b834b31/Screen+Shot+2025-06-05+at+9.57.37+PM.png</image:loc>
      <image:title>Portfolio - Curves and Corners</image:title>
      <image:caption>• What makes icons or pictograms Rogers-like? It’s the corner’s ends! Not all stroke ends need a curve. Having a few is enough to make it in Rogers style. • Corner radius range from 2px to 4px.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/045bcf72-fce0-481e-ac0f-6b3edb947e6e/Fido+colors.png</image:loc>
      <image:title>Portfolio - Color tokens</image:title>
      <image:caption>‣ Icon/Default-Color (#000000) – primary black ‣ Icon/Fido-Teal (#00706E) – secondary/educational contexts ‣ Icon/Bright-Teal (#00AFAB) – used for promotional imagery</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/2110e292-1bf6-4cc9-af98-0ed2b43590a2/Screen+Shot+2025-06-05+at+10.09.22+PM.png</image:loc>
      <image:title>Portfolio - Business Impact</image:title>
      <image:caption>• Simplified accessibility checks; • Tokenized Fido library, optimizing Designers and Devs work process; • Reduced icon duplication by 40%; • Ensured 100% brand consistency (Rogers + Fido).</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/02f8b197-5d03-415c-9814-19a70b0c357b/COMPARISON+Tiles+Rogers.png</image:loc>
      <image:title>Portfolio - Problem Statement</image:title>
      <image:caption>Analytics showed an 85% drop-off on mobile during plan selection. The existing plan tile’s cluttered, without clear pricing, and poor visual hierarchy, making it hard for users to understand what they had to pay for or compare options quickly. This cognitive overload discouraged mobile users from continuing, reducing adoption and hurting conversion.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/5e9f3973-d64f-4084-8d07-4c549f0e9c4d/Sketch+DS+Rogers+Plan+Tile.JPG</image:loc>
      <image:title>Portfolio - Methodologies</image:title>
      <image:caption>Data &amp; Research Review: Synthesized prior usability studies calling out “price confusion,” “too much copy,” and “unclear tap targets.” Content Strategy Alignment: Workshop with Content Design to set a strict character limit per feature (every line had to pull its weight). Mobile-First Iteration: Reflowed layout to a single-column card, bigger tap area on the “Select Plan” button, and more white space around bullets. Leveraged our DS’s responsive grid settings to maintain breakpoint parity between mobile/desktop.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/b9b6833f-7d87-4211-9893-8c821386c4c8/Screen+Shot+2025-06-24+at+10.57.56+PM.png</image:loc>
      <image:title>Portfolio - Cross-functional Collaboration</image:title>
      <image:caption>Legacy “Radio Button” Container: Refactored radio-button wrapper code to allow icons &amp; buttons inside of the tile. Legal Copy constraints: Moved legal copy into hover tooltips to reduce clutter. Accessibility Validation: Conducted an accessibility audit to ensure the new hierarchy made sense and readability was on point.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/af3b1ce8-c5cb-4480-b111-6720ca6524b8/Portfolio+-+Design+explorations.png</image:loc>
      <image:title>Portfolio - Explorations &amp; Thinking</image:title>
      <image:caption>To arrive at the final tile layout, I explored different variations, testing for flexibility, clarity, and consistency across use cases, focusing on: Visual scannability Hierarchy testing Responsiveness Brand &amp; visual cohesiveness</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/7e8375bc-fc1c-421e-bc16-195c4ce12c7a/Screen+Shot+2025-07-23+at+2.37.40+PM.png</image:loc>
      <image:title>Portfolio - Final Design</image:title>
      <image:caption>The final design emphasizes clarity, hierarchy, and brand consistency. Pricing: positioned prominently at the top, using bold typography to immediately address price sensitivity and decision-making. Plan name: clearly defined, followed by concise feature bullets supported by info icons for additional context (e.g. legal copy) Primary button: the "Select Plan" CTA is placed at the bottom for a strong visual finish, facilitating the plan selection right away.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/c5d208f3-3950-413b-ac6b-275e74b1fc6b/Documentation+DS+Rogers.png</image:loc>
      <image:title>Portfolio - Content Flexibility &amp; Documentation</image:title>
      <image:caption>To ensure any designer across Rogers or Fido could confidently use this tile, I defined the component's structure, usage rules, and flexible variations by creating documentation, like the examples below: Mandatory elements: Title, description, primary CTA Optional / Booleans: Top offer badge, price, legal copy, secondary CTA, additional discounts (e.g. auto-pay). Variants: CTAS - Rogers (red CTAs) or Fido (yellow/black CTAs) Brand guidelines: mostly brand colours + hex codes and typography</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/a3b86ae6-4abe-4ef6-ab44-1d6b03fcafa8/rogers-fido-header-20241022-2048x1151.jpg</image:loc>
      <image:title>Portfolio - Impact &amp; Scale</image:title>
      <image:caption>90% of participants in post-launch usability tests reported that the new tile was “much clearer” and “easier to select” than the old design. 32% mobile plan sales increase within two weeks after the project launch. The final tile component became part of the shared library across Rogers and Fido, used by multiple teams in both desktop and mobile flows.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/cc7bdfc4-77ab-4882-b686-60e986dbcd8c/MOCKUP+LAPTOP+DASH.png</image:loc>
      <image:title>Portfolio - A freelancer admin platform</image:title>
      <image:caption>Freelance Pulse is a dashboard experience designed for independent professionals to track projects, clients, and performance metrics like work hours and revenue flow. I initiated a lean, branded design system tailored to solopreneurs' needs, focusing on visual clarity, modularity, and long-term scalability.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/1fefd03e-98e5-4508-8317-b1608ea46660/main+colour+tokens.png</image:loc>
      <image:title>Portfolio - Colours</image:title>
      <image:caption>I defined a clear colour system with 3 Brand colour tokens, two accent colours, 1 background colour and 2 text colours. The goal was to make the interface feel focused, professional, easy to read and accessible for freelancers working long hours. These tokens were reused across buttons, charts, and data cards for visual consistency.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/3504a077-d938-4a35-907e-4e19ca000487/01+color+Dashboard+FP+DETAILS+FINAL.png</image:loc>
      <image:title>Portfolio - Make it stand out</image:title>
      <image:caption>Whatever it is, the way you tell your story online can make all the difference.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/2122c2cf-dad6-4551-af7a-bfb03339b794/03+Typography+Desktop.png</image:loc>
      <image:title>Portfolio - Headlines &amp; Body copy</image:title>
      <image:caption>I created 3 levels of headlines for clear hierarchy without extra noise. And 3 levels of body copy, from primary paragraphs to tiny supporting texts.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/64f4f3ad-a21f-465f-bc84-9afbebbaa47a/Corner+Radius.png</image:loc>
      <image:title>Portfolio - Corner Radius</image:title>
      <image:caption>Our system uses four corner-radius settings: 4 px (Small), 8 px (Medium), 12 px (Large), and 24 px (Extra-Large, so components can scale gracefully from tiny buttons to full-screen panels.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/f405b341-34e1-4a90-9dcc-6c45b013bf51/DS+SPACING+vertical+.png</image:loc>
      <image:title>Portfolio - Spacing</image:title>
      <image:caption>To ensure a consistent rhythm across layouts, I suggested a 10-step spacing scale: 4px &amp; 8px for very tight gaps (icon padding, text-icon spacing) 12px &amp; 16px for standard gutters and element padding 24px &amp; 32px for section margins and nested groupings 40px, 48px, 64px &amp; 80px for large breaks, full-page padding, and wide layouts</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/b6f7248f-b825-4706-a6cc-e809ed2efafd/Screen+Shot+2025-08-04+at+3.56.31+PM.png</image:loc>
      <image:title>Portfolio - Buttons</image:title>
      <image:caption>Primary Button This is our main CTA style, these early designs were made to stand out within the dashboard’s complexity. It uses the Brand Primary color and a consistent 12 px corner radius from our design system. States &amp; Variants include: States: hover, active (click), and disabled to guide users through different workflows. Variants: a “negative” (outline) version on a white background, icon-enhanced versions, and link-style text-only buttons, so teams can tailor buttons to their exact use cases.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/4d1a81d6-2b98-45c7-a426-037986c52111/Performance+CARDS+export.png</image:loc>
      <image:title>Portfolio - Performance cards</image:title>
      <image:caption>The Performance Card component delivers key metrics at a glance, with three distinct states to guide user interactions: Default: White background, 1-pixel neutral border, 8 px corner radius, subtle drop shadow. Ideal for displaying any KPI, earnings, project counts, and completion rates. Hover: Border colour switches to Brand Primary (purple), and shadow intensity increases, signalling interactability. Selected: Background tinted 10 % purple, border remains in primary, and title text weight increases, clearly marking the active card.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/8b91403f-ba63-4bb9-90d7-4fe7691669a6/Screen+Shot+2025-07-15+at+4.23.23+PM.png</image:loc>
      <image:title>Portfolio - Design tokens, variables and states</image:title>
      <image:caption>As part of the foundational work, I started organizing semantic tokens (e.g., color-bg-primary) + variables (e.g., button.primary.bg.hover) in Figma. These initial variables were designed to support scalable implementation and ensure visual consistency across future components.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/2f443490-285b-48d8-a5e6-5897940d5980/Screen+Shot+2025-06-23+at+5.00.39+PM.png</image:loc>
      <image:title>Portfolio - Challenges &amp; Learnings</image:title>
      <image:caption>As I continue developing the system, I plan to prototype and test interactive states like hover and disabled to validate usability with real users and evolve the visual language further.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/878638cd-b8bd-4417-a165-77630b2cd85d/FREELANCER+Dashboard+final.png</image:loc>
      <image:title>Portfolio - Impact &amp; Goals</image:title>
      <image:caption>This lightweight design system and dashboard prototype is designed to give freelancers instant visibility into their billable work. No more digging through spreadsheets to track last month’s earnings or overdue tasks. The goal is to cut reporting time in half and help solopreneurs focus on creative delivery rather than admin overhead.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/e90b6573-ad78-47d4-bdd9-91703a1a1d55/COMPARISON+Tiles+Rogers.png</image:loc>
      <image:title>Portfolio - Context &amp; Challenges</image:title>
      <image:caption>PROBLEM Users were finding it difficult to understand discounts throughout the plan-building experience. • Analytics showed that 25% of users perceived plans as more expensive due to unclear promo pricing, with the highest abandonment rates on mobile. • An additional journey and usability analysis showed that reaching checkout was difficult on mobile, with no easy way to save the cart. • Users also had to mentally calculate the final price with promotions applied, creating friction and hesitation. MY ROLE I was the Senior Product Designer in the Buy Flow team, and my challenge was to surface promotional value more clearly and streamline the mobile path to checkout, addressing both price clarity and purchase flow friction, without overhauling the entire flow. MY CHALLENGE: How could we make plan selection clear and effortless, so users understand promotions and can return to checkout confidently?</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/1756268186437-QGGX2V0WT3HVIE8MJPAV/BUILD+YOUR+PLAN+-++MOBILE+NAC+FLOW.png</image:loc>
      <image:title>Portfolio</image:title>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/1756268212059-9JDDCIWNUA9LDLJZS53X/tellus+and+Tmobile.png</image:loc>
      <image:title>Portfolio</image:title>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/7b32ed17-7a29-41c8-9d30-4517486229df/post+its.png</image:loc>
      <image:title>Portfolio</image:title>
      <image:caption>Promo Offers: After auditing available promotions, analyzing user journeys, and benchmarking competitors, I categorized offer types and validated key pain points. This led to the design of a collapsible promo component that made offers clearer and more contextual, especially on mobile. Checkout experience: Using existing user research, I proposed a temporary sticky cart on the product page to offset the lack of a global cart. This gave users an easy way to track their selections while browsing, improving flow and reducing drop-offs.</image:caption>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/18c294b1-9ed8-4a39-9366-3171c1726306/Promo%2Bsection%2BmockSSS%2B02.jpg</image:loc>
      <image:title>Portfolio</image:title>
      <image:caption>VIEW PROTOTYPE HERE: https://www.figma.com/proto/XVPGlSeyiJRslvPR6fRhgt/Portfolio?node-id=44-321&amp;t=rDowtvevDJurS8Q0-1</image:caption>
    </image:image>
  </url>
  <url>
    <loc>https://www.rachelorlandodesign.com/about</loc>
    <changefreq>daily</changefreq>
    <priority>0.75</priority>
    <lastmod>2026-03-04</lastmod>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/1528398902676-UW6IHPALTHPWQNNPZBML/banana_flor.jpg</image:loc>
      <image:title>About</image:title>
    </image:image>
    <image:image>
      <image:loc>https://images.squarespace-cdn.com/content/v1/5b15f0c731d4dfd3bce866f8/1547671101960-I269P1BAZ1ATNA3UZN3I/rachelimageok.jpg</image:loc>
      <image:title>About - About me</image:title>
      <image:caption>Hi, I’m Rachel :) I’m a Product Designer focused on bringing clarity to digital products through product thinking, systems-driven design, and strong visual execution. Over the past decade, I’ve worked with global brands like Walmart and Mercedes-Benz, as well as Canada’s largest telecom provider, Rogers, designing digital experiences across e-commerce, automotive, and telecom platforms. My work focuses on aligning user needs, business goals, and product constraints to create experiences that are clear, trustworthy, and easy to use. If you'd like to connect or learn more about my work, feel free to reach out: https://ca.linkedin.com/in/rachel-orlando-ca</image:caption>
    </image:image>
  </url>
</urlset>

