[{"data":1,"prerenderedAt":141},["ShallowReactive",2],{"navigation":3,"search":47,"\u002Fblog\u002Fpsychology-of-color-in-ui-design":64,"\u002Fblog\u002Fpsychology-of-color-in-ui-design-surround":130},[4,30],{"title":5,"path":6,"stem":7,"children":8,"page":29},"Certificates","\u002Fcertificates","certificates",[9,13,17,21,25],{"title":10,"path":11,"stem":12},"Bachelor of Computer Science","\u002Fcertificates\u002Fbachelors_degree","certificates\u002FBachelors_Degree",{"title":14,"path":15,"stem":16},"Certificate of Achievement","\u002Fcertificates\u002Fbos","certificates\u002FBoS",{"title":18,"path":19,"stem":20},"Claude 101","\u002Fcertificates\u002Fclaude_101","certificates\u002FClaude_101",{"title":22,"path":23,"stem":24},"Web Development BootCamp","\u002Fcertificates\u002Fudemy","certificates\u002FUDEMY",{"title":26,"path":27,"stem":28},"Analyze Speech and Language with Google APIs","\u002Fcertificates\u002Fgoogle-cloud-analyze-speech","certificates\u002Fgoogle-cloud-analyze-speech",false,{"title":31,"path":32,"stem":33,"children":34,"page":29},"Projects","\u002Fprojects","projects",[35,39,43],{"title":36,"path":37,"stem":38},"CodeLao - Digital Innovation Agency","\u002Fprojects\u002Fcodelao","projects\u002Fcodelao",{"title":40,"path":41,"stem":42},"Luxury Resort & Cabin Booking System","\u002Fprojects\u002Fhotel-demo","projects\u002Fhotel-demo",{"title":44,"path":45,"stem":46},"Oneqik - Comprehensive HR Solution","\u002Fprojects\u002Foneqik-hr","projects\u002Foneqik-hr",[48,52,55,58,61],{"id":11,"title":10,"titles":49,"content":50,"level":51},[],"Bachelor's Degree in Computer Science, focusing on software engineering and systems design. Successfully completed a four-year Bachelor's degree program in Computer Science. The curriculum covered advanced topics including: Data Structures and AlgorithmsDatabase Management SystemsSoftware Engineering PrinciplesOperating SystemsArtificial Intelligence",1,{"id":15,"title":14,"titles":53,"content":54,"level":51},[],"Board of Investment (BoI) certification. This is my certificate from the Board of Investment (BoI).",{"id":19,"title":18,"titles":56,"content":57,"level":51},[],"Introduction to Claude AI, covering core features, project management, and effective prompting. Successfully completed the Claude 101 course by Anthropic Academy. This course provides a comprehensive introduction to leveraging Claude for daily productivity and advanced workflows. Verify Certificate Key learning outcomes included: Core Features & Navigation: Mastered the fundamental interface and capabilities of Claude.Projects & Artifacts: Learned how to organize knowledge into Projects and use Artifacts to iterate on code, documents, and designs in real-time.Prompt Engineering: Developed skills in crafting effective prompts to achieve high-quality, relevant results.AI-Powered Research: Explored techniques for deep-dive research and data synthesis using Claude's expanded context window and specialized modes.Advanced Workflows: Integrated Claude into professional tasks, including document analysis and creative collaboration.",{"id":23,"title":22,"titles":59,"content":60,"level":51},[],"Complete web development certification. Completed a comprehensive web development bootcamp.",{"id":27,"title":26,"titles":62,"content":63,"level":51},[],"Gain hands-on experience with the Google Cloud Natural Language API, Speech-to-Text API, and Text-to-Speech API. Earned the Analyze Speech and Language with Google APIs skill badge by completing the Google Cloud Skills Boost quest. This badge validates the ability to extract technical insights from audio and text using advanced machine learning models. Verify Certificate Key skills validated: Natural Language Processing (NLP): Applied pre-trained models to identify entities and sentiment within text documents.Natural Language API: Utilized Google's cloud-based NLP services to process and analyze unstructured text at scale.Sentiment Analysis: Evaluated the emotional tone of text to derive business intelligence from user feedback and documents.Speech Recognition (Speech-to-Text): Converted spoken audio into text data with high accuracy using powerful neural network models.Speech Synthesis (Text-to-Speech): Generated human-like speech from text input, enabling more natural user interactions.",{"id":65,"title":66,"author":67,"body":71,"date":119,"description":120,"extension":121,"image":122,"meta":123,"minRead":124,"navigation":125,"path":126,"seo":127,"stem":128,"__hash__":129},"blog\u002Fblog\u002Fpsychology-of-color-in-ui-design.md","The Psychology of Color in UI Design",{"name":68,"avatar":69},"Pong Keosithong",{"src":70,"alt":68},"\u002FmyImg\u002Fpong.png",{"type":72,"value":73,"toc":115},"minimark",[74,78,81,84,87,90,109,112],[75,76,77],"p",{},"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.",[75,79,80],{},"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.",[75,82,83],{},"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.",[75,85,86],{},"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.",[75,88,89],{},"I've since developed a framework for color decision-making that goes beyond aesthetics:",[91,92,93,97,100,103,106],"ol",{},[94,95,96],"li",{},"Consider the emotional response you want to evoke",[94,98,99],{},"Test color choices with your specific user demographics",[94,101,102],{},"Use color to create visual hierarchies that guide users naturally",[94,104,105],{},"Consider cultural associations of colors for international audiences",[94,107,108],{},"Ensure sufficient contrast for readability and accessibility",[75,110,111],{},"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.",[75,113,114],{},"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":116,"searchDepth":117,"depth":117,"links":118},"",2,[],"2025-03-15","Exploring how strategic color choices can influence user behavior, evoke emotions, and enhance the overall user experience of digital products.","md","https:\u002F\u002Fimages.pexels.com\u002Fphotos\u002F40799\u002Fpaper-colorful-color-loose-40799.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",{},5,true,"\u002Fblog\u002Fpsychology-of-color-in-ui-design",{"title":66,"description":120},"blog\u002Fpsychology-of-color-in-ui-design","C9alDSBusfPkQS9uSy_-isqEdy-k21R2PUOpEYbl384",[131,136],{"title":132,"path":133,"stem":134,"description":135,"children":-1},"How I Built My Design System from Scratch","\u002Fblog\u002Fhow-i-built-my-own-design-system-from-scratch","blog\u002Fhow-i-built-my-own-design-system-from-scratch","A practical guide to creating your own design system, from initial audit to implementation, and the lessons learned along the way.",{"title":137,"path":138,"stem":139,"description":140,"children":-1},"The Case for Slow Design in a Fast-Paced Digital World","\u002Fblog\u002Fslow-design-in-fast-paced-digital-world","blog\u002Fslow-design-in-fast-paced-digital-world","Why designing digital experiences that encourage users to slow down and engage deeply can lead to more meaningful interactions and better outcomes.",1778660122446]