https://www.madelinehermann.com/dive-design-challenge daily 0.75 2025-01-28 https://images.squarespace-cdn.com/content/v1/626c798ec64ade553d952ca4/4d5e6f3f-eb3c-4b28-b233-ba5e57f06035/Group+141.png Dive Design Challenge - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.madelinehermann.com/my-work daily 1.0 2025-02-26 https://images.squarespace-cdn.com/content/v1/626c798ec64ade553d952ca4/b4801831-6c58-4541-8639-d74de00ccd5b/Screenshot+2025-01-26+at+8.58.46%E2%80%AFPM.jpg Work - Horizon 2.0 Design System The creation, iteration, and implementation of the H20 Design System // 2025 https://images.squarespace-cdn.com/content/v1/626c798ec64ade553d952ca4/d5e50e30-4005-4ae9-990a-bb7e3b273861/Persona+Template+-+Final.jpg Work - Persona Repository A scalable, applicable, and sustainable persona repository // 2022 https://images.squarespace-cdn.com/content/v1/626c798ec64ade553d952ca4/a33dce9a-e42e-4ff6-9d13-0304a0d040c0/Screenshot+2025-01-26+at+4.48.07%E2%80%AFPM.jpg Work - Data Visualization Color Palette Redesigning the data visualization color palette // 2025 https://images.squarespace-cdn.com/content/v1/626c798ec64ade553d952ca4/c225f8f4-34f7-4955-996a-56d741431410/Mvment+Mockup+1.jpg Work - Mvment - UI Project Beginner friendly, accessible workouts for anytime, anywhere // 2021 https://images.squarespace-cdn.com/content/v1/626c798ec64ade553d952ca4/944780fa-b491-4009-a2f7-9d7c972c33e4/Slide+16_9+-+1.png Work - Dive Shuffle - Design Challenge A smart matching feature that allows coworkers to connect remotely // 2022 https://images.squarespace-cdn.com/content/v1/626c798ec64ade553d952ca4/902316b3-7fec-4c05-808e-1c4b20502fa5/Frame+494.jpg Work - NXTDRIVE Client Analytics An intuitive, data-rich experience //2023 https://www.madelinehermann.com/mvment daily 0.75 2022-05-25 https://images.squarespace-cdn.com/content/v1/626c798ec64ade553d952ca4/42606d50-4322-40e3-b103-8e695f6e9936/procreate-removebg-preview+1.png Mvment - 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/626c798ec64ade553d952ca4/c27dd0ce-a75f-4335-a4e4-a9062a0f343a/iPhone+8+-+6.png Mvment - 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/626c798ec64ade553d952ca4/6cbab498-675f-4686-8d73-66daa178ad5d/iPhone+8+-+9.png Mvment - 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/626c798ec64ade553d952ca4/256bf875-a4d7-478a-80d2-97e69f55f7a9/Slide+16_9+-+9.png Mvment - 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/626c798ec64ade553d952ca4/fae0ec67-6ff0-4a71-9960-f2ee7a3a6245/iPhone+8+-+3.png Mvment - 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/626c798ec64ade553d952ca4/e0d46045-c58b-46eb-bc79-a8e0ce8c103c/Frame+14.png Mvment - 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/626c798ec64ade553d952ca4/b7ea9935-cf43-4489-adb6-03bf757d9cf4/Slide+16_9+-+1.png Mvment - 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/626c798ec64ade553d952ca4/1746e565-aeff-4846-8baf-a2f431877f56/UF+5.png Mvment - 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/626c798ec64ade553d952ca4/d1794ecd-5ec4-4b35-9dee-b92ed2db3df0/figma+1.png Mvment - 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/626c798ec64ade553d952ca4/e87f8e4f-61f8-4740-bb3e-98a3f1410bde/iPhone+13+Pro.png Mvment - 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/626c798ec64ade553d952ca4/e1548756-768e-4f10-a619-8b260492432d/iPhone+8+-+5.png Mvment - 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/626c798ec64ade553d952ca4/758c6849-97f1-4c36-b3e6-39a4779e021f/UF+2.png Mvment - 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/626c798ec64ade553d952ca4/2dbb06e8-fa3f-413c-a174-9cfb1338cc41/Mvment+Mockup+1.png Mvment - 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/626c798ec64ade553d952ca4/b6d64177-a685-4bef-91f6-49054ec75d7a/UF+3.png Mvment - 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/626c798ec64ade553d952ca4/3e533294-2a38-4743-9ad6-5d4ffc7e5065/Slide+16_9+-+8.png Mvment - 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/626c798ec64ade553d952ca4/dc259393-cc05-42da-a573-293eb855f955/Group+10.png Mvment - 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/626c798ec64ade553d952ca4/18db0cd5-103e-4952-b63c-4c454b8e494c/UF+7.png Mvment - 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/626c798ec64ade553d952ca4/7be69d9a-c72f-4dc0-b376-a3a626f2120f/Style+Guide+copy.png Mvment - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.madelinehermann.com/resume daily 0.75 2025-02-26 https://images.squarespace-cdn.com/content/v1/626c798ec64ade553d952ca4/1d538ffe-e411-4912-9e6b-71e6e1326104/Madeline+Hermann+Resume.png Resume - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.madelinehermann.com/contact-me daily 0.75 2025-01-27 https://www.madelinehermann.com/data-visualization daily 0.75 2025-01-26 https://images.squarespace-cdn.com/content/v1/626c798ec64ade553d952ca4/ead9fd6e-d872-4269-9bdf-d6cc3943db58/Slide+16_9+-+20.png Data viz - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.madelinehermann.com/design-system daily 0.75 2025-02-26 https://images.squarespace-cdn.com/content/v1/626c798ec64ade553d952ca4/5f7a20d2-c230-4fd5-95bc-16535ea2d207/Screenshot+2025-01-27+at+2.57.31%E2%80%AFPM.png design system - 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/626c798ec64ade553d952ca4/9fe55b18-9731-43ee-89cd-7c847e806663/Screenshot+2025-01-26+at+8.36.51%E2%80%AFPM.png design system - Universal Filter Drawer We had an excessive number of one-off filter drawers across our apps, leading to inconsistency and confusion. To address this, I conducted an audit of all existing filter drawers and developed a universal filter drawer component that could cover all use cases, ensuring a more consistent and streamlined user experience across the platform. https://images.squarespace-cdn.com/content/v1/626c798ec64ade553d952ca4/f8cbf0c8-4ae1-4a7b-84b4-b3783fe4a1c7/Screenshot+2025-01-26+at+8.37.21%E2%80%AFPM.png design system - Hierarchy Audit The design system used for our internal tools lacked a clear hierarchy for applying strokes and shadows to create depth. To address this, I conducted research on best practices for hierarchy, performed an audit to assess the current use of strokes and shadows, and consolidated our stroke color styles. This initiative improved the visual hierarchy and brought greater consistency and clarity throughout the design system. https://images.squarespace-cdn.com/content/v1/626c798ec64ade553d952ca4/27192f96-3607-4ebb-8ce5-d1210a90fcc7/Screenshot+2025-01-26+at+7.06.21%E2%80%AFPM.png design system https://images.squarespace-cdn.com/content/v1/626c798ec64ade553d952ca4/770a8eeb-720d-44a2-bb3b-8d8b71e22df2/Screenshot+2025-01-26+at+8.22.34%E2%80%AFPM.png design system - 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/626c798ec64ade553d952ca4/ad27212f-270f-4b03-ae55-9660840246ae/Screenshot+2025-01-26+at+7.09.59%E2%80%AFPM.png design system https://images.squarespace-cdn.com/content/v1/626c798ec64ade553d952ca4/777b04b6-d3ae-430d-a5ee-fe2b03e3f473/Screenshot+2025-01-26+at+8.14.31%E2%80%AFPM.png design system - Make it stand out This is an example of our light and dark mode variables for Status https://images.squarespace-cdn.com/content/v1/626c798ec64ade553d952ca4/75c1fe51-5c23-4eb6-903c-48d281509395/Screenshot+2025-01-26+at+7.22.12%E2%80%AFPM.png design system - 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/626c798ec64ade553d952ca4/8ab0d4d3-3141-4c16-b037-271571d5025d/Screenshot+2025-01-26+at+7.07.37%E2%80%AFPM.png design system https://images.squarespace-cdn.com/content/v1/626c798ec64ade553d952ca4/1737945600410-9AU2H6ZMYLBHFU6VGL6C/Screenshot+2025-01-26+at+7.39.46%E2%80%AFPM.png design system https://images.squarespace-cdn.com/content/v1/626c798ec64ade553d952ca4/1737945599261-3WN9J8P67FDL9WXVOFVN/Screenshot+2025-01-26+at+7.39.15%E2%80%AFPM.png design system https://images.squarespace-cdn.com/content/v1/626c798ec64ade553d952ca4/1737945599331-IR5NH2H0NQ4VJU4Z73DD/Screenshot+2025-01-26+at+7.38.59%E2%80%AFPM.png design system https://images.squarespace-cdn.com/content/v1/626c798ec64ade553d952ca4/3f6a610c-2cfe-496e-8062-72098c76e060/Screenshot+2025-01-26+at+8.39.01%E2%80%AFPM.png design system - Iconography I conducted several iconography audits across various elements such as badges, navigation bars, and headers to ensure consistency and familiarity for users. The goal was to refine the iconography so that it complemented accompanying text effectively, avoiding overly unique designs that could create confusion while maintaining clarity and visual coherence across the platform. https://images.squarespace-cdn.com/content/v1/626c798ec64ade553d952ca4/de9ab30e-1f86-42c0-a8a3-604c54446a44/Screenshot+2025-01-26+at+7.22.24%E2%80%AFPM.png design system - 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/626c798ec64ade553d952ca4/716d229e-3335-4bc4-8dad-5b2474a94b2d/Screenshot+2025-01-26+at+7.22.02%E2%80%AFPM.png design system - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.madelinehermann.com/persona-repository daily 0.75 2025-01-28 https://images.squarespace-cdn.com/content/v1/626c798ec64ade553d952ca4/fce7f146-af9a-4939-9754-566bea94ffaf/repo.png persona repository - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.madelinehermann.com/nxtdrive-dashboard daily 0.75 2025-02-26 https://images.squarespace-cdn.com/content/v1/626c798ec64ade553d952ca4/0a4adc65-be7a-41fc-971c-df38fb647b1a/nxtdriveee.png nxtdrive dashboard - Make it stand out Whatever it is, the way you tell your story online can make all the difference.