https://www.hireasa.com/cases daily 0.75 2024-12-06 https://www.hireasa.com/cases/updatecrm monthly 0.5 2024-12-05 https://images.squarespace-cdn.com/content/v1/6734e9b0c18bce0d419f2086/a540006d-b2ce-4612-98f7-43d77aeefd89/research.png Case Studies - Updating a CRM to a new design system - Make it stand out A slide from a research read out highlighting the issue. https://images.squarespace-cdn.com/content/v1/6734e9b0c18bce0d419f2086/e5928823-2a42-4156-8e9b-2a317c4fc256/release.png Case Studies - Updating a CRM to a new design system - Make it stand out Large scale changes can be SLOOOWWWWW… https://images.squarespace-cdn.com/content/v1/6734e9b0c18bce0d419f2086/1733293700315-36WXJU8GX2OJS861UFYN/Grid+-+Tags+below+input+-+Append+-+Variant+2.png Case Studies - Updating a CRM to a new design system https://images.squarespace-cdn.com/content/v1/6734e9b0c18bce0d419f2086/1733293700712-UOV9PI6OESAVNVAU5RFB/Slide+8.jpg Case Studies - Updating a CRM to a new design system https://images.squarespace-cdn.com/content/v1/6734e9b0c18bce0d419f2086/1733293701435-Y6ELGO4DTJULP1H70HBU/Slide+12.png Case Studies - Updating a CRM to a new design system https://images.squarespace-cdn.com/content/v1/6734e9b0c18bce0d419f2086/6b8e0b73-ced1-4fed-bb58-9081c7072f11/Before.png Case Studies - Updating a CRM to a new design system - Make it stand out The CRM was released in 2018 and based on an outdated design system that Microsoft had already moved away from at the time of release. https://images.squarespace-cdn.com/content/v1/6734e9b0c18bce0d419f2086/915c9dcf-84db-4398-b833-db175b7d41fd/altform.png Case Studies - Updating a CRM to a new design system - Make it stand out One potential alternative that was mocked up to demonstrate why we chose the ‘filled’ field style. The repetition of horizontal lines on with the ‘outline’ field style hurts readability and eye tracking. https://images.squarespace-cdn.com/content/v1/6734e9b0c18bce0d419f2086/1734932f-f8ad-4bbd-9447-daca177adf6a/form+header+hz.png Case Studies - Updating a CRM to a new design system - Make it stand out An individual state of a compound control with tokens specified. https://images.squarespace-cdn.com/content/v1/6734e9b0c18bce0d419f2086/da10aea7-e7f1-4085-a948-86e068ab36c6/Token-wide.png Case Studies - Updating a CRM to a new design system - Make it stand out The full spec sheet for the new Grid control https://images.squarespace-cdn.com/content/v1/6734e9b0c18bce0d419f2086/68ed4dfb-36b3-42cc-b14c-a747aab588f9/Northstar.png Case Studies - Updating a CRM to a new design system - Make it stand out Early explorations of background colors, depths which needed to be determined first to ensure accessibility and dictate token assignment. https://images.squarespace-cdn.com/content/v1/6734e9b0c18bce0d419f2086/1733291446671-CV0TAI7TXRT94QEBM5Z8/Fluent1.png Case Studies - Updating a CRM to a new design system https://images.squarespace-cdn.com/content/v1/6734e9b0c18bce0d419f2086/1733291446777-955J61UAZ9G9RF0HFROW/Fluent2.png Case Studies - Updating a CRM to a new design system https://images.squarespace-cdn.com/content/v1/6734e9b0c18bce0d419f2086/1733291447786-YL9JLR2VD4V6P45TXG86/Fluent3.png Case Studies - Updating a CRM to a new design system https://www.hireasa.com/cases/blog-post-title-two-sl9yb monthly 0.5 2024-12-05 https://images.squarespace-cdn.com/content/v1/6734e9b0c18bce0d419f2086/3d2a3141-19ac-4269-9b73-77083b13d8b7/Accept_03.png Case Studies - AI powered forms - Make it stand out The first exploration of knowledge cards on the form. These cards are massive and show both a thumbnail and a text preview which we quickly moved away from. https://images.squarespace-cdn.com/content/v1/6734e9b0c18bce0d419f2086/bfd537cb-9633-4117-9d4b-f05a4310254a/llm+source.png Case Studies - AI powered forms - Make it stand out Diagram of context powering form predictions https://images.squarespace-cdn.com/content/v1/6734e9b0c18bce0d419f2086/7eb8b693-20a5-49d0-999d-c9b4000d02bb/Accept_01.png Case Studies - AI powered forms - Make it stand out Here you can see the initial thinking around showing external data sources that are powering the form prediction. https://images.squarespace-cdn.com/content/v1/6734e9b0c18bce0d419f2086/f5e4f4bf-7971-4cd1-b5c0-43c00d8ca176/Accept_05.png Case Studies - AI powered forms - Make it stand out An early proposal for the drag and drop state. The concept of directly dragging a file into the form stuck though the styles here changed. https://images.squarespace-cdn.com/content/v1/6734e9b0c18bce0d419f2086/a0dd4922-f712-42a8-bf95-449f9f0411b2/Accept_02.png Case Studies - AI powered forms - Make it stand out Continued exploration with more of the data previewed in the card and a clear way to add additional sources via Copilot. https://images.squarespace-cdn.com/content/v1/6734e9b0c18bce0d419f2086/418ed3b8-1245-44cf-9f59-5ebdf7a48316/accept+education.png Case Studies - AI powered forms - Make it stand out On the left, the teaching tool tip we went with. On the right, a heavier nudge to the user that would appear when they saved a page, this was mocked up because there was a recognized risk that users wouldn’t understand that predictions shown in fields were temporary and in a ‘draft’ state that would not be saved. https://images.squarespace-cdn.com/content/v1/6734e9b0c18bce0d419f2086/8c57d22d-dedb-45e4-b39e-caa94f471944/Accept_07.png Case Studies - AI powered forms - Make it stand out Refined styles and visuals while keeping the core experience from the previous exploration. https://images.squarespace-cdn.com/content/v1/6734e9b0c18bce0d419f2086/8c56ecba-97bf-4a13-8fd2-7820d1ed2f9a/Accept_04.png Case Studies - AI powered forms - Make it stand out This exploration shows a knowledge card, a potential knowledge card being suggested by copilot, and the ability to add knowledge directly from a copilot powered lookup control. https://images.squarespace-cdn.com/content/v1/6734e9b0c18bce0d419f2086/5a1fe543-3ac7-4d0b-b8c0-25186f3a6b1f/Accept_06.png Case Studies - AI powered forms - Make it stand out We finally abandoned trying to keep this functionality in the form header and moved it closer to the fields for a more in line experience. This mock was more of a wireframe than a high def mock and was meant to illustrate how it could work directly on the form. https://images.squarespace-cdn.com/content/v1/6734e9b0c18bce0d419f2086/86b36cc0-529b-424e-a100-4a01ced6a485/Accept+variations.png Case Studies - AI powered forms - Make it stand out Some of the many options we explored. This is an example of a single but entirely ubiquitous micro-interaction that carries enormous risk if it adds any amount of friction to the experience. https://images.squarespace-cdn.com/content/v1/6734e9b0c18bce0d419f2086/a5415e7c-9262-46fe-a83e-6020ab7f057b/Accept_08.png Case Studies - AI powered forms - Make it stand out Addition of a hide/show ability in the cut out as well as the addition of an ellipses menu to for inline settings. https://www.hireasa.com/cases/dsprint monthly 0.5 2024-12-06 https://images.squarespace-cdn.com/content/v1/6734e9b0c18bce0d419f2086/131aa51a-d1b2-4bac-86b0-4f0fbac7b1f8/00_Full+picture.png Case Studies - facilitating a design sprint - Make it stand out A zoomed out view of our Figjam. https://images.squarespace-cdn.com/content/v1/6734e9b0c18bce0d419f2086/0d9c17e4-c15b-4f06-a521-da661712da90/03_persona.png Case Studies - facilitating a design sprint - 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/6734e9b0c18bce0d419f2086/c12f17f8-c6d5-491d-a96b-36d20e013f9d/07_Crazy8.png Case Studies - facilitating a design sprint - 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/6734e9b0c18bce0d419f2086/8fcf56af-9c5b-418e-9833-35dfad94561f/09_lowflow.png Case Studies - facilitating a design sprint - 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/6734e9b0c18bce0d419f2086/f2b74e63-3cc7-44df-a966-f348f6b6017d/04_ideation.png Case Studies - facilitating a design sprint - 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/6734e9b0c18bce0d419f2086/d32ba226-eb58-428a-9c5e-8316b467b7ec/02_warmup.png Case Studies - facilitating a design sprint - 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/6734e9b0c18bce0d419f2086/797bd7af-ff21-4d97-b51a-6a8dbc243b66/06_RiskandImportance.png Case Studies - facilitating a design sprint - 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/6734e9b0c18bce0d419f2086/918194d4-0dfb-43c9-9bfc-2c2c0c8ff8ed/01_Teams.png Case Studies - facilitating a design sprint - 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/6734e9b0c18bce0d419f2086/3c450e34-8011-4602-906b-ad5a751cc4ea/05_HopesandFears.png Case Studies - facilitating a design sprint - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.hireasa.com/cases/blog-post-title-four-k23wb monthly 0.5 2020-05-19 https://www.hireasa.com/home daily 1.0 2025-01-27