{"collectionById":{"b8577a9f-b3df-4d5c-8c5c-5c13516292d5":{"id":"b8577a9f-b3df-4d5c-8c5c-5c13516292d5","name":"New Projects","fieldSchemas":[{"id":"63e1b627-f330-4c0c-acea-d2415341a7d2","name":"Metirc 2","type":"rich_text"},{"id":"9521c2ae-aead-4fb7-8499-d70b572b82d3","name":"Sub Title","type":"plain_text"},{"id":"0f59d091-2b3c-4b91-ab1e-de23c9122f86","name":"Title","type":"plain_text","role":"primary"},{"id":"ef589c51-2481-48ca-a748-b060fee580c8","name":"Slug","type":"slug","role":"slug"},{"id":"c8956c53-f1df-41da-9509-284ba54fda6a","name":"Metirc 1","type":"rich_text"},{"id":"e69737ed-71aa-45a4-9139-309ba4c631a6","name":"Metirc 3","type":"rich_text"},{"id":"a374d336-b644-49af-9433-1d65bf06358f","name":"Quote - Name","type":"plain_text"},{"id":"82192c93-ccad-4e39-8b69-c644b89527d5","name":"Quote - Job Title","type":"plain_text"},{"id":"59cd98b5-e16d-4677-a321-96fb1a7649a2","name":"Quote - Text","type":"plain_text"},{"id":"6dedbe93-05ca-47bf-8b35-601fa58ef548","name":"Quote - Image","type":"image"},{"id":"271e1509-e4e4-465e-aa90-b912882b4c98","name":"Description","type":"plain_text"},{"id":"e472b946-bd7a-4887-9c59-68da5948908d","name":"Image 2","type":"image"},{"id":"6f00c77e-b052-4b20-a9ba-0014809c56b9","name":"Image 1","type":"image"},{"id":"e913d300-e3b9-4e10-a848-cc7fe4a8a19e","name":"Hero Image","type":"image"},{"id":"869d72a4-08e4-4494-9a8a-f861f225e2e0","name":"Client","type":"plain_text"},{"id":"e5df17a1-058a-4364-b0c8-618ac77ab128","name":"Team","type":"plain_text"},{"id":"8e8a75ed-fc76-460c-82b3-dc88b3100dc5","name":"Role","type":"plain_text"},{"id":"5ab6d556-7807-425b-a0d1-cbdb5c4c56e3","name":"Timeframe","type":"plain_text"},{"id":"91dd9e02-93e9-48cb-b0ae-4f141e47f8f4","name":"The Problem 2","type":"rich_text"},{"id":"c1093107-2f8b-429f-a8bf-adebbb988ec6","name":"Conclusion 2","type":"rich_text"},{"id":"a729e790-1359-4c4f-b318-d1c400a08298","name":"The Project Goals 2","type":"rich_text"},{"id":"cbbfedd3-a4da-4394-b61c-c56d22e20058","name":"Reflection \u0026 Take Away 2","type":"rich_text"}],"itemById":{"11045e9a-ed4d-428e-83a0-0bac0b3774d9":{"id":"11045e9a-ed4d-428e-83a0-0bac0b3774d9","index":"#","collectionId":"b8577a9f-b3df-4d5c-8c5c-5c13516292d5","fields":[{"id":"24688122-ba64-41b6-a1e3-dd9f43d82047","value":"{\"image\":\"9f6d70e5522a160b1d4bc28fcf449963018c51ba\",\"imageThumbnail\":\"9ace9dec41af1982ffe970e57123a81c716e9245\",\"originalImageHeight\":832,\"originalImageWidth\":1536,\"altText\":\"\",\"fileName\":\"1.png\"}","itemId":"11045e9a-ed4d-428e-83a0-0bac0b3774d9","fieldSchemaId":"6f00c77e-b052-4b20-a9ba-0014809c56b9"},{"id":"f1297ee1-77b7-4686-9da6-d6c3967c4882","value":"Senior UX/ UI Designer","itemId":"11045e9a-ed4d-428e-83a0-0bac0b3774d9","fieldSchemaId":"8e8a75ed-fc76-460c-82b3-dc88b3100dc5"},{"id":"6e881ff1-723b-456f-a94c-c671b5eb284d","value":"{\"root\":{\"children\":[{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"20% reduction\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h4\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"in mobile bounce rate after rollout\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"root\",\"version\":1}}","itemId":"11045e9a-ed4d-428e-83a0-0bac0b3774d9","fieldSchemaId":"63e1b627-f330-4c0c-acea-d2415341a7d2"},{"id":"925daf60-c3f3-426f-beed-066b909459e7","value":"Jul 2024 - Nov 2024","itemId":"11045e9a-ed4d-428e-83a0-0bac0b3774d9","fieldSchemaId":"5ab6d556-7807-425b-a0d1-cbdb5c4c56e3"},{"id":"36fe9b29-f1a1-468f-91ce-ae22b83bb26c","value":"Will","itemId":"11045e9a-ed4d-428e-83a0-0bac0b3774d9","fieldSchemaId":"a374d336-b644-49af-9433-1d65bf06358f"},{"id":"89cb5cac-9a1a-4c7d-bfea-8f0ef1e3d1e0","value":"{\"root\":{\"children\":[{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"35% increase\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h4\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"in mobile engagement following the mobile-first redesign\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"root\",\"version\":1}}","itemId":"11045e9a-ed4d-428e-83a0-0bac0b3774d9","fieldSchemaId":"c8956c53-f1df-41da-9509-284ba54fda6a"},{"id":"b3155472-3442-44c2-91a8-431ff3bc5b94","value":"Fanvue Design System","itemId":"11045e9a-ed4d-428e-83a0-0bac0b3774d9","fieldSchemaId":"0f59d091-2b3c-4b91-ab1e-de23c9122f86"},{"id":"8f3cef82-b76d-456d-920c-4e0bde4a4ced","value":"{\"root\":{\"children\":[{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"40% faster\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h4\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"design-to-development handoff using Figma variables and shared components\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"root\",\"version\":1}}","itemId":"11045e9a-ed4d-428e-83a0-0bac0b3774d9","fieldSchemaId":"e69737ed-71aa-45a4-9139-309ba4c631a6"},{"id":"6089bfb9-962e-4a2c-94c3-fbcd09a0ebec","value":"{\"root\":{\"children\":[{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Modernising an existing style guide\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h4\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"One of the key challenges was updating an outdated design system while keeping it recognisable and intuitive for Fanvue’s existing, older user base. Striking the right balance between innovation and familiarity required careful design decisions to ensure that new patterns were both forward-looking and user-friendly.\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Mobile-first and cross-platform consistency\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h4\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Adopting a mobile-first approach was crucial, but ensuring a seamless experience across a wide range of devices demanded close coordination with the development team. Each component needed to scale elegantly from mobile to desktop, while maintaining visual hierarchy, interaction patterns, and brand consistency.\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Light and dark mode integration\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h4\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Implementing a flexible system that supported quick toggling between light and dark modes introduced technical complexity. Adapting Figma’s variables for both modes across desktop and mobile designs required meticulous attention to detail to maintain colour contrast, visual harmony, and accessibility compliance.\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Accessibility and usability standards\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h4\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Ensuring the updated design system met WCAG AA+ standards presented additional design constraints, particularly when modernising elements like typography, buttons, and forms. The system had to improve accessibility without compromising aesthetic appeal or the playful, engaging tone of the platform.\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Efficiency and scalability\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h4\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Finally, the system needed to support rapid design iteration and handoff to developers. Creating a reusable, scalable framework that could accommodate future products and features demanded both strategic foresight and careful technical planning.\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"root\",\"version\":1}}","itemId":"11045e9a-ed4d-428e-83a0-0bac0b3774d9","fieldSchemaId":"91dd9e02-93e9-48cb-b0ae-4f141e47f8f4"},{"id":"974c28a4-a8a9-4d23-bb4c-b59187294a53","value":"{\"image\":\"abd47356e651741465751fd77c5926e54c4a9ad6\",\"imageThumbnail\":\"abd47356e651741465751fd77c5926e54c4a9ad6\",\"originalImageHeight\":383,\"originalImageWidth\":722,\"altText\":\"\",\"fileName\":\"Fanvue Design System.png\"}","itemId":"11045e9a-ed4d-428e-83a0-0bac0b3774d9","fieldSchemaId":"e913d300-e3b9-4e10-a848-cc7fe4a8a19e"},{"id":"0a9352df-3d00-4faf-bf8c-e8e6d3ab2072","value":"Fanvue","itemId":"11045e9a-ed4d-428e-83a0-0bac0b3774d9","fieldSchemaId":"869d72a4-08e4-4494-9a8a-f861f225e2e0"},{"id":"549cf152-089d-4474-b4a9-607db0c568f2","value":"2 Designers, 3 Web Developers and 2 PMs","itemId":"11045e9a-ed4d-428e-83a0-0bac0b3774d9","fieldSchemaId":"e5df17a1-058a-4364-b0c8-618ac77ab128"},{"id":"55a317c5-28d5-4a38-a25d-652d18c3f326","value":"A mobile-first approach leveraging atomic design principles, Figma's variable features, and a unified UX/UI process to deliver a seamless, accessible experience across platforms","itemId":"11045e9a-ed4d-428e-83a0-0bac0b3774d9","fieldSchemaId":"9521c2ae-aead-4fb7-8499-d70b572b82d3"},{"id":"419a9d7d-f7a3-4dc0-bfee-ad17333839db","value":"The Fanvue design system I developed is a comprehensive collection of guidelines, principles, components, and assets used to create consistent and cohesive user interfaces across different products and platforms. It serves as a unified set of rules and tools to help designers and developers produce products that are not only aesthetically pleasing but also highly usable and consistent across all platforms.   The core goal of this design system was to establish a shared language between the design team, development team, and other stakeholders, ensuring everyone was aligned on how to design, develop, and implement the product. The system encompasses key elements such as typography, colour palettes, icons, buttons, forms, layout guidelines, and interaction patterns.   The system was built with a mobile-first approach, allowing quick toggling between light and dark modes by using Figma's variables to change colours seamlessly. The same Figma variables were also utilised to easily switch between desktop and mobile designs, ensuring the system remains responsive and adaptable. By leveraging this design system, the team was able to reduce errors and inconsistencies, save time, and provide a better user experience with a predictable and consistent interface across all products.","itemId":"11045e9a-ed4d-428e-83a0-0bac0b3774d9","fieldSchemaId":"271e1509-e4e4-465e-aa90-b912882b4c98"},{"id":"950fa975-c6a9-400a-87f8-ded65f409b65","value":"Founder \u0026 CEO of Fanvue","itemId":"11045e9a-ed4d-428e-83a0-0bac0b3774d9","fieldSchemaId":"82192c93-ccad-4e39-8b69-c644b89527d5"},{"id":"eb430ac0-1002-413e-8c0e-841bfe7222eb","value":"“The design system fundamentally changed how we build product. It gave our teams a shared language, dramatically reduced design and engineering inconsistencies, and sped up delivery across the board. Beyond the components themselves, the documentation and governance made the system something the whole company could confidently adopt.\"","itemId":"11045e9a-ed4d-428e-83a0-0bac0b3774d9","fieldSchemaId":"59cd98b5-e16d-4677-a321-96fb1a7649a2"},{"id":"8d4fb43d-031f-4163-92e3-a20886e724a6","value":"{\"root\":{\"children\":[{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"The Fanvue design system successfully introduced a cohesive, modern visual language that enhanced the user experience across both mobile and desktop platforms.\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"children\":[{\"detail\":0,\"format\":1,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Mobile-first improvements\",\"type\":\"text\",\"version\":1},{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\" drove a 35% increase in mobile engagement and a 20% reduction in bounce rates, addressing the needs of Fanvue’s growing mobile audience.\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"listitem\",\"version\":1,\"textFormat\":1,\"value\":1},{\"children\":[{\"detail\":0,\"format\":1,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Light and dark mode functionality\",\"type\":\"text\",\"version\":1},{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\" leveraged Figma’s variables, cutting design handoff times by 40% and streamlining workflows across design and development teams.\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"listitem\",\"version\":1,\"textFormat\":1,\"value\":2},{\"children\":[{\"detail\":0,\"format\":1,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Accessibility enhancements\",\"type\":\"text\",\"version\":1},{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\" increased WCAG compliance to AA+ standards, improving usability and building user trust.\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"listitem\",\"version\":1,\"textFormat\":1,\"value\":3},{\"children\":[{\"detail\":0,\"format\":1,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Consistency and scalability\",\"type\":\"text\",\"version\":1},{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\" reduced design inconsistencies by 25%, while internal stakeholders reported 95% satisfaction with the system’s flexibility.\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"listitem\",\"version\":1,\"textFormat\":1,\"value\":4},{\"children\":[{\"detail\":0,\"format\":1,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Developer productivity\",\"type\":\"text\",\"version\":1},{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\" was boosted, with implementation time for new features reduced by 30%, enabling faster iteration and more reliable product launches.\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"listitem\",\"version\":1,\"textFormat\":1,\"value\":5}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"list\",\"version\":1,\"textFormat\":1,\"listType\":\"bullet\",\"start\":1,\"tag\":\"ul\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Overall, the design system established a reusable, future-proof foundation for Fanvue, marrying accessibility, visual cohesion, and operational efficiency, all while enhancing the overall user experience.\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"root\",\"version\":1}}","itemId":"11045e9a-ed4d-428e-83a0-0bac0b3774d9","fieldSchemaId":"c1093107-2f8b-429f-a8bf-adebbb988ec6"},{"id":"21b09222-4915-4c61-8f1d-1fb3dc56c3ca","value":"{\"image\":\"5af27f472db2f07bd61497b8ab6b68f3aa67fa66\",\"imageThumbnail\":\"5af27f472db2f07bd61497b8ab6b68f3aa67fa66\",\"originalImageHeight\":51,\"originalImageWidth\":51,\"altText\":\"\",\"fileName\":\"Will.png\"}","itemId":"11045e9a-ed4d-428e-83a0-0bac0b3774d9","fieldSchemaId":"6dedbe93-05ca-47bf-8b35-601fa58ef548"},{"id":"6ae8886a-6b00-41c2-9c4a-b1fe5b97d171","value":"{\"image\":\"4c139efade22a71a1837a02195027e308e581ab2\",\"imageThumbnail\":\"62a8f222c1bda37334ea71d7fbdaf5d253c242dc\",\"originalImageHeight\":832,\"originalImageWidth\":1536,\"altText\":\"\",\"fileName\":\"2.png\"}","itemId":"11045e9a-ed4d-428e-83a0-0bac0b3774d9","fieldSchemaId":"e472b946-bd7a-4887-9c59-68da5948908d"},{"id":"5c032832-4a18-451b-8ce4-e32e93ee2d09","value":"{\"root\":{\"children\":[{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"The primary goal of this project was to transform Fanvue's existing style guide into a scalable, future-ready design system that could support the company's continued product growth while maintaining a familiar experience for its existing users. Rather than simply refreshing the visual design, the objective was to create a unified framework that established consistency across every touchpoint, strengthened collaboration between design and development, and accelerated the delivery of new features.\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"A mobile-first approach was adopted from the outset to reflect evolving user behaviour and ensure that every component could seamlessly adapt across different screen sizes. By leveraging Figma's Variables and applying atomic design principles, the system was designed to support responsive layouts, effortless switching between light and dark modes, and reusable components that reduced duplication and improved efficiency. Accessibility was also a core priority, with every design decision made to meet WCAG AA+ standards while preserving the platform's engaging and recognisable identity.\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Ultimately, the project aimed to create a flexible design system that not only improved the user experience but also provided a shared language for designers and developers, enabling faster iteration, more consistent implementation, and a strong foundation for future product development.\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"root\",\"version\":1}}","itemId":"11045e9a-ed4d-428e-83a0-0bac0b3774d9","fieldSchemaId":"a729e790-1359-4c4f-b318-d1c400a08298"},{"id":"c3a6835a-2831-4f80-9411-4f3c7dcc0cbc","value":"{\"root\":{\"children\":[{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"This project reinforced the importance of treating a design system as a living product rather than a collection of UI components. Building a scalable system required balancing user needs, business goals, technical constraints, and long-term maintainability, while ensuring every design decision could support future growth.\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"One of the most valuable lessons was the impact of close collaboration with developers throughout the process. Working together from the early stages helped shape components that were not only visually consistent but also practical to implement, reducing friction during handoff and creating a more efficient workflow across teams.\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"The project also deepened my understanding of designing for scale. Implementing Figma Variables for themes and responsive layouts demonstrated how investing time in a well-structured foundation can significantly reduce future design effort, improve consistency, and make iteration much faster. Equally, designing with accessibility as a core principle rather than an afterthought highlighted how inclusive design enhances the experience for all users without compromising visual quality.\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"Looking back, this project strengthened both my design systems thinking and my ability to solve complex UX challenges strategically. It reinforced that successful design systems are not measured solely by their visual consistency, but by how effectively they empower teams, improve collaboration, and enable products to evolve with confidence over time.\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"root\",\"version\":1}}","itemId":"11045e9a-ed4d-428e-83a0-0bac0b3774d9","fieldSchemaId":"cbbfedd3-a4da-4394-b61c-c56d22e20058"}]}}}},"slugByItemId":{"72de8052-2858-4a96-bfb0-d5cb2b578b1f":"make-some-noise","e8f5e881-2af8-4078-bbef-0fbe9f920f29":"my-premium-credit","9da0876f-399c-49de-9fea-5fe3de73f8d7":"storey-agency","69dc5b14-c97d-4575-9c86-b92248239fd1":"co-branded-sites","e062f22a-cce6-4a9e-bd69-04d1cbe9b157":"developer-handover","c514b122-57d3-4090-9864-0ef10616c4b1":"pay-your-tax-monthly","89ce4121-bda6-4c36-9575-cb7053af955e":"staysure-quote-buy-journey","0d49ce89-c13a-4358-9b6b-34365dbf7229":"golf-lottery","dfe66dd8-5683-439c-8512-f95c58ba6615":"journey-jolt","f721d5dc-9ffa-41e1-adef-22cd961e07b6":"staysure-design-system","11045e9a-ed4d-428e-83a0-0bac0b3774d9":"fanvue-design-system","772c0c11-6e55-401f-bc39-4e01a5703520":"digital-move","4f62a57e-0110-4e37-b825-01685bcf8063":"ai-messages-calls","c0500fc6-2471-4778-b9ce-5b9ef8473a2e":"design-a-day"}}