[{"data":1,"prerenderedAt":722},["ShallowReactive",2],{"navigation":3,"index-\u002Fen\u002F-en":53,"index-blogs-en":232},[4,31],{"title":5,"path":6,"stem":7,"children":8,"page":30},"En","\u002Fen\u002F","en",[9],{"title":10,"path":11,"stem":12,"children":13,"page":30},"Blog","\u002Fen\u002Fblog\u002F","en\u002Fblog",[14,18,22,26],{"title":15,"path":16,"stem":17},"FrYasdlkahsdlklnto Market: My End-to-End Product Design Process","\u002Fen\u002Fblog\u002Ffrom-mockup-to-market\u002F","en\u002Fblog\u002Ffrom-mockup-to-market",{"title":19,"path":20,"stem":21},"How I Built My Design System from Scratch","\u002Fen\u002Fblog\u002Fhow-i-built-my-own-design-system-from-scratch\u002F","en\u002Fblog\u002Fhow-i-built-my-own-design-system-from-scratch",{"title":23,"path":24,"stem":25},"The Psychology of Color in UI Design","\u002Fen\u002Fblog\u002Fpsychology-of-color-in-ui-design\u002F","en\u002Fblog\u002Fpsychology-of-color-in-ui-design",{"title":27,"path":28,"stem":29},"The Case for Slow Design in a Fast-Paced Digital World","\u002Fen\u002Fblog\u002Fslow-design-in-fast-paced-digital-world\u002F","en\u002Fblog\u002Fslow-design-in-fast-paced-digital-world",false,{"title":32,"path":33,"stem":34,"children":35,"page":30},"Fa","\u002F","fa",[36],{"title":10,"path":37,"stem":38,"children":39,"page":30},"\u002Fblog\u002F","fa\u002Fblog",[40,44,47,50],{"title":41,"path":42,"stem":43},"سلام جیگر من چطوری؟: My End-to-End Product Design Process","\u002Fblog\u002Ffrom-mockup-to-market\u002F","fa\u002Fblog\u002Ffrom-mockup-to-market",{"title":19,"path":45,"stem":46},"\u002Fblog\u002Fhow-i-built-my-own-design-system-from-scratch\u002F","fa\u002Fblog\u002Fhow-i-built-my-own-design-system-from-scratch",{"title":23,"path":48,"stem":49},"\u002Fblog\u002Fpsychology-of-color-in-ui-design\u002F","fa\u002Fblog\u002Fpsychology-of-color-in-ui-design",{"title":27,"path":51,"stem":52},"\u002Fblog\u002Fslow-design-in-fast-paced-digital-world\u002F","fa\u002Fblog\u002Fslow-design-in-fast-paced-digital-world",{"id":54,"title":55,"about":56,"blog":59,"body":62,"description":63,"experience":64,"extension":117,"faq":118,"hero":157,"meta":200,"navigation":163,"path":201,"seo":202,"stem":205,"testimonials":206,"__hash__":231},"index\u002Fen\u002Findex.yml","Hey, I’m Reza Akbarpour,  I build software and digital experiences",{"title":57,"description":58},"About Me","I’m Reza Akbarpour, a software and web application developer with experience in building ASP.NET backends, SPA web apps, management systems and ERPs, enterprise dashboards, online stores, learning platforms, order management systems, industrial tools, testers, and quality control systems.\n\nMy path started with .NET and desktop software, then moved into web applications with Blazor and Nuxt. Design has also been part of my world since childhood — from drawing and industrial design to user interface design. That’s why I don’t see UX as just the “visual layer” of a project. I care about how the software feels, how simple it is to use, and whether the user can get where they need to go without fighting the interface.\n",{"title":60,"description":61},"Latest Articles","Some of my recent thoughts",null,"I design and develop software, web apps, and digital experiences — from the technical structure behind the scenes to clean interfaces people can actually enjoy using.",{"title":65,"items":66},"Skills & Technologies",[67,75,83,90,98,104,110],{"position":68,"date":69,"company":70},"Modern Web","2025 - Present",{"name":71,"logo":72,"url":73,"color":74},"Nuxt","i-simple-icons-nuxtdotjs","https:\u002F\u002Fnuxt.com","#00DC82",{"position":76,"date":77,"company":78},"Web Applications","2022 - Present",{"name":79,"logo":80,"url":81,"color":82},"Blazor","i-simple-icons-blazor","https:\u002F\u002Fdotnet.microsoft.com\u002Fapps\u002Faspnet\u002Fweb-apps\u002Fblazor","#512BD4",{"position":84,"date":77,"company":85},"Windows 11 Apps",{"name":86,"logo":87,"url":88,"color":89},"WinUI","i-simple-icons-windows","https:\u002F\u002Flearn.microsoft.com\u002Fwindows\u002Fapps\u002Fwinui\u002F","#0078D4",{"position":91,"date":92,"company":93},"Industrial Software","2022 - 2024",{"name":94,"logo":95,"url":96,"color":97},"Modbus \u002F QF","i-lucide-cpu","https:\u002F\u002Fwww.modbus.org\u002Fmodbus-specifications","#F59E0B",{"position":99,"date":100,"company":101},"Desktop Apps","2020 - Present",{"name":102,"logo":87,"url":103,"color":89},"WPF","https:\u002F\u002Flearn.microsoft.com\u002Fdotnet\u002Fdesktop\u002Fwpf\u002F",{"position":105,"date":100,"company":106},"Backend",{"name":107,"logo":108,"url":109,"color":82},"ASP.NET","i-simple-icons-dotnet","https:\u002F\u002Fdotnet.microsoft.com\u002Fapps\u002Faspnet",{"position":111,"date":112,"company":113},"Design","Since childhood",{"name":111,"logo":114,"url":115,"color":116},"i-lucide-pen-tool","#","#EC4899","yml",{"title":119,"description":120,"categories":121},"Frequently Asked Questions","A few common questions about the kind of projects I work on, how collaboration usually starts, and the way I think about software.",[122,134,146],{"title":123,"questions":124},"Projects",[125,128,131],{"label":126,"content":127},"What kind of projects do you work on?","I mostly work on custom, process-driven projects — things like company websites, online stores, management dashboards, ERPs, web apps, industrial tools, quality control systems, office automation, order management platforms, messaging systems, AI chat interfaces, and Telegram bots.\n",{"label":129,"content":130},"Do you only work on frontend, or backend too?","My main focus and interest is frontend and user experience, but I started with .NET and ASP.NET and I have solid experience with backend development, API design, and software architecture too. So I don’t look at a project only from the visual side — I can understand how the different parts of the system should connect and work together.\n",{"label":132,"content":133},"Do you work with startups?","Yes. I enjoy working with startups, especially when the idea is still taking shape and needs to become a real, usable product quickly — but in a way that can still grow later.\n",{"title":135,"questions":136},"Process",[137,140,143],{"label":138,"content":139},"How long does a project take?","It depends completely on the size and complexity of the project. Some projects can be done in a few weeks, but bigger systems like ERPs, enterprise dashboards, or process-driven software usually take a few months.\n",{"label":141,"content":142},"How do you define the cost and payment terms?","The cost depends on the scope, features, timeline, and complexity of the project. Usually, part of the amount is paid upfront so the timeline, mutual commitment, and official start of the project are clear. The payment details are defined in the contract.\n",{"label":144,"content":145},"Do you provide support after delivery?","Yes. Project support is based on what we define in the contract — from fixing possible issues to making improvements or adding new features. The duration and type of support can be agreed on depending on the project.\n",{"title":57,"questions":147},[148,151,154],{"label":149,"content":150},"What makes your work different?","The mix of technical experience and design thinking. On one side, I’ve worked with .NET, ASP.NET, Blazor, Nuxt, desktop software, and industrial projects. On the other side, design has been part of my life since childhood. That combination helps me care about both the structure behind the software and the experience people get from using it.\n",{"label":152,"content":153},"What do you enjoy most about your work?","What I enjoy most is turning an idea into a real product — especially when the idea is a bit ambitious and needs to be thought through properly from both the technical side and the user experience side.\n",{"label":155,"content":156},"Where can I see your resume and portfolio?","You can see my work on the Projects page. And if you’re short on time, I’ve added a resume button at the top of the homepage so you can download the PDF version directly.\n",{"links":158,"images":166},[159],{"label":160,"to":161,"target":162,"external":163,"download":164,"color":165},"Resume","\u002Freza-akbarpour-resume-en.pdf","_blank",true,"reza-akbarpour-resume-en.pdf","neutral",[167,170,172,174,176,178,180,182,184,186,188,190,192,194,196,198],{"src":168,"alt":169},"\u002Fhero\u002F1.avif","Software project screenshot",{"src":171,"alt":169},"\u002Fhero\u002F2.avif",{"src":173,"alt":169},"\u002Fhero\u002F3.avif",{"src":175,"alt":169},"\u002Fhero\u002F4.avif",{"src":177,"alt":169},"\u002Fhero\u002F5.avif",{"src":179,"alt":169},"\u002Fhero\u002F6.avif",{"src":181,"alt":169},"\u002Fhero\u002F7.avif",{"src":183,"alt":169},"\u002Fhero\u002F8.avif",{"src":185,"alt":169},"\u002Fhero\u002F9.avif",{"src":187,"alt":169},"\u002Fhero\u002F10.avif",{"src":189,"alt":169},"\u002Fhero\u002F11.avif",{"src":191,"alt":169},"\u002Fhero\u002F12.avif",{"src":193,"aalt":169},"\u002Fhero\u002F13.avif",{"src":195,"alt":169},"\u002Fhero\u002F14.avif",{"src":197,"alt":169},"\u002Fhero\u002F15.avif",{"src":199,"alt":169},"\u002Fhero\u002F16.avif",{},"\u002Fen",{"title":203,"description":204},"Reza Akbarpour | Software Developer & Digital Experience Designer","Reza Akbarpour’s personal website — a software and web developer focused on custom software, web apps, enterprise systems, management dashboards, industrial tools, and clean user interfaces.","en\u002Findex",[207,215,223],{"quote":208,"author":209},"Reza's approach to UX design completely transformed our product. He has a rare ability to balance clean visuals with practical simplicity. The redesign didn’t just look better — it made the product easier to use and reduced friction across the whole experience.",{"name":210,"description":211,"avatar":212},"Sarah Chen","Product Director at Bloom Finance",{"src":213,"srcset":214},"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1487412720507-e7ab37603c6f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=40&h=40&q=80","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1487412720507-e7ab37603c6f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=80&h=80&q=80 2x",{"quote":216,"author":217},"Working with Reza was one of the best decisions we made for our product. He didn’t just build screens — he challenged our assumptions, understood the product deeply, and created an experience that made sense for both users and the business.",{"name":218,"description":219,"avatar":220},"Michael Rodriguez","Co-founder of Wavelength Music",{"src":221,"srcset":222},"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=40&h=40&q=80","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=80&h=80&q=80 2x",{"quote":224,"author":225},"Reza is great at turning complex workflows into clear, usable software. He brings both technical thinking and a strong design sense to the table, which is exactly what custom software projects need.",{"name":226,"description":227,"avatar":228},"Dr. Aisha Johnson","Chief Innovation Officer at GreenTech Solutions",{"src":229,"srcset":230},"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1573497019940-1c28c88b4f3e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=40&h=40&q=80","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1573497019940-1c28c88b4f3e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=80&h=80&q=80 2x","yECTGEJJaVyQi0NaACfxRZzk5_ARyV5MwAtjS78g0Xc",[233,616,671],{"id":234,"title":15,"author":235,"body":239,"date":607,"description":608,"extension":609,"image":610,"meta":611,"minRead":612,"navigation":163,"path":613,"seo":614,"stem":17,"__hash__":615},"blog\u002Fen\u002Fblog\u002Ffrom-mockup-to-market.md",{"name":236,"avatar":237},"Reza Akbarpour",{"src":238,"alt":236},"\u002Fimages\u002Fme_about.avif",{"type":240,"value":241,"toc":574},"minimark",[242,246,249,254,257,262,265,271,275,278,282,285,298,302,305,309,312,316,319,347,351,354,380,384,387,391,394,398,401,412,416,419,430,434,437,448,452,455,459,462,476,480,483,497,501,504,508,511,515,518,522,525,529,532,543,547,550,561,564,568,571],[243,244,245],"p",{},"Creating successful digital products isn't about following a rigid formula—it's about developing a flexible framework that adapts to the unique challenges of each project. After refining my approach across dozens of products, I've developed a process that consistently delivers results while leaving room for creativity and iteration.",[243,247,248],{},"In this article, I'll walk through my end-to-end design process, from initial discovery to developer handoff, using my recent work on the EcoTrack application as a case study.",[250,251,253],"h2",{"id":252},"phase-1-discovery-research","Phase 1: Discovery & Research",[243,255,256],{},"Every great product starts with understanding the problem it's trying to solve. For EcoTrack, our challenge was creating an engaging way for users to track their environmental impact without feeling overwhelmed by guilt or complex data.",[258,259,261],"h3",{"id":260},"user-interviews","User Interviews",[243,263,264],{},"I began by conducting interviews with 12 potential users across different demographics, focusing on their current habits and attitudes toward sustainability. These conversations revealed a crucial insight: most people wanted to make environmentally friendly choices but felt paralyzed by the complexity of calculating their impact.",[266,267,268],"blockquote",{},[243,269,270],{},"\"I care about the environment, but I have no idea if using a paper bag is actually better than plastic, or if my reusable water bottle makes any difference.\" — Interview participant",[258,272,274],{"id":273},"competitive-analysis","Competitive Analysis",[243,276,277],{},"Next, I analyzed existing sustainability apps, creating a feature comparison matrix to identify gaps and opportunities. Most competitors focused on carbon footprint calculations but failed to provide actionable guidance or positive reinforcement.",[258,279,281],{"id":280},"defining-success","Defining Success",[243,283,284],{},"Before opening Figma, I collaborated with stakeholders to define clear success metrics:",[286,287,288,292,295],"ul",{},[289,290,291],"li",{},"Increase daily active usage by 40%",[289,293,294],{},"Improve user-reported understanding of environmental impact",[289,296,297],{},"Drive measurable behavior changes in at least two sustainability categories",[250,299,301],{"id":300},"phase-2-ideation-conceptualization","Phase 2: Ideation & Conceptualization",[243,303,304],{},"With a solid understanding of the problem space, I moved into the creative phase of the process.",[258,306,308],{"id":307},"sketching","Sketching",[243,310,311],{},"I always start with pen and paper, rapidly exploring different approaches without the constraints of digital tools. For EcoTrack, I filled three sketchbooks with concepts ranging from gamified experiences to data-heavy dashboards.",[258,313,315],{"id":314},"information-architecture","Information Architecture",[243,317,318],{},"Based on research insights, I developed a user-centered information architecture that prioritized simplicity and actionable information:",[320,321,322,329,335,341],"ol",{},[289,323,324,328],{},[325,326,327],"strong",{},"Dashboard"," — Personalized overview with immediate impact insights",[289,330,331,334],{},[325,332,333],{},"Daily Tracker"," — Simple logging of activities with immediate feedback",[289,336,337,340],{},[325,338,339],{},"Impact Journey"," — Visualization of progress over time",[289,342,343,346],{},[325,344,345],{},"Action Center"," — Customized recommendations based on user behavior",[258,348,350],{"id":349},"design-principles","Design Principles",[243,352,353],{},"I established four core design principles to guide all decisions:",[286,355,356,362,368,374],{},[289,357,358,361],{},[325,359,360],{},"Simplify complexity"," — Translate environmental impact into understandable units",[289,363,364,367],{},[325,365,366],{},"Celebrate progress"," — Focus on positive reinforcement rather than guilt",[289,369,370,373],{},[325,371,372],{},"Enable informed choices"," — Provide context for decision-making",[289,375,376,379],{},[325,377,378],{},"Design for habit formation"," — Create satisfying interaction loops",[250,381,383],{"id":382},"phase-3-prototyping-testing","Phase 3: Prototyping & Testing",[243,385,386],{},"With the conceptual framework in place, I moved into the iterative cycle of prototyping and testing.",[258,388,390],{"id":389},"low-fidelity-wireframes","Low-Fidelity Wireframes",[243,392,393],{},"I created wireframes focusing on user flows and information hierarchy, deliberately keeping the visual design minimal to focus feedback on functionality and structure.",[258,395,397],{"id":396},"user-testing-round-1","User Testing (Round 1)",[243,399,400],{},"Testing wireframes with 8 participants revealed several key insights:",[286,402,403,406,409],{},[289,404,405],{},"Users wanted more immediate feedback when logging activities",[289,407,408],{},"The impact visualization wasn't intuitive for most users",[289,410,411],{},"People were confused by technical environmental terminology",[258,413,415],{"id":414},"mid-fidelity-prototypes","Mid-Fidelity Prototypes",[243,417,418],{},"Based on testing feedback, I refined the concept and developed interactive prototypes with more visual detail, focusing on:",[286,420,421,424,427],{},[289,422,423],{},"Simplified data visualization using familiar metaphors",[289,425,426],{},"Immediate positive reinforcement for logged activities",[289,428,429],{},"Progressive disclosure of more complex environmental information",[258,431,433],{"id":432},"user-testing-round-2","User Testing (Round 2)",[243,435,436],{},"A second round of testing showed significant improvements in usability, but highlighted new challenges:",[286,438,439,442,445],{},[289,440,441],{},"Users wanted to compare their impact with friends or community averages",[289,443,444],{},"Weekly summaries were more motivating than daily statistics",[289,446,447],{},"The onboarding process felt too lengthy",[250,449,451],{"id":450},"phase-4-visual-design-refinement","Phase 4: Visual Design & Refinement",[243,453,454],{},"With the core experience validated, I moved into high-fidelity visual design.",[258,456,458],{"id":457},"visual-language","Visual Language",[243,460,461],{},"I developed a visual language that balanced approachability with credibility:",[286,463,464,467,470,473],{},[289,465,466],{},"A nature-inspired color palette with clear functional color coding",[289,468,469],{},"Custom iconography that simplified complex concepts",[289,471,472],{},"Typography that prioritized readability across devices",[289,474,475],{},"Micro-interactions that provided satisfaction and reinforcement",[258,477,479],{"id":478},"design-system","Design System",[243,481,482],{},"To ensure consistency and facilitate development, I created a comprehensive design system including:",[286,484,485,488,491,494],{},[289,486,487],{},"Component library with documented states and behaviors",[289,489,490],{},"Responsive layout guidelines",[289,492,493],{},"Animation specifications",[289,495,496],{},"Accessibility standards",[258,498,500],{"id":499},"final-prototype","Final Prototype",[243,502,503],{},"The final prototype brought together all elements into a cohesive experience, which we tested with a broader user group before moving to development.",[250,505,507],{"id":506},"phase-5-implementation-iteration","Phase 5: Implementation & Iteration",[243,509,510],{},"The design process doesn't end when development begins—it evolves.",[258,512,514],{"id":513},"developer-collaboration","Developer Collaboration",[243,516,517],{},"I worked closely with developers throughout implementation, participating in code reviews and adjusting designs to address technical constraints while preserving the core experience.",[258,519,521],{"id":520},"analytics-implementation","Analytics Implementation",[243,523,524],{},"We integrated analytics to track our success metrics, setting up dashboards to monitor key interactions and user journeys.",[258,526,528],{"id":527},"post-launch-iteration","Post-Launch Iteration",[243,530,531],{},"After launch, we established a regular cycle of analysis and iteration:",[286,533,534,537,540],{},[289,535,536],{},"Weekly reviews of user feedback and behavior data",[289,538,539],{},"Bi-weekly design sprints to address emerging issues",[289,541,542],{},"Monthly feature planning based on usage patterns",[250,544,546],{"id":545},"results-learnings","Results & Learnings",[243,548,549],{},"Six months after launch, EcoTrack has exceeded our initial success metrics:",[286,551,552,555,558],{},[289,553,554],{},"52% increase in daily active usage",[289,556,557],{},"78% of users report better understanding of their environmental impact",[289,559,560],{},"Average user has adopted 3.4 new sustainable habits",[243,562,563],{},"The most valuable lesson from this project was the importance of making abstract concepts tangible. By translating complex environmental data into personal, actionable insights, we created an experience that not only educated users but empowered them to make meaningful changes.",[250,565,567],{"id":566},"conclusion","Conclusion",[243,569,570],{},"Effective product design is never a linear journey—it's a continuous cycle of learning and refinement. By staying focused on user needs while maintaining a flexible approach to problem-solving, we can create products that not only meet business objectives but genuinely improve people's lives.",[243,572,573],{},"I'd love to hear about your own design process and how you approach similar challenges. Feel free to reach out with questions or share your experiences in the comments below.",{"title":575,"searchDepth":576,"depth":576,"links":577},"",2,[578,584,589,595,600,605,606],{"id":252,"depth":576,"text":253,"children":579},[580,582,583],{"id":260,"depth":581,"text":261},3,{"id":273,"depth":581,"text":274},{"id":280,"depth":581,"text":281},{"id":300,"depth":576,"text":301,"children":585},[586,587,588],{"id":307,"depth":581,"text":308},{"id":314,"depth":581,"text":315},{"id":349,"depth":581,"text":350},{"id":382,"depth":576,"text":383,"children":590},[591,592,593,594],{"id":389,"depth":581,"text":390},{"id":396,"depth":581,"text":397},{"id":414,"depth":581,"text":415},{"id":432,"depth":581,"text":433},{"id":450,"depth":576,"text":451,"children":596},[597,598,599],{"id":457,"depth":581,"text":458},{"id":478,"depth":581,"text":479},{"id":499,"depth":581,"text":500},{"id":506,"depth":576,"text":507,"children":601},[602,603,604],{"id":513,"depth":581,"text":514},{"id":520,"depth":581,"text":521},{"id":527,"depth":581,"text":528},{"id":545,"depth":576,"text":546},{"id":566,"depth":576,"text":567},"2025-04-23","A detailed breakdown of my iterative design methodology, from initial research to final handoff, with practical tips for designers at every stage.","md","https:\u002F\u002Fimages.pexels.com\u002Fphotos\u002F1050312\u002Fpexels-photo-1050312.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",{},8,"\u002Fen\u002Fblog\u002Ffrom-mockup-to-market",{"title":15,"description":608},"Vihf8R0uHVjwWqK_CkEGRU5NvlUqDc0B7aOMZl5TNnI",{"id":617,"title":23,"author":618,"body":621,"date":663,"description":664,"extension":609,"image":665,"meta":666,"minRead":667,"navigation":163,"path":668,"seo":669,"stem":25,"__hash__":670},"blog\u002Fen\u002Fblog\u002Fpsychology-of-color-in-ui-design.md",{"name":236,"avatar":619},{"src":620,"alt":236},"\u002Fimages\u002Fme_dark.avif",{"type":240,"value":622,"toc":661},[623,626,629,632,635,638,655,658],[243,624,625],{},"Color is one of the most powerful tools in my design arsenal, yet I find it's often reduced to mere aesthetics or brand guidelines. After conducting a series of A\u002FB tests for the Wavelength music app redesign, I've gathered some fascinating insights about how color psychology directly impacts user behavior.",[243,627,628],{},"When we initially launched the app, we used a vibrant purple as our primary action color. The color looked great with our brand palette, but our conversion metrics were underwhelming. On a hunch, I proposed testing different primary colors while keeping all other elements identical.",[243,630,631],{},"The results were striking: switching to a specific shade of blue increased our call-to-action conversion by 34%. Even more interesting was how different user segments responded to color variations—younger users engaged more with vibrant tones, while our 35+ demographic showed stronger preference for more subdued colors.",[243,633,634],{},"Beyond conversion metrics, I discovered that color significantly affected how users perceived waiting times. By implementing a softer color progression in our loading animations, users reported that the app felt faster, even though the actual loading times remained unchanged.",[243,636,637],{},"I've since developed a framework for color decision-making that goes beyond aesthetics:",[320,639,640,643,646,649,652],{},[289,641,642],{},"Consider the emotional response you want to evoke",[289,644,645],{},"Test color choices with your specific user demographics",[289,647,648],{},"Use color to create visual hierarchies that guide users naturally",[289,650,651],{},"Consider cultural associations of colors for international audiences",[289,653,654],{},"Ensure sufficient contrast for readability and accessibility",[243,656,657],{},"The most valuable lesson I've learned is that there are no universal \"right\" colors—only colors that effectively communicate your message and guide users toward their goals within your specific context.",[243,659,660],{},"Next time you're selecting a color palette, think beyond what looks good and consider what your colors are actually saying to your users.",{"title":575,"searchDepth":576,"depth":576,"links":662},[],"2025-03-15","Exploring how strategic color choices can influence user behavior, evoke emotions, and enhance the overall user experience of digital products.","https:\u002F\u002Fimages.pexels.com\u002Fphotos\u002F40799\u002Fpaper-colorful-color-loose-40799.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",{},5,"\u002Fen\u002Fblog\u002Fpsychology-of-color-in-ui-design",{"title":23,"description":664},"kKteub_uY4prVsgm79EaguTBSUG-Uvue3SNp7vfwrj8",{"id":672,"title":19,"author":673,"body":675,"date":714,"description":715,"extension":609,"image":716,"meta":717,"minRead":718,"navigation":163,"path":719,"seo":720,"stem":21,"__hash__":721},"blog\u002Fen\u002Fblog\u002Fhow-i-built-my-own-design-system-from-scratch.md",{"name":236,"avatar":674},{"src":620,"alt":236},{"type":240,"value":676,"toc":712},[677,680,683,686,689,703,706,709],[243,678,679],{},"After years of starting each project with a blank Figma file, I finally took the plunge and created my own comprehensive design system. The process was both challenging and incredibly rewarding, and I wanted to share my approach for other designers considering the same journey.",[243,681,682],{},"I started by auditing five of my recent projects, identifying common patterns and components that appeared across different designs. This revealed inconsistencies in my work that I hadn't noticed before—seven slightly different button styles, inconsistent spacing rules, and text styles that varied without clear purpose.",[243,684,685],{},"Rather than creating a rigid system upfront, I built it iteratively through a real client project. For the EcoTrack app, I documented each component as I designed it, creating a living system that evolved with the project's needs.",[243,687,688],{},"The core of my system includes:",[286,690,691,694,697,700],{},[289,692,693],{},"A flexible color system with semantic naming conventions",[289,695,696],{},"Typography scales based on the golden ratio",[289,698,699],{},"Component variants with clear usage guidelines",[289,701,702],{},"Spacing and layout rules that maintain consistency across devices",[243,704,705],{},"The biggest challenge wasn't technical but psychological—learning to trust the system instead of reinventing solutions for each new problem. But the payoff has been enormous: my design process is now 40% faster, client revisions have decreased significantly, and handoff to development is much smoother.",[243,707,708],{},"If you're considering building your own system, my advice is to start small with core elements, test them on real projects, and document as you go. A good design system should feel like a trusted collaborator, not a set of restrictions.",[243,710,711],{},"I've attached a template of my component documentation method below—feel free to adapt it for your own workflow!",{"title":575,"searchDepth":576,"depth":576,"links":713},[],"2025-03-05","A practical guide to creating your own design system, from initial audit to implementation, and the lessons learned along the way.","https:\u002F\u002Fimages.pexels.com\u002Fphotos\u002F196644\u002Fpexels-photo-196644.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",{},6,"\u002Fen\u002Fblog\u002Fhow-i-built-my-own-design-system-from-scratch",{"title":19,"description":715},"pCBJl65xcwdNzlC3lZaPQpKRK64zV9V6rOI65_SaWro",1780581731886]