{"id":1256,"date":"2026-07-01T16:13:12","date_gmt":"2026-07-01T07:13:12","guid":{"rendered":"https:\/\/monji.tech\/blog\/?p=1256"},"modified":"2026-07-15T15:50:19","modified_gmt":"2026-07-15T06:50:19","slug":"ai-can-make-it-look-polished-but-it-still-doesnt-feel-like-us-why-hand-drawn-websites-are-coming-back","status":"publish","type":"post","link":"https:\/\/monji.tech\/blog\/webops\/ai-can-make-it-look-polished-but-it-still-doesnt-feel-like-us-why-hand-drawn-websites-are-coming-back\/","title":{"rendered":"\u201cAI can make beautiful designs instantly. So why doesn\u2019t our website feel like us?\u201d"},"content":{"rendered":"<p class=\"isSelectedEnd\">\u201cAI can help us create clean, polished designs quickly. But somehow, it still doesn\u2019t feel like our company.\u201d<\/p>\n<p class=\"isSelectedEnd\">Recently, we have been hearing this kind of comment more often in website production and operation.<\/p>\n<p class=\"isSelectedEnd\">With the spread of generative AI, the barrier to creating visually polished designs has dropped significantly. In just a few minutes, it is now possible to generate design ideas that look well-balanced and presentable.<\/p>\n<p class=\"isSelectedEnd\">That is useful. Very useful.<\/p>\n<p class=\"isSelectedEnd\">But because it has become easier to create something polished, a different kind of problem has started to appear.<\/p>\n<p class=\"isSelectedEnd\">\u201cEvery website looks somewhat similar.\u201d<br \/>\n\u201cIt looks clean, but it does not stay in your memory.\u201d<br \/>\n\u201cIt is hard to communicate the brand\u2019s personality or warmth.\u201d<\/p>\n<p class=\"isSelectedEnd\">We have felt the same thing in our own website operation work.<\/p>\n<p class=\"isSelectedEnd\">Against that background, hand-drawn and hand-crafted design elements are beginning to attract attention in 2026. These are designs that show traces of human touch: loose lines, handwritten elements, collage-like layouts, stickers, marker-style highlights, and illustrations that feel intentionally imperfect.<\/p>\n<p class=\"isSelectedEnd\">In this article, we will look at why hand-crafted aesthetics are being chosen in an age where AI can create clean visuals for almost anyone, and how teams can introduce them into real website projects.<\/p>\n<div contenteditable=\"false\">\n<hr \/>\n<\/div>\n<h2>Why this problem happens<\/h2>\n<h3>Background 1: polished design no longer feels as special as it used to<\/h3>\n<p class=\"isSelectedEnd\">Until recently, creating a polished website required a certain level of knowledge and experience.<\/p>\n<p class=\"isSelectedEnd\">Spacing, color, typography, photography, layout, visual hierarchy \u2014 a \u201cclean website\u201d was built by carefully layering many small decisions.<\/p>\n<p class=\"isSelectedEnd\">Now, with generative AI, almost anyone can create polished visual ideas in a short amount of time.<\/p>\n<p class=\"isSelectedEnd\">That is a major improvement. It makes early drafts faster, helps teams explore directions, and can speed up the production process.<\/p>\n<p class=\"isSelectedEnd\">But as polished designs become more common, \u201clooking clean\u201d becomes less of a differentiator.<\/p>\n<p class=\"isSelectedEnd\">When many sites share the same smooth, well-balanced look, they can start to feel similar. They may be easy to understand, but harder to remember.<\/p>\n<p class=\"isSelectedEnd\">This is where slightly imperfect, hand-crafted expressions become useful.<\/p>\n<p class=\"isSelectedEnd\">For example:<\/p>\n<ul data-spread=\"false\">\n<li>doodle-like lines<\/li>\n<li>handwritten text<\/li>\n<li>sticker-like accents<\/li>\n<li>collage-style photo layouts<\/li>\n<li>marker-style highlights<\/li>\n<li>loose, friendly illustrations<\/li>\n<\/ul>\n<p class=\"isSelectedEnd\">These elements add a sense of human presence to screens that might otherwise feel too polished.<\/p>\n<h3>Background 2: users are not only looking for beauty \u2014 they are sensing personality<\/h3>\n<p class=\"isSelectedEnd\">People do not look at websites only to collect information.<\/p>\n<p class=\"isSelectedEnd\">They also sense the personality of the company.<br \/>\nThe atmosphere of the shop.<br \/>\nThe people behind the product.<br \/>\nThe warmth and care behind the service.<\/p>\n<p class=\"isSelectedEnd\">A polished AI-like visual can be useful for organizing information. But depending on the brand, it may not be enough to communicate personality, warmth, or human character.<\/p>\n<p class=\"isSelectedEnd\">What we have felt in the field is that slightly uneven, human-made elements can sometimes remain in the viewer\u2019s memory more strongly than something perfectly polished.<\/p>\n<p class=\"isSelectedEnd\">The better AI becomes at creating clean designs, the more valuable human \u201ccharacter\u201d may become.<\/p>\n<p class=\"isSelectedEnd\">That may be one reason hand-drawn and hand-crafted design is gaining attention.<\/p>\n<div contenteditable=\"false\">\n<hr \/>\n<\/div>\n<h2>Steps to introduce hand-crafted design elements<\/h2>\n<p class=\"isSelectedEnd\">Hand-crafted design is not something you should add everywhere just because it is trending.<\/p>\n<p class=\"isSelectedEnd\">If you overdo it, the site can become hard to read or look messy. The important point is not to break the whole design, but to add a small amount of texture on top of a solid foundation.<\/p>\n<p class=\"isSelectedEnd\">Here is a practical three-step approach.<\/p>\n<h3>STEP 1: Visualize the current state of the website<\/h3>\n<p class=\"isSelectedEnd\">Start by looking at how the current website feels.<\/p>\n<p class=\"isSelectedEnd\">The points to check are:<\/p>\n<ul data-spread=\"false\">\n<li>Is the site clean, but lacking memorable elements?<\/li>\n<li>Does it communicate the brand\u2019s personality and warmth?<\/li>\n<li>Do the photos, headings, icons, and spacing feel distinctive?<\/li>\n<li>Are there any expressions that make users feel, \u201cThis feels like this company\u201d?<\/li>\n<\/ul>\n<p class=\"isSelectedEnd\">Before adding hand-drawn elements, it is important to understand the current impression of the site.<\/p>\n<p class=\"isSelectedEnd\">At this stage, try not to judge only by personal design preference. It is better to review the screen with the website operation team and discuss questions such as:<\/p>\n<p class=\"isSelectedEnd\">\u201cWhere does the site feel too polished?\u201d<br \/>\n\u201cWhere could we add a small human touch?\u201d<br \/>\n\u201cWhich parts should stay clean and easy to read?\u201d<\/p>\n<p class=\"isSelectedEnd\">When sharing observations and improvement points across a team, a WebOps platform such as <a href=\"https:\/\/monji.tech\/ja\/plus\/\">MONJI+<\/a> can help keep comments attached to the actual screen, making it easier to review and improve the site later.<\/p>\n<h3>STEP 2: Choose only one or two places to add texture<\/h3>\n<p class=\"isSelectedEnd\">Next, decide where to add hand-crafted elements.<\/p>\n<p class=\"isSelectedEnd\">The key is not to cover the whole site with them.<\/p>\n<p class=\"isSelectedEnd\">Hand-crafted expression is seasoning. It is not the foundation.<\/p>\n<p class=\"isSelectedEnd\">For example, you might:<\/p>\n<ul data-spread=\"false\">\n<li>add a handwritten-style accent to part of a heading<\/li>\n<li>use loose line drawings for icons or dividers<\/li>\n<li>make photos look slightly tilted, as if they were placed by hand<\/li>\n<li>add one small interaction where an element bends or shifts with cursor movement<\/li>\n<li>use a marker-style highlight on an important phrase<\/li>\n<\/ul>\n<p class=\"isSelectedEnd\">The important thing is to protect readability.<\/p>\n<p class=\"isSelectedEnd\">If all body text is set in a handwritten-style font, long passages may become difficult to read. A handwritten word in a heading can work well as an accent, but using the same style across the entire page can create stress for readers.<\/p>\n<p class=\"isSelectedEnd\">The same is true for collage and sticker-like elements. If you add too many, users may not know where to look.<\/p>\n<p class=\"isSelectedEnd\">As a loose rule, we try to keep hand-crafted elements to one or two per screen.<\/p>\n<p class=\"isSelectedEnd\">Only part of the design should be loosened.<br \/>\nThe foundation should remain stable.<\/p>\n<p class=\"isSelectedEnd\">That balance is the basic principle for using hand-crafted design well.<\/p>\n<h3>STEP 3: Check whether it fits the brand and industry<\/h3>\n<p class=\"isSelectedEnd\">Finally, check whether the expression truly fits the brand.<\/p>\n<p class=\"isSelectedEnd\">Hand-drawn and hand-crafted design is not suitable for every website.<\/p>\n<p class=\"isSelectedEnd\">It often works well for sites such as the following.<\/p>\n<h4>Personal brands and small shop websites<\/h4>\n<p class=\"isSelectedEnd\">When the person behind the business matters, handwritten notes or slightly rough photo layouts can create a sense of familiarity.<\/p>\n<p class=\"isSelectedEnd\">Instead of making everything too clean, showing a little human touch may help communicate the person\u2019s character or the atmosphere of the shop.<\/p>\n<h4>E-commerce sites for craft, food, or lifestyle goods<\/h4>\n<p class=\"isSelectedEnd\">When the product itself has a handmade or material quality, adding texture to the website can help connect the screen to the product world.<\/p>\n<p class=\"isSelectedEnd\">A perfectly polished design may not fully communicate the feel of the material or the care of the maker. Hand-crafted details can help fill that gap.<\/p>\n<h4>Recruitment and culture pages<\/h4>\n<p class=\"isSelectedEnd\">Hand-crafted expressions can also work well when a company wants to show its people and culture.<\/p>\n<p class=\"isSelectedEnd\">A slightly loosened layout may sometimes communicate the atmosphere of the team better than overly polished photos and rigid sections.<\/p>\n<p class=\"isSelectedEnd\">On the other hand, there are sites where this approach can be harder to use.<\/p>\n<p class=\"isSelectedEnd\">For example, websites close to finance, healthcare, or public services often need to communicate accuracy, reliability, and reassurance first. If the entire site becomes too hand-drawn, it may feel unserious or unreliable.<\/p>\n<p class=\"isSelectedEnd\">The point is not to add the trend because it is popular.<\/p>\n<p class=\"isSelectedEnd\">The real question is:<\/p>\n<p class=\"isSelectedEnd\">\u201cDoes this expression fit the personality of this brand or business?\u201d<\/p>\n<div contenteditable=\"false\">\n<hr \/>\n<\/div>\n<h2>What we are seeing in the field<\/h2>\n<p class=\"isSelectedEnd\">What we have started to feel in actual production work is that the roles of AI and human judgment are becoming clearer.<\/p>\n<p class=\"isSelectedEnd\">AI is useful for organizing the foundation and creating early drafts quickly.<\/p>\n<p class=\"isSelectedEnd\">But the final decisions still depend on people:<\/p>\n<p class=\"isSelectedEnd\">Where should the design be loosened?<br \/>\nWhich expression feels true to the brand?<br \/>\nHow far can we go without damaging readability?<br \/>\nWhich details will make the site feel more human?<\/p>\n<p class=\"isSelectedEnd\">Those decisions still require human judgment.<\/p>\n<p class=\"isSelectedEnd\">In other words, AI and human craft do not have to compete.<\/p>\n<p class=\"isSelectedEnd\">Let AI help with polish.<br \/>\nLet humans hold the personality.<\/p>\n<p class=\"isSelectedEnd\">Hand-crafted design is one way to do that.<\/p>\n<p class=\"isSelectedEnd\">In an age where many designs are becoming cleaner and more uniform, traces of human touch may stand out more than before. The growing attention around hand-drawn and hand-crafted aesthetics in 2026 may be one small sign of that shift.<\/p>\n<div contenteditable=\"false\">\n<hr \/>\n<\/div>\n<h2>Points to be careful about<\/h2>\n<p class=\"isSelectedEnd\">Hand-crafted design can help communicate warmth and personality.<\/p>\n<p class=\"isSelectedEnd\">But if used incorrectly, it can have the opposite effect.<\/p>\n<p class=\"isSelectedEnd\">Here are three points to watch.<\/p>\n<h3>Do not sacrifice readability<\/h3>\n<p class=\"isSelectedEnd\">Handwritten-style fonts can be effective as accents.<\/p>\n<p class=\"isSelectedEnd\">But when used for all body text, they can make longer passages difficult to read. Important explanations and longer content should usually remain in highly readable fonts.<\/p>\n<p class=\"isSelectedEnd\">It is better to separate the areas where you add texture from the areas where readability must be protected.<\/p>\n<h3>Do not make the screen too busy<\/h3>\n<p class=\"isSelectedEnd\">Stickers, collages, line drawings, marker effects, and handwritten accents can all add personality.<\/p>\n<p class=\"isSelectedEnd\">But if you use too many at once, the screen can become noisy. Users may not know where to look, and the message may become harder to understand.<\/p>\n<p class=\"isSelectedEnd\">In many cases, one or two hand-crafted elements per screen is enough.<\/p>\n<h3>Check the fit with the brand and industry<\/h3>\n<p class=\"isSelectedEnd\">A trend does not fit every site.<\/p>\n<p class=\"isSelectedEnd\">For industries where trust, precision, and reassurance matter most, using hand-drawn expression across the entire site may create discomfort.<\/p>\n<p class=\"isSelectedEnd\">Design trends are not goals in themselves.<\/p>\n<p class=\"isSelectedEnd\">The first question should always be:<\/p>\n<p class=\"isSelectedEnd\">Who are we speaking to?<br \/>\nWhat do we want them to feel?<br \/>\nWhat kind of impression should this website leave?<\/p>\n<p class=\"isSelectedEnd\">Hand-crafted design should be treated as one possible method, not as a rule.<\/p>\n<div contenteditable=\"false\">\n<hr \/>\n<\/div>\n<h2>MONJI+, a WebOps platform built from the field<\/h2>\n<p class=\"isSelectedEnd\">When introducing hand-crafted design elements, the final quality depends on review and improvement in the field.<\/p>\n<p class=\"isSelectedEnd\">\u201cDoes this expression fit the brand?\u201d<br \/>\n\u201cIs readability still protected?\u201d<br \/>\n\u201cDoes the intended impression come across to the viewer?\u201d<\/p>\n<p class=\"isSelectedEnd\">These questions cannot always be answered by designers alone. Production teams, marketers, operators, clients, and internal members may all need to review the site from their own point of view.<\/p>\n<p class=\"isSelectedEnd\">MONJI+ was created to address the kinds of issues we have seen in real website operation work.<\/p>\n<p class=\"isSelectedEnd\">MONJI+ is a WebOps platform that brings the people involved in website operation together as one team, helping them solve issues across the entire website operation process.<\/p>\n<p class=\"isSelectedEnd\">We are not trying to build a product that is finished from the beginning.<\/p>\n<p class=\"isSelectedEnd\">The real problems are in the field. That is why we continue listening to the real voices of people involved in website operation.<\/p>\n<p class=\"isSelectedEnd\">By receiving each piece of feedback, resolving small points of friction, and continuing to improve, new features have been born from actual operational challenges.<\/p>\n<p class=\"isSelectedEnd\">For teams that want to make website improvement and operation easier across production companies, business teams, and internal stakeholders, please take a look at MONJI+.<\/p>\n<p class=\"isSelectedEnd\">\u25bc About MONJI+<br \/>\n<a href=\"https:\/\/monji.tech\/plus\/\">https:\/\/monji.tech\/plus\/<\/a><\/p>\n<p class=\"isSelectedEnd\">\u25bc About co-creation<br \/>\n<a href=\"https:\/\/monji.tech\/plus\/co-creation\/\">https:\/\/monji.tech\/plus\/co-creation\/<\/a><\/p>\n<p class=\"isSelectedEnd\">\u25bc Start free<br \/>\n<a href=\"https:\/\/tool.monji.tech\/signup\">https:\/\/tool.monji.tech\/signup<\/a><\/p>\n<div contenteditable=\"false\">\n<hr \/>\n<\/div>\n<h2>Summary<\/h2>\n<p class=\"isSelectedEnd\">AI has made it easier for almost anyone to create polished web designs.<\/p>\n<p class=\"isSelectedEnd\">At the same time, a new challenge has appeared: websites may look clean, but feel similar. They may be well organized, but not strongly memorable. They may be beautiful, but not clearly \u201cus.\u201d<\/p>\n<p class=\"isSelectedEnd\">The growing interest in hand-drawn and hand-crafted design can be understood as a response to that sameness.<\/p>\n<p class=\"isSelectedEnd\">However, the answer is not to make the entire site hand-drawn.<\/p>\n<p class=\"isSelectedEnd\">The important thing is to keep the foundation clean, then add a small amount of texture. A heading accent, icon, divider, photo treatment, or marker-style highlight can add warmth without hurting readability.<\/p>\n<p class=\"isSelectedEnd\">The goal is not to follow a trend.<\/p>\n<p class=\"isSelectedEnd\">The goal is to check whether the expression fits the brand, supports the intended impression, and keeps information easy to understand.<\/p>\n<p>When used carefully, hand-crafted design can become one useful way to add personality to websites in the AI era.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u201cAI can help us create clean, polished designs quickly. But somehow, it still doesn\u2019t feel like our company.\u201d  [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[38],"tags":[],"class_list":["post-1256","post","type-post","status-publish","format-standard","hentry","category-webops"],"acf":[],"_links":{"self":[{"href":"https:\/\/monji.tech\/blog\/wp-json\/wp\/v2\/posts\/1256","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/monji.tech\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monji.tech\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monji.tech\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/monji.tech\/blog\/wp-json\/wp\/v2\/comments?post=1256"}],"version-history":[{"count":3,"href":"https:\/\/monji.tech\/blog\/wp-json\/wp\/v2\/posts\/1256\/revisions"}],"predecessor-version":[{"id":1320,"href":"https:\/\/monji.tech\/blog\/wp-json\/wp\/v2\/posts\/1256\/revisions\/1320"}],"wp:attachment":[{"href":"https:\/\/monji.tech\/blog\/wp-json\/wp\/v2\/media?parent=1256"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monji.tech\/blog\/wp-json\/wp\/v2\/categories?post=1256"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monji.tech\/blog\/wp-json\/wp\/v2\/tags?post=1256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}