Designer toys have a different display logic than regular retail merchandise. Rather than simply emphasizing price and functionality, we pay more attention to the visual performance, character details and overall emotional atmosphere of the product itself, so that users can feel the collection value and brand personality when browsing. <\/p>\n\n\n\n
Product card design <\/h3>\n\n\n\n Each product card is designed around the following key points: <\/p>\n\n\n\n
Clearly display character modeling and product details
The unified product card structure can help users browse a large number of products more quickly while reducing the reading pressure caused by information overload. <\/p>\n\n\n\n
Visual grouping and product families <\/h3>\n\n\n\n We do not only divide products according to traditional commodity classifications, but combine them with visual logic to group them, including: <\/p>\n\n\n\n
character theme
This classification method makes the user’s browsing process more exploratory, rather than purely centered around purchasing behavior, and is more in line with the consumption habits of trendy toys and collectibles users. <\/p>\n\n\n\n
Promotion and marketing activity module design <\/h2>\n\n\n\n Make promotions friendlier rather than overemphasizing discounts <\/h2>\n\n\n\n Many Shopify stores are accustomed to using large amounts of eye-catching discount information to stimulate purchases, but this approach can easily weaken the sense of value of the brand itself. For KikaGoods, we adopted a softer, design-driven promotional expression. <\/p>\n\n\n\n
Marketing activity module <\/h3>\n\n\n\n For example, the following promotional content: <\/p>\n\n\n\n
Free shipping on orders placed
Instead of using overly strong, eye-catching promotional banners, we presented it through illustrative elements and a friendlier copywriting approach. <\/p>\n\n\n\n
This method can not only retain the original relaxed and interesting visual charm of the brand, but also effectively promote user conversion. <\/p>\n\n\n\n
Visual hierarchy of promotional messages <\/h3>\n\n\n\n In the promotion area, we mainly establish the information hierarchy in the following ways: <\/p>\n\n\n\n
Clear font size and weight contrast
This allows promotional information to be quickly noticed by users without interrupting the overall shopping experience or destroying the visual unity of the page. <\/p>\n\n\n\n
Navigation and browsing experience <\/h2>\n\n\n\n Designed for large product catalogs <\/h2>\n\n\n\n KikaGoods has a large number of SKUs that are constantly updated, so one of the biggest challenges is how to allow users to easily explore different products while avoiding the browsing pressure caused by complex categories. <\/p>\n\n\n\n
Menu and category logic <\/h3>\n\n\n\n We help websites reorganize their navigation structure around: <\/p>\n\n\n\n
product type
The core goal is to reduce the number of clicks required for users to find target products, so that different types of users can quickly enter the product area of interest. <\/p>\n\n\n\n
Page structure suitable for scrolling <\/h3>\n\n\n\n Rather than asking users to frequently jump to different category pages, we designed a content structure that is more suitable for long page scrolling and encourages users to continuously discover new products through continuous product modules. <\/p>\n\n\n\n
This design method is especially suitable for mobile users, because users can complete browsing by naturally swiping down without having to click and return frequently. <\/p>\n\n\n\n
Mobile-first page design <\/h2>\n\n\n\n Designed for real shopping <\/h2>\n\n\n\n A considerable part of the traffic on the website comes from mobile users, so when we design each page module, we fully consider the operating habits of mobile users. <\/p>\n\n\n\n
Mobile design principles <\/h3>\n\n\n\n We focused on applying the following design principles: <\/p>\n\n\n\n
Clear and clickable operating area
We try to avoid overly complex layout structures that could overcrowd content or disrupt browsing rhythm on smaller screens. <\/p>\n\n\n\n
Visual unity and brand language <\/h2>\n\n\n\n Establish a recognizable design system <\/h2>\n\n\n\n For fast-growing brands, it is easy to have inconsistent page styles in the long-term operation process. To avoid this, we have established a clear and sustainable set of visual design rules for our website, including: <\/p>\n\n\n\n
Uniform font usage specifications
Through this design system, even if new products, promotions and content modules are continuously added in the future, the overall visual style can be maintained consistent without the need to redesign the page every time. <\/p>","protected":false},"excerpt":{"rendered":"
Project overview KikaGoods is a trendy toy and collectibles brand targeting the global market. It mainly sells designer toys, blind boxes, collectible figures, character peripherals and other products. As the number and series of products continue to increase, the original website is gradually unable to meet business growth needs in terms of brand visual expression, […]<\/p>","protected":false},"author":1,"featured_media":13942,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[72,74,97],"class_list":["post-15406","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-case-studies","tag-home-living","tag-shopify","tag-website-ui-design"],"_links":{"self":[{"href":"https:\/\/www.airsang.com\/th\/wp-json\/wp\/v2\/posts\/15406","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.airsang.com\/th\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.airsang.com\/th\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.airsang.com\/th\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.airsang.com\/th\/wp-json\/wp\/v2\/comments?post=15406"}],"version-history":[{"count":1,"href":"https:\/\/www.airsang.com\/th\/wp-json\/wp\/v2\/posts\/15406\/revisions"}],"predecessor-version":[{"id":15550,"href":"https:\/\/www.airsang.com\/th\/wp-json\/wp\/v2\/posts\/15406\/revisions\/15550"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.airsang.com\/th\/wp-json\/wp\/v2\/media\/13942"}],"wp:attachment":[{"href":"https:\/\/www.airsang.com\/th\/wp-json\/wp\/v2\/media?parent=15406"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.airsang.com\/th\/wp-json\/wp\/v2\/categories?post=15406"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.airsang.com\/th\/wp-json\/wp\/v2\/tags?post=15406"}],"curies":[{"name":"\u0e14\u0e31\u0e1a\u0e40\u0e1a\u0e34\u0e25\u0e22\u0e39\u0e1e\u0e35","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}