
{"id":2964,"date":"2026-07-18T22:13:59","date_gmt":"2026-07-18T22:13:59","guid":{"rendered":"https:\/\/blogadmin.mymentalpal.com\/?p=2964"},"modified":"2026-07-18T22:18:25","modified_gmt":"2026-07-18T22:18:25","slug":"designing-book-badges","status":"publish","type":"post","link":"https:\/\/mymentalpal.com\/blog\/product-design\/designing-book-badges\/","title":{"rendered":"Designing Book Badges: The Story Behind myMentalPal&#8217;s Rewards"},"content":{"rendered":"\n<p>Designing the Book Badges was a tremendous project. We have over 40+ microlearning mediations available, so creating multiple Book Badges per book resulted in over 80+ designs in total.<\/p>\n\n\n\n<p>I wanted these badges to be something exciting for users to collect. The idea for the Book Badges came from our UI Designer: shareable quotes from our microlearning meditations, paired with coordinating illustrations.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"255\" src=\"https:\/\/blogadmin.mymentalpal.com\/wp-content\/uploads\/2026\/07\/Design-Blog-Bookquotes-1024x255.png\" alt=\"microlearning book badges\" class=\"wp-image-2966\" srcset=\"https:\/\/mymentalpal.com\/blog\/wp-content\/uploads\/2026\/07\/Design-Blog-Bookquotes-1024x255.png 1024w, https:\/\/mymentalpal.com\/blog\/wp-content\/uploads\/2026\/07\/Design-Blog-Bookquotes-300x75.png 300w, https:\/\/mymentalpal.com\/blog\/wp-content\/uploads\/2026\/07\/Design-Blog-Bookquotes-768x191.png 768w, https:\/\/mymentalpal.com\/blog\/wp-content\/uploads\/2026\/07\/Design-Blog-Bookquotes-1536x383.png 1536w, https:\/\/mymentalpal.com\/blog\/wp-content\/uploads\/2026\/07\/Design-Blog-Bookquotes-2048x511.png 2048w, https:\/\/mymentalpal.com\/blog\/wp-content\/uploads\/2026\/07\/Design-Blog-Bookquotes-550x137.png 550w, https:\/\/mymentalpal.com\/blog\/wp-content\/uploads\/2026\/07\/Design-Blog-Bookquotes-800x199.png 800w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Making Each Badge Feel Like the Book<\/strong><\/h2>\n\n\n\n<p>Beyond creating a visually interesting and simple design, the badges needed to coordinate with our book covers, connect with each book&#8217;s theme, content, colors, and background colors, and work well on the page with our UI assets. It was about combining visual aesthetics with function.<\/p>\n\n\n\n<div class=\"wp-block-buttons siddha-btn is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button siddha-btn\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/mymentalpal.onelink.me\/ilUA\/duc0vbgx\" target=\"_blank\" rel=\"noreferrer noopener\">Earn your first badge<\/a><\/div>\n<\/div>\n\n\n\n<p>The Book Badges allowed us to go beyond relying on our mascots for visual communication and create book-specific images like:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li> A <strong>dragon<\/strong>, for the \u2018<a href=\"https:\/\/mymentalpal.com\/search\/book-challenge\/the-artists-way-at-work-by-mark-bryan\" target=\"_blank\" rel=\"noreferrer noopener\">Artist&#8217;s Way at Work<\/a>\u2019 by Mark Bryan. This book regularly discusses \u201cRiding the Dragon\u201d, comparing workplace stress and competitiveness to a dragon. Not as a monster to defeat, but as a source of energy to harness for your creative ambition.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/blogadmin.mymentalpal.com\/wp-content\/uploads\/2026\/07\/Design-Blog-The-Artist-Way-1024x1024.png\" alt=\"Artist's work book badge\" class=\"wp-image-2969\" style=\"width:261px;height:auto\" srcset=\"https:\/\/mymentalpal.com\/blog\/wp-content\/uploads\/2026\/07\/Design-Blog-The-Artist-Way-1024x1024.png 1024w, https:\/\/mymentalpal.com\/blog\/wp-content\/uploads\/2026\/07\/Design-Blog-The-Artist-Way-300x300.png 300w, https:\/\/mymentalpal.com\/blog\/wp-content\/uploads\/2026\/07\/Design-Blog-The-Artist-Way-150x150.png 150w, https:\/\/mymentalpal.com\/blog\/wp-content\/uploads\/2026\/07\/Design-Blog-The-Artist-Way-768x767.png 768w, https:\/\/mymentalpal.com\/blog\/wp-content\/uploads\/2026\/07\/Design-Blog-The-Artist-Way-550x550.png 550w, https:\/\/mymentalpal.com\/blog\/wp-content\/uploads\/2026\/07\/Design-Blog-The-Artist-Way-800x799.png 800w, https:\/\/mymentalpal.com\/blog\/wp-content\/uploads\/2026\/07\/Design-Blog-The-Artist-Way.png 1352w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>A <strong>strand<\/strong> <strong>of sparkly DNA<\/strong>, for \u2018<a href=\"https:\/\/mymentalpal.com\/search\/book-challenge\/it-didnt-start-with-you\" target=\"_blank\" rel=\"noreferrer noopener\">It Didn\u2019t Start with<\/a> You by Mark Wolynn. This book discusses how inherited family trauma can pass down through generations and show up as our own anxieties or mental health struggles, even when we did not experience the original trauma.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/blogadmin.mymentalpal.com\/wp-content\/uploads\/2026\/07\/Design-Blog-It-didnt-start-with-you-1024x1024.png\" alt=\"It didn't start with you book badge\" class=\"wp-image-2968\" style=\"width:242px;height:auto\" srcset=\"https:\/\/mymentalpal.com\/blog\/wp-content\/uploads\/2026\/07\/Design-Blog-It-didnt-start-with-you-1024x1024.png 1024w, https:\/\/mymentalpal.com\/blog\/wp-content\/uploads\/2026\/07\/Design-Blog-It-didnt-start-with-you-300x300.png 300w, https:\/\/mymentalpal.com\/blog\/wp-content\/uploads\/2026\/07\/Design-Blog-It-didnt-start-with-you-150x150.png 150w, https:\/\/mymentalpal.com\/blog\/wp-content\/uploads\/2026\/07\/Design-Blog-It-didnt-start-with-you-768x767.png 768w, https:\/\/mymentalpal.com\/blog\/wp-content\/uploads\/2026\/07\/Design-Blog-It-didnt-start-with-you-550x550.png 550w, https:\/\/mymentalpal.com\/blog\/wp-content\/uploads\/2026\/07\/Design-Blog-It-didnt-start-with-you-800x799.png 800w, https:\/\/mymentalpal.com\/blog\/wp-content\/uploads\/2026\/07\/Design-Blog-It-didnt-start-with-you.png 1352w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>A personal favorite to design was the <strong>sword and shield<\/strong>, based on the book \u2018<a href=\"https:\/\/mymentalpal.com\/search\/book-challenge\/daring-greatly-by-brene-brown\" target=\"_blank\" rel=\"noreferrer noopener\">Daring Greatly<\/a>\u2019 by Bren\u00e9 Brown. This was created to represent embracing imperfection and daring greatly, showing that vulnerability is not a weakness, but a strength.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/blogadmin.mymentalpal.com\/wp-content\/uploads\/2026\/07\/Design-Blog-Daring-Greatly-1024x1024.png\" alt=\"Daring-Greatly book badge\" class=\"wp-image-2967\" style=\"width:234px;height:auto\" srcset=\"https:\/\/mymentalpal.com\/blog\/wp-content\/uploads\/2026\/07\/Design-Blog-Daring-Greatly-1024x1024.png 1024w, https:\/\/mymentalpal.com\/blog\/wp-content\/uploads\/2026\/07\/Design-Blog-Daring-Greatly-300x300.png 300w, https:\/\/mymentalpal.com\/blog\/wp-content\/uploads\/2026\/07\/Design-Blog-Daring-Greatly-150x150.png 150w, https:\/\/mymentalpal.com\/blog\/wp-content\/uploads\/2026\/07\/Design-Blog-Daring-Greatly-768x767.png 768w, https:\/\/mymentalpal.com\/blog\/wp-content\/uploads\/2026\/07\/Design-Blog-Daring-Greatly-550x550.png 550w, https:\/\/mymentalpal.com\/blog\/wp-content\/uploads\/2026\/07\/Design-Blog-Daring-Greatly-800x799.png 800w, https:\/\/mymentalpal.com\/blog\/wp-content\/uploads\/2026\/07\/Design-Blog-Daring-Greatly.png 1352w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<div class=\"wp-block-buttons siddha-btn is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button siddha-btn\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/mymentalpal.onelink.me\/ilUA\/duc0vbgx\" target=\"_blank\" rel=\"noreferrer noopener\">Collect your first badge<\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Designing for Daily Practice<\/strong><\/h2>\n\n\n\n<p>I applied this design process to each Book Badge to give users a complete experience of our microlearning meditations: thoughtful design, intentional color choices, and an encouraging system that helps users practice daily as they work toward their goals.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/mymentalpal.onelink.me\/ilUA\/duc0vbgx\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"569\" src=\"https:\/\/blogadmin.mymentalpal.com\/wp-content\/uploads\/2026\/05\/mymentalpal-card-1024x569.jpg\" alt=\"myMentalPal, Meditate on big ideas from bestselling books\" class=\"wp-image-2961\" style=\"width:761px;height:auto\" srcset=\"https:\/\/mymentalpal.com\/blog\/wp-content\/uploads\/2026\/05\/mymentalpal-card-1024x569.jpg 1024w, https:\/\/mymentalpal.com\/blog\/wp-content\/uploads\/2026\/05\/mymentalpal-card-300x167.jpg 300w, https:\/\/mymentalpal.com\/blog\/wp-content\/uploads\/2026\/05\/mymentalpal-card-768x427.jpg 768w, https:\/\/mymentalpal.com\/blog\/wp-content\/uploads\/2026\/05\/mymentalpal-card-1536x854.jpg 1536w, https:\/\/mymentalpal.com\/blog\/wp-content\/uploads\/2026\/05\/mymentalpal-card-550x306.jpg 550w, https:\/\/mymentalpal.com\/blog\/wp-content\/uploads\/2026\/05\/mymentalpal-card-800x445.jpg 800w, https:\/\/mymentalpal.com\/blog\/wp-content\/uploads\/2026\/05\/mymentalpal-card.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div>\n\n\n<p><a href=\"https:\/\/mymentalpal.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">myMentalPal<\/a> is for mindfulness, learning, and daily self-improvement, not a replacement for professional mental health support. Open the app, start a microlearning challenge, and collect each Book Badge one small lesson at a time.<\/p>\n\n\n<div class=\"blog-email-cap\"><div class=\"title-vd3\">Train your mind and develop emotional intelligence<\/div><div class=\"title-vd3-descriptopn\">Find out how myMentalPal can support you on your mental fitness journey.<\/div>\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f2360-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"2360\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/wp-json\/wp\/v2\/posts\/2964#wpcf7-f2360-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"2360\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.0.6\" \/>\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/>\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f2360-o1\" \/>\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/>\n<input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/div>\n<div class=\"content-mail-klavio\">\n\t<div class=\"inside-form\">\n\t\t<p><label><span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Enter your email\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span><\/label><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Submit\" \/>\n\t\t<\/p>\n\t<\/div>\n<\/div>\n<p><span class=\"after-form\">[cf7-simple-turnstile]<\/span>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<div class=\"agreement-email-blog\">By clicking Submit, you consent to receiving marketing and informational messages from myMentalPal about its products and services. <\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>A behind-the-scenes look at how myMentalPal Book Badges turn microlearning meditations into collectible, book-specific rewards.<\/p>\n","protected":false},"author":2,"featured_media":2965,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_lock_modified_date":false,"footnotes":""},"categories":[43],"tags":[],"class_list":["post-2964","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-product-design"],"_links":{"self":[{"href":"https:\/\/mymentalpal.com\/blog\/wp-json\/wp\/v2\/posts\/2964","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mymentalpal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mymentalpal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mymentalpal.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mymentalpal.com\/blog\/wp-json\/wp\/v2\/comments?post=2964"}],"version-history":[{"count":5,"href":"https:\/\/mymentalpal.com\/blog\/wp-json\/wp\/v2\/posts\/2964\/revisions"}],"predecessor-version":[{"id":2975,"href":"https:\/\/mymentalpal.com\/blog\/wp-json\/wp\/v2\/posts\/2964\/revisions\/2975"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mymentalpal.com\/blog\/wp-json\/wp\/v2\/media\/2965"}],"wp:attachment":[{"href":"https:\/\/mymentalpal.com\/blog\/wp-json\/wp\/v2\/media?parent=2964"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mymentalpal.com\/blog\/wp-json\/wp\/v2\/categories?post=2964"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mymentalpal.com\/blog\/wp-json\/wp\/v2\/tags?post=2964"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}