{"id":13231,"date":"2023-01-31T21:29:21","date_gmt":"2023-01-31T21:29:21","guid":{"rendered":"https:\/\/blog.tubikstudio.com\/?p=13231"},"modified":"2025-10-24T11:26:56","modified_gmt":"2025-10-24T11:26:56","slug":"brand-identity-website-minecraft-models-resource","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/brand-identity-website-minecraft-models-resource\/","title":{"rendered":"Case Study: BlockStock. Brand Identity and Website for Minecraft Models Resource"},"content":{"rendered":"<p>No secret, gaming is much more than just entertainment: well-organized and thought-out, it also becomes an influential factor in different educational processes and builds virtual universes supporting socialization and teamwork. Today, we would like to tell you about the design project we accomplished for the service, also touching and amplifying that diverse aspect of life. Welcome to check the case study on brand identity design and website creation for BlockStock, the resource helping developers and educators easily get cool models and assets in Minecraft style.<\/p>\n<p><iframe loading=\"lazy\" title=\"BlockStock Brand Identity Design by tubik\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/ntWNs5HXIA0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<h2>Client and Project<\/h2>\n<p>BlockStock is the home for high-quality, low-cost Minecraft models and assets. It supports beginner developers who plan their education, architecture, or entertainment projects in the Minecraft world. BlockStock provides hundreds of theme adaptive 3D models that make development fast and flexible, adding a pinch of real fun and beauty to the process.<\/p>\n<p>The service was founded by <a href=\"https:\/\/www.shapescape.com\/\" rel=\"nofollow\">Shapescape<\/a> ApS, a video game development company mainly focused on Minecraft and integrating gaming into education. They have been creating various products focusing on education, immersion, and entertainment since 2013 and have collaborated with universities, governments, and multinationals such as The World Bank to develop projects tailored specifically to their needs. Shapescape approached our team in the early days of developing a platform store\/website called BlockStock, aiming to distribute a variety of 3D assets they had created and gathered over the years and would like to share this catalog as open for contribution and browsing by the wider public.<\/p>\n<p>The task for tubik was to create a clean and solid brand identity design that would appeal to the target audience, set an emotional connection, and adapt easily to different marketing goals, as well as a user-friendly, simple, and informative website that would allow the brand to reach its customers effectively.<\/p>\n<p>The creative team from the tubik side for this project included Ernest Asanov, Anton Morozov, Roma Chornyi, Kirill Erokhin, Olya Zakharyan, Natalka Mamchur, and Olga Syrotkina.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13078\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/BlockStock-product-page-tubik-design.jpg\" alt=\"BlockStock product page tubik design\" width=\"1600\" height=\"1066\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/BlockStock-product-page-tubik-design.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/BlockStock-product-page-tubik-design-300x200.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/BlockStock-product-page-tubik-design-768x512.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/BlockStock-product-page-tubik-design-1024x682.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/BlockStock-product-page-tubik-design-150x100.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<h2>Identity Design<\/h2>\n<p>Having discussed the client&#8217;s preferences, having done the market research, and having analyzed the target audience, the team started working on the brand identity design with the core choices: the brand colors, the typography, and the effective logo as a symbolic visual representation of the brand.<\/p>\n<p>As the Minecraft universe is all about pixels and square shapes, the graphic designer started the ideation process by generating different ideas based on that essential distinguishing feature.<\/p>\n<p>At the initial stage, he tried different variations of how to integrate pixelation and square or cubic elements as a major part of artistic direction into the brand&#8217;s visual style. In addition, it was essential to consider the aspect of textures presented in the broad diversity in the Minecraft universe. Also, the set of custom models was created to dive deeper into the general idea of how Minecraft works and get a set of original handy graphics to integrate into the identity and web design process. Here\u2019s a brief glance at the creative search stage.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13404\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-design-process.jpg\" alt=\"block stock case study identity design process\" width=\"1600\" height=\"397\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-design-process.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-design-process-300x74.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-design-process-768x191.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-design-process-1024x254.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-design-process-150x37.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13416\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity.jpg\" alt=\"block stock case study identity\" width=\"1600\" height=\"1021\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-300x191.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-768x490.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-1024x653.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-150x96.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13410\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-logo-sign.jpg\" alt=\"block stock case study identity logo sign\" width=\"1600\" height=\"397\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-logo-sign.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-logo-sign-300x74.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-logo-sign-768x191.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-logo-sign-1024x254.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-logo-sign-150x37.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13408\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-logo-design.jpg\" alt=\"block stock case study identity logo design\" width=\"1600\" height=\"1054\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-logo-design.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-logo-design-300x198.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-logo-design-768x506.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-logo-design-1024x675.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-logo-design-150x99.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13409\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-logo-development.jpg\" alt=\"block stock case study identity logo development\" width=\"1600\" height=\"1006\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-logo-development.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-logo-development-300x189.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-logo-development-768x483.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-logo-development-1024x644.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-logo-development-150x94.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>And here&#8217;s a glance at the search for typographic, colors, textures, and imagery ideas that could have become the basis of the design system for BlockStock.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13406\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-graphics.jpg\" alt=\"block stock case study identity graphics\" width=\"1600\" height=\"999\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-graphics.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-graphics-300x187.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-graphics-768x480.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-graphics-1024x639.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-graphics-150x94.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13402\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-branding.jpg\" alt=\"block stock case study identity branding\" width=\"1600\" height=\"814\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-branding.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-branding-300x153.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-branding-768x391.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-branding-1024x521.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-branding-150x76.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13405\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-design.jpg\" alt=\"block stock case study identity design\" width=\"1600\" height=\"926\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-design.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-design-300x174.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-design-768x444.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-design-1024x593.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-design-150x87.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13415\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-typography.jpg\" alt=\"block stock case study identity typography\" width=\"1600\" height=\"1281\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-typography.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-typography-300x240.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-typography-768x615.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-typography-1024x820.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-typography-150x120.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13401\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-brand-identity-process.jpg\" alt=\"block stock case study brand identity process\" width=\"1600\" height=\"456\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-brand-identity-process.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-brand-identity-process-300x86.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-brand-identity-process-768x219.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-brand-identity-process-1024x292.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-brand-identity-process-150x43.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>After long and detailed discussions with the clients and trying different options, the team moved to the identity concept that was the closest to serving the established objectives. So, the final logo of the service is a wordmark echoing the squared shapes in the font used for it. The typographic approach of the logo design is based on a slight and stylish contrast, original and catchy combination of curves with squared shapes of some letters.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13334\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/BlockStock-tubik-agency-design-case-study.jpg\" alt=\"BlockStock tubik agency design case study\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/BlockStock-tubik-agency-design-case-study.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/BlockStock-tubik-agency-design-case-study-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/BlockStock-tubik-agency-design-case-study-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/BlockStock-tubik-agency-design-case-study-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/BlockStock-tubik-agency-design-case-study-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><iframe loading=\"lazy\" title=\"case study blockstock logo design\" src=\"https:\/\/player.vimeo.com\/video\/776314984?h=f8d174bd5d&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"375\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p>Here&#8217;s a deeper look into font choice for the project, simple, moderately curvy, and readable Stolzl and decorative Stolzl Display featuring squared shapes for taglines, headings, and accent text elements. Belonging to one font family, the pair creates a nice contrast and, at the same time, a harmonic combination, which allowed the designer to create interesting and unique typography elements in marketing materials and branded items. And Inter font was used for the body text to make it super easy to scan and read.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13400\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-brand-identity-fonts.jpg\" alt=\"block stock case study brand identity fonts\" width=\"1600\" height=\"867\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-brand-identity-fonts.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-brand-identity-fonts-300x163.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-brand-identity-fonts-768x416.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-brand-identity-fonts-1024x555.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-brand-identity-fonts-150x81.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13411\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-process-typograpy.jpg\" alt=\"block stock case study identity process typograpy\" width=\"1600\" height=\"1012\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-process-typograpy.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-process-typograpy-300x190.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-process-typograpy-768x486.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-process-typograpy-1024x648.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-process-typograpy-150x95.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>Other essential elements of the design system for the visual brand identity were two elements inherent in each Minecraft in-game biome: the sun\/moon and the Bedrock block with recognizable texture. The texture of the block served as a transparent base to place the content on, whatever it could be, a 3D model or text block. From the sun and its glowing segments, the designers made the Simplified background whose goal was to create the feeling of space and natural lighting.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13414\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-sun-effect.jpg\" alt=\"block stock case study identity sun effect\" width=\"1600\" height=\"764\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-sun-effect.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-sun-effect-300x143.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-sun-effect-768x367.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-sun-effect-1024x489.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-sun-effect-150x72.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>The palette of the project is bright and multicolored, easily adapted to be used both clean and on textured surfaces or in gradient expression.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13403\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-design-colors.jpg\" alt=\"block stock case study identity design colors\" width=\"1600\" height=\"867\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-design-colors.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-design-colors-300x163.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-design-colors-768x416.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-design-colors-1024x555.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-design-colors-150x81.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><iframe loading=\"lazy\" title=\"blockstock case study colors and gradients\" src=\"https:\/\/player.vimeo.com\/video\/776305688?h=960b3d72f8&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"321\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p>Another important task of the effective identity design for BlockStock was to create a symbol that could work as a visual hint of the brand in the places where the full wordmark was not convenient to use or efficient, for example, the favicon of the website, or avatar image in the social network accounts. The ideation stage for this objective resulted in a big bunch of diverse variants, and choosing one was a real challenge. Finally, the choice fell on the green symbol, whose shape visually reminded the letter B and at the same time, a building block. Check how it works for different brand communication goals.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13407\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-logo-design-process.jpg\" alt=\"block stock case study identity logo design process\" width=\"1600\" height=\"1674\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-logo-design-process.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-logo-design-process-287x300.jpg 287w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-logo-design-process-768x804.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-logo-design-process-979x1024.jpg 979w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-logo-design-process-143x150.jpg 143w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13413\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-social-media.jpg\" alt=\"block stock case study identity social media\" width=\"1600\" height=\"1074\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-social-media.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-social-media-300x201.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-social-media-768x516.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-social-media-1024x687.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-social-media-150x101.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13412\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-social-logo.jpg\" alt=\"block stock case study identity social logo\" width=\"1600\" height=\"1074\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-social-logo.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-social-logo-300x201.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-social-logo-768x516.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-social-logo-1024x687.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/block-stock-case-study-identity-social-logo-150x101.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>And here&#8217;s a glance at the marketing and advertising graphics, such as posters and billboards, using the offered identity design approach.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13330\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/blockstock-banner-design-tubik-case-study.jpg\" alt=\"blockstock banner design tubik case study\" width=\"1600\" height=\"900\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/blockstock-banner-design-tubik-case-study.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/blockstock-banner-design-tubik-case-study-300x169.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/blockstock-banner-design-tubik-case-study-768x432.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/blockstock-banner-design-tubik-case-study-1024x576.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/blockstock-banner-design-tubik-case-study-150x84.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13331\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/blockstock-case-study-billboard-design-tubik.jpg\" alt=\"blockstock case study billboard design tubik\" width=\"1600\" height=\"900\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/blockstock-case-study-billboard-design-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/blockstock-case-study-billboard-design-tubik-300x169.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/blockstock-case-study-billboard-design-tubik-768x432.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/blockstock-case-study-billboard-design-tubik-1024x576.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/blockstock-case-study-billboard-design-tubik-150x84.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13333\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/blockstock-social-banners-tubik-case-study.jpg\" alt=\"blockstock social banners tubik case study\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/blockstock-social-banners-tubik-case-study.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/blockstock-social-banners-tubik-case-study-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/blockstock-social-banners-tubik-case-study-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/blockstock-social-banners-tubik-case-study-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/blockstock-social-banners-tubik-case-study-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<h2>Website Design<\/h2>\n<p>The website design for BlockStock is based on the central pillars of an <a href=\"https:\/\/blog.tubikstudio.com\/ux-design-for-e-commerce-principles-and-strategies\/\">effective e-commerce website<\/a>: clarity, functionality, engagement, and a simple way to purchase. So, the home page was made to be not only attractive and emotionally connected to the Minecraft universe but also straightforward, scannable, and uncluttered to let the visitors see the essence and quickly find the needed assets rather than overwhelm them from the first seconds. Actually, the content of the home page fits the above-the-fold area and doesn&#8217;t demand any scrolling from the visitor. The customers can proceed with one of three major categories of the offered assets choosing from three tabs, or they can instantly use the internal search typing the keywords into the big and noticeable search field.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13336\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/BlockStock-website-design-home-page-tubik.jpg\" alt=\"BlockStock website design home page tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/BlockStock-website-design-home-page-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/BlockStock-website-design-home-page-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/BlockStock-website-design-home-page-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/BlockStock-website-design-home-page-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/BlockStock-website-design-home-page-tubik-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>The functional pages of the website are nice and clean in the best traditions of e-commerce design, with a solid focus on the visual of items for which the rest of the page plays the role of light and airy canvas.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13335\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/blockstock-web-pages-tubik-design.jpg\" alt=\"blockstock web pages tubik design\" width=\"1600\" height=\"900\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/blockstock-web-pages-tubik-design.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/blockstock-web-pages-tubik-design-300x169.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/blockstock-web-pages-tubik-design-768x432.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/blockstock-web-pages-tubik-design-1024x576.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/blockstock-web-pages-tubik-design-150x84.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>The login page employs the idea of a split screen, with an impressive big image setting the instant emotional and visual connection to Minecraft style in the right half of the screen and airy, easily skimmed interactive left half of the page enabling visitors to log in either via quick registration with their existing Google\/Apple accounts or via the short registration form to use email.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13367\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Log-In-page-blockstock-website-tubik-design.jpg\" alt=\"Log In page blockstock website tubik design\" width=\"1600\" height=\"944\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Log-In-page-blockstock-website-tubik-design.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Log-In-page-blockstock-website-tubik-design-300x177.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Log-In-page-blockstock-website-tubik-design-768x453.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Log-In-page-blockstock-website-tubik-design-1024x604.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Log-In-page-blockstock-website-tubik-design-150x89.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>The catalog page organizes the items of a particular category into a set of cards, which can be tuned by using the checklist on the left part of the page to mark the desired types of assets. Also, the visitors can regulate the list of items shown to them, setting the wanted price range or sorting the items by price.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13362\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/catalogue-page-blockstock-website-tubik-design.jpg\" alt=\"catalogue page blockstock website tubik design\" width=\"1600\" height=\"1534\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/catalogue-page-blockstock-website-tubik-design.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/catalogue-page-blockstock-website-tubik-design-300x288.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/catalogue-page-blockstock-website-tubik-design-768x736.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/catalogue-page-blockstock-website-tubik-design-1024x982.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/catalogue-page-blockstock-website-tubik-design-150x144.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>The <a href=\"https:\/\/blog.tubikstudio.com\/product-page-design\/\">product page<\/a> features a thoughtful approach to the variety of details in one united system based on a solid visual hierarchy, allowing the customer to see a lot of information about the item without feeling overwhelmed.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13369\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Product-page-blockstock-website-tubik-design.jpg\" alt=\"Product page blockstock website tubik design\" width=\"1440\" height=\"1344\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Product-page-blockstock-website-tubik-design.jpg 1440w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Product-page-blockstock-website-tubik-design-300x280.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Product-page-blockstock-website-tubik-design-768x717.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Product-page-blockstock-website-tubik-design-1024x956.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Product-page-blockstock-website-tubik-design-150x140.jpg 150w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><\/p>\n<p>The checkout page also effectively uses the split screen approach based on the color contrast, with the light-background part of the page for filling the form supporting the flow with text hints in the fields and the bright green part on the right to visualize the content of the cart and the total sum of money to be spent on the purchase.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13364\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Checkout-page-blockstock-website-tubik-design.jpg\" alt=\"Checkout page blockstock website tubik design\" width=\"1440\" height=\"850\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Checkout-page-blockstock-website-tubik-design.jpg 1440w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Checkout-page-blockstock-website-tubik-design-300x177.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Checkout-page-blockstock-website-tubik-design-768x453.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Checkout-page-blockstock-website-tubik-design-1024x604.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Checkout-page-blockstock-website-tubik-design-150x89.jpg 150w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>And here&#8217;s a glance at the mobile version of the website designed to make the user experience positive and efficient for any kind of device visitors want to use.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13077\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/BlockStock-mobile-website-tubik-design.jpg\" alt=\"BlockStock mobile website tubik design\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/BlockStock-mobile-website-tubik-design.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/BlockStock-mobile-website-tubik-design-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/BlockStock-mobile-website-tubik-design-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/BlockStock-mobile-website-tubik-design-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/BlockStock-mobile-website-tubik-design-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>Indeed, the interaction design hides some engaging details to make the experience even more dynamic and lively for the customers. For example, here&#8217;s the stylish hover animation used on catalog pages for each card and generating the original textured background based on the colors of the item.<\/p>\n<p><iframe loading=\"lazy\" title=\"BlockStock branding and web design tubik agency.mp4\" src=\"https:\/\/player.vimeo.com\/video\/755666772?h=0bd3c6f5eb&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"375\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p>Also, to give the buyers a more personalized experience and add more comfort to their interaction with the website, the dark theme version was created for those who like dark backgrounds more.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13366\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/home-page-dark-blockstock-website-tubik-design.jpg\" alt=\"home page dark blockstock website tubik design\" width=\"1600\" height=\"944\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/home-page-dark-blockstock-website-tubik-design.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/home-page-dark-blockstock-website-tubik-design-300x177.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/home-page-dark-blockstock-website-tubik-design-768x453.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/home-page-dark-blockstock-website-tubik-design-1024x604.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/home-page-dark-blockstock-website-tubik-design-150x89.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><em>Home page<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13368\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Log-In-page-dark-blockstock-website-tubik-design.jpg\" alt=\"Log In page dark blockstock website tubik design\" width=\"1600\" height=\"944\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Log-In-page-dark-blockstock-website-tubik-design.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Log-In-page-dark-blockstock-website-tubik-design-300x177.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Log-In-page-dark-blockstock-website-tubik-design-768x453.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Log-In-page-dark-blockstock-website-tubik-design-1024x604.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Log-In-page-dark-blockstock-website-tubik-design-150x89.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><em>Login page<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13363\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/catalogue-page-dark-blockstock-website-tubik-design.jpg\" alt=\"catalogue page dark blockstock website tubik design\" width=\"1600\" height=\"1534\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/catalogue-page-dark-blockstock-website-tubik-design.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/catalogue-page-dark-blockstock-website-tubik-design-300x288.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/catalogue-page-dark-blockstock-website-tubik-design-768x736.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/catalogue-page-dark-blockstock-website-tubik-design-1024x982.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/catalogue-page-dark-blockstock-website-tubik-design-150x144.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><em>Catalog page<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13370\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Product-page-dark-blockstock-website-tubik-design.jpg\" alt=\"Product page dark blockstock website tubik design\" width=\"1600\" height=\"1493\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Product-page-dark-blockstock-website-tubik-design.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Product-page-dark-blockstock-website-tubik-design-300x280.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Product-page-dark-blockstock-website-tubik-design-768x717.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Product-page-dark-blockstock-website-tubik-design-1024x956.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Product-page-dark-blockstock-website-tubik-design-150x140.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><em>Product page<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13361\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Cart-page-dark-blockstock-website-tubik.jpg\" alt=\"Cart page dark blockstock website tubik\" width=\"1600\" height=\"944\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Cart-page-dark-blockstock-website-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Cart-page-dark-blockstock-website-tubik-300x177.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Cart-page-dark-blockstock-website-tubik-768x453.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Cart-page-dark-blockstock-website-tubik-1024x604.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Cart-page-dark-blockstock-website-tubik-150x89.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><em>Cart page<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13365\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Checkout-page-dark-blockstock-website-tubik-design.jpg\" alt=\"Checkout page dark blockstock website tubik design\" width=\"1600\" height=\"944\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Checkout-page-dark-blockstock-website-tubik-design.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Checkout-page-dark-blockstock-website-tubik-design-300x177.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Checkout-page-dark-blockstock-website-tubik-design-768x453.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Checkout-page-dark-blockstock-website-tubik-design-1024x604.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/12\/Checkout-page-dark-blockstock-website-tubik-design-150x89.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><em>Checkout page<\/em><\/p>\n<p>The collaboration with BlockStock was a great experience for our team and a cool example of the whole way from the idea to brand identity and then the user experience design, all created as one integral and efficient system, from the business goals and customers&#8217; wishes to the design solutions fulfilling them elegantly and beautifully.<\/p>\n<p>New\u00a0<a href=\"https:\/\/blog.tubikstudio.com\/category\/case_study\/\">design case studies<\/a>\u00a0from our team are coming soon. Stay tuned!<\/p>\n<h2>More Design Case Studies<\/h2>\n<p>Here\u2019s a set of more case studies sharing the design solutions and approaches for some of the design projects done by the Tubik team.<\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/website-design-immersive-experience-marketing\/\">CSConnect. Website Design for Immersive Experience Marketing Platform<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/illustrations-web-design-3pls-marketplace\/\">Fulfill. Illustrations and Web Design for 3PLs Marketplace<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/mobile-design-illustrations-educational-app\/\">Roebuck. Mobile Design and Illustrations for Educational App<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/identity-product-design-food-marketplace\/\">Kaiten. Identity and Product Design for Food Marketplace<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/delivery-app-branding-ux-design\/\">Glup. Delivery App Branding and UX Design<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/website-design-electrical-engineering-service\/\">THT. Website Design for Electrical Engineering Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/website-design-wellness-tool\/\">Komuso. Website Design for Wellness Tool<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/website-design-for-event-agency\/\">PointZero25. Identity and Website Design for Event Agency<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/website-design-for-podcast\/\">Nonconventional Show. Website Design for Podcast<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/branding-website-design-3d-tool\/\">uMake. Branding and Website for 3D Design Tool<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/web-design-food-product-ecommerce\/\">BEGG. Brand Packaging and Web Design for Food Product Ecommerce<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/brand-identity-ux-design-fintech\/\">Crezco. Brand Identity and UI\/UX Design for Fintech Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/identity-web-design-agriculture\/\">FarmSense. Identity and Web Design for Agricultural Technology<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/identity-ux-design-delivery-service\/\">Carricare. Identity and UX Design for Safe Delivery Service<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Check the case study on bright identity design and the e-commerce website we created for BlockStock, the resource helping developers and educators get Minecraft models and assets.<\/p>\n","protected":false},"author":3,"featured_media":13533,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3,588,4,9],"tags":[299,365,44,440,47,447,57,457,100,468,123,479,127,482,138,485,147,487,172,491,174,504,175,533,212,534,239,592,256],"coauthors":[],"class_list":["post-13231","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-branding","category-business","category-case_study","category-ui_ux","tag-logo-design","tag-product-design","tag-brand-identity","tag-tubik","tag-branding","tag-tubik-studio","tag-case-study","tag-ui","tag-design","tag-ui-design-process","tag-design-for-business","tag-usability","tag-design-for-marketing","tag-user-experience","tag-design-process","tag-user-experience-design","tag-design-studio","tag-user-experience-design-process","tag-e-commerce","tag-user-interface","tag-ecommerce","tag-ux-design-article","tag-ecommerce-design","tag-web-design","tag-graphic-design","tag-web-design-article","tag-identity-design","tag-product-page-design","tag-interaction-design"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Case Study: BlockStock. Brand Identity and Website for Minecraft Models Resource<\/title>\n<meta name=\"description\" content=\"Case study on identity design and ecommerce website created by tubik for BlockStock, the resource helping developers and educators easily get Minecraft models and assets.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tubikstudio.com\/blog\/brand-identity-website-minecraft-models-resource\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Case Study: BlockStock. Brand Identity and Website for Minecraft Models Resource\" \/>\n<meta property=\"og:description\" content=\"Case study on identity design and ecommerce website created by tubik for BlockStock, the resource helping developers and educators easily get Minecraft models and assets.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/brand-identity-website-minecraft-models-resource\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2023-01-31T21:29:21+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-24T11:26:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/01\/BlockStock-branding-web-design-case-study-tubik-blog.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Marina Yalanska\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marina Yalanska\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/brand-identity-website-minecraft-models-resource\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/brand-identity-website-minecraft-models-resource\/\",\"name\":\"Case Study: BlockStock. Brand Identity and Website for Minecraft Models Resource\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/brand-identity-website-minecraft-models-resource\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/brand-identity-website-minecraft-models-resource\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/01\/BlockStock-branding-web-design-case-study-tubik-blog.jpg\",\"datePublished\":\"2023-01-31T21:29:21+00:00\",\"dateModified\":\"2025-10-24T11:26:56+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\"},\"description\":\"Case study on identity design and ecommerce website created by tubik for BlockStock, the resource helping developers and educators easily get Minecraft models and assets.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/brand-identity-website-minecraft-models-resource\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/brand-identity-website-minecraft-models-resource\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/brand-identity-website-minecraft-models-resource\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/01\/BlockStock-branding-web-design-case-study-tubik-blog.jpg\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/01\/BlockStock-branding-web-design-case-study-tubik-blog.jpg\",\"width\":1600,\"height\":1200,\"caption\":\"BlockStock branding web design case study tubik blog\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/brand-identity-website-minecraft-models-resource\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Case Study: BlockStock. Brand Identity and Website for Minecraft Models Resource\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\",\"url\":\"https:\/\/tubikstudio.com\/blog\/\",\"name\":\"Tubik Blog: Articles About Design\",\"description\":\"Tubik Studio\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\",\"name\":\"Marina Yalanska\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/2ddde1c118fcf989ce8e73997a3909dd\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g\",\"caption\":\"Marina Yalanska\"},\"url\":\"https:\/\/tubikstudio.com\/blog\/author\/marina-yalanska\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Case Study: BlockStock. Brand Identity and Website for Minecraft Models Resource","description":"Case study on identity design and ecommerce website created by tubik for BlockStock, the resource helping developers and educators easily get Minecraft models and assets.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tubikstudio.com\/blog\/brand-identity-website-minecraft-models-resource\/","og_locale":"en_US","og_type":"article","og_title":"Case Study: BlockStock. Brand Identity and Website for Minecraft Models Resource","og_description":"Case study on identity design and ecommerce website created by tubik for BlockStock, the resource helping developers and educators easily get Minecraft models and assets.","og_url":"https:\/\/tubikstudio.com\/blog\/brand-identity-website-minecraft-models-resource\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2023-01-31T21:29:21+00:00","article_modified_time":"2025-10-24T11:26:56+00:00","og_image":[{"width":1600,"height":1200,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/01\/BlockStock-branding-web-design-case-study-tubik-blog.jpg","type":"image\/jpeg"}],"author":"Marina Yalanska","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Marina Yalanska","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/brand-identity-website-minecraft-models-resource\/","url":"https:\/\/tubikstudio.com\/blog\/brand-identity-website-minecraft-models-resource\/","name":"Case Study: BlockStock. Brand Identity and Website for Minecraft Models Resource","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/brand-identity-website-minecraft-models-resource\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/brand-identity-website-minecraft-models-resource\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/01\/BlockStock-branding-web-design-case-study-tubik-blog.jpg","datePublished":"2023-01-31T21:29:21+00:00","dateModified":"2025-10-24T11:26:56+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f"},"description":"Case study on identity design and ecommerce website created by tubik for BlockStock, the resource helping developers and educators easily get Minecraft models and assets.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/brand-identity-website-minecraft-models-resource\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/brand-identity-website-minecraft-models-resource\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/brand-identity-website-minecraft-models-resource\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/01\/BlockStock-branding-web-design-case-study-tubik-blog.jpg","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/01\/BlockStock-branding-web-design-case-study-tubik-blog.jpg","width":1600,"height":1200,"caption":"BlockStock branding web design case study tubik blog"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/brand-identity-website-minecraft-models-resource\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Case Study: BlockStock. Brand Identity and Website for Minecraft Models Resource"}]},{"@type":"WebSite","@id":"https:\/\/tubikstudio.com\/blog\/#website","url":"https:\/\/tubikstudio.com\/blog\/","name":"Tubik Blog: Articles About Design","description":"Tubik Studio","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f","name":"Marina Yalanska","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/2ddde1c118fcf989ce8e73997a3909dd","url":"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g","caption":"Marina Yalanska"},"url":"https:\/\/tubikstudio.com\/blog\/author\/marina-yalanska\/"}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/13231","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/comments?post=13231"}],"version-history":[{"count":29,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/13231\/revisions"}],"predecessor-version":[{"id":16087,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/13231\/revisions\/16087"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/13533"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=13231"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=13231"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=13231"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=13231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}