{"id":4389439,"date":"2023-02-13T11:34:36","date_gmt":"2023-02-13T09:34:36","guid":{"rendered":"https:\/\/www.deptagency.com\/case\/building-an-immersive-web-based-hub-for-the-meebits\/"},"modified":"2025-12-08T11:08:51","modified_gmt":"2025-12-08T09:08:51","slug":"building-an-immersive-web-based-hub-for-the-meebits","status":"publish","type":"case","link":"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/","title":{"rendered":"Building an immersive web-based hub for the Meebits"},"content":{"rendered":"<div class=\"block-case-post-header block-case-post-header__theme--richBlack\">\n\t<button\tclass=\"cta-button block-case-post-header__back-button cta-button__color--white cta-button__style--back\" aria-label=\"Back\" >\n\t<svg width='41' height='41' viewBox='0 0 41 41' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'><circle cx='20.5' cy='20.5' r='19.5' transform='rotate(-90 20.5 20.5)' stroke='var(--dept-button-icon-outline-color)' stroke-width='1.3' stroke-miterlimit='10' fill='none'\/><circle class='icon-backplate' cx='20.5' cy='20.5' r='19.5' transform='rotate(-90 20.5 20.5)' fill='var(--dept-button-icon-backplate-color)' fill-opacity='1'\/><path class='icon-center' d='M21.174 30 11 20.674l10.174-9.326m-9.326 9.328H30.5' stroke='var(--dept-button-icon-color)' stroke-width='1.3' stroke-miterlimit='10' fill='none'\/><\/svg>\n\t\n<\/button><h2\t\tclass=\"typography block-case-post-header__tag typography__color--onyxGrey typography__size--regular-body typography__align--left\"\n\t\t\t>\n\t\tYuga Labs\t<\/h2><h1\t\tclass=\"typography block-case-post-header__heading typography__color--onyxGrey typography__size--h2 typography__align--left\"\n\t\t\t>\n\t\tBuilding an immersive web-based hub for the Meebits\t<\/h1><\/div>\n\n<div class=\"block-statement block-statement__background-color--white block-statement__align--left\">\n\t<p\t\tclass=\"typography block-statement__title typography__color--onyxGrey typography__size--h5 typography__align--left\"\n\t\t\t>\n\t\tEvery NFT is unique with its own set of attributes, history, and value. The combination of scarcity and ownership is a highlight of Yuga Labs&#8217; Meebits collection, but unlike other <a href=\"https:\/\/www.deptagency.com\/downloads\/nft-playbook\/\" target=\"_blank\" rel=\"noreferrer noopener\">NFT<\/a> collections, Meebits is one of the few to have attracted a large and engaged community.\u00a0<br><br>Yuga Labs partnered with DOGSTUDIO\/DEPT\u00ae to create a web-based hub for Meebits, allowing them to give back to its community through exclusive posters and hidden surprises.\t<\/p><\/div>\n\n<div\n\t\tclass=\"image-wrap block-image__image-wrap\"\n\t\tdata-align=\"center center\"\n\t\t\t>\n\n\t\t\t<picture\n\t\tclass=\"image__picture\"\n\t\t\t\t>\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t<img\n\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2023\/02\/meebits_1.jpg\"\n\t\t\t\tclass=\"image block-image__image\"\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\/>\n\t\t<\/picture>\n\t\n\t<\/div>\n\n<div class=\"block-title-and-content js-block-title-and-content block-title-and-content__theme--white\">\n\t<div class=\"block-title-and-content__layout\">\n\t\t<h2\t\tclass=\"typography block-title-and-content__title typography__color--onyxGrey typography__size--h2 typography__align--left\"\n\t\tdata-size-mobile=\"h2\" \t>\n\t\tThe challenge\t<\/h2>\n\t\t\t\t\t<div class=\"block-title-and-content__content\">\n\t\t\t\t\n<div class='block-title-and-content__item'><div class='block-title-and-content__item-inner'><p\t\tclass=\"typography block-typography__typography typography__color--onyxGrey typography__size--regular-body typography__align--left\"\n\t\t\t>\n\t\tWhen Yuga Labs first approached DOGSTUDIO\/DEPT\u00ae, it was the beginning of an ongoing collaboration, with the initial goal to celebrate their owners.\u00a0<br><br>As we began to work on the project, we had to ensure that we could meet Yuga Labs\u2019 strict guidelines for security, while also setting a solid foundation for our future projects. While meeting those guidelines, the project presented two key challenges:\u00a0\t<\/p><\/div><\/div>\n\n<div class='block-title-and-content__item'><div class='block-title-and-content__item-inner'><ul class=\"lists lists__color--onyxGrey lists__type--circle lists__size--default lists__align--left block-lists__lists\">\n\t<li>Integrate the immersive homepage and connected wallet gate with the ordering management of the posters based on Shopify. Despite being separate, these elements needed to work together seamlessly. To accomplish this, we utilised React and Nuxt.js to build a cohesive experience that aligned with Yuga Labs&#8217; other products.<\/li><li>The desired seamless experience came at a cost of requiring additional security measures. With the help of Yuga Labs\u2019 engineering team and our stack-agnostic WebGL technology, we were able to overcome this challenge.<\/li><\/ul><\/div><\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\n\t<div class=\"block-title-and-content__social-links\">\n\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-url=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-title=\"Building an immersive web-based hub for the Meebits\"\n\t\t\t\tdata-share-type=\"copy\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Copy page link\"\n\t\t\t\t\n\t\t\t\t\t\t\t\t\tdata-tooltip=\"true\"\n\t\t\t\t\tdata-tooltip-text=\"Link copied to clipboard.\"\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg' width='22' height='22' viewBox='0 0 22 22'><path d='M6.832 15.167l8.333-8.333M9.332 6.001l2.787-2.787a4.715 4.715 0 016.666 0v0a4.715 4.715 0 010 6.667L16 12.668M5.999 9.334l-2.787 2.787a4.715 4.715 0 000 6.666v0a4.715 4.715 0 006.667 0l2.787-2.786' stroke='currentColor' stroke-width='2'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fwww.deptagency.com%2Fen-in%2Fcase%2Fbuilding-an-immersive-web-based-hub-for-the-meebits%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-title=\"Building an immersive web-based hub for the Meebits\"\n\t\t\t\tdata-share-type=\"facebook\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Facebook\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='14' height='22' viewBox='0 0 14 22' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M4.032 22L4 12H0V8h4V5.5C4 1.789 6.298 0 9.61 0c1.585 0 2.948.118 3.345.17v3.88H10.66c-1.8 0-2.15.856-2.15 2.112V8h5.241l-2 4H8.51v10H4.032z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/api.whatsapp.com\/send?text=https%3A%2F%2Fwww.deptagency.com%2Fen-in%2Fcase%2Fbuilding-an-immersive-web-based-hub-for-the-meebits%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-title=\"Building an immersive web-based hub for the Meebits\"\n\t\t\t\tdata-share-type=\"whatsapp\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Whatsapp\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg xmlns='http: \/\/www.w3.org\/2000\/svg' width='25' height='24' viewBox='0 0 25 24'><path d='M.805 24l1.687-6.163a11.869 11.869 0 01-1.588-5.945C.907 5.335 6.244 0 12.801 0c3.182.001 6.17 1.24 8.415 3.488a11.819 11.819 0 013.481 8.413c-.002 6.558-5.34 11.893-11.896 11.893h-.005c-1.99-.001-3.947-.5-5.685-1.448L.805 24zm6.598-3.807l.361.214a9.874 9.874 0 005.033 1.378h.004c5.45 0 9.885-4.434 9.888-9.885a9.824 9.824 0 00-2.894-6.993 9.823 9.823 0 00-6.99-2.898c-5.454 0-9.89 4.434-9.892 9.884a9.86 9.86 0 001.512 5.26l.235.374-.999 3.648 3.742-.982z' fill='currentColor'\/><path d='M9.825 6.921c-.24-.58-.486-.501-.668-.51-.174-.009-.372-.01-.57-.01-.198 0-.52.074-.793.371-.272.298-1.04 1.017-1.04 2.48 0 1.462 1.065 2.875 1.214 3.073.148.199 2.096 3.2 5.078 4.487.709.306 1.262.49 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.759-.72 2.007-1.413.247-.694.247-1.29.173-1.413-.074-.124-.272-.199-.57-.347-.297-.149-1.758-.868-2.03-.967-.273-.1-.471-.149-.67.149-.198.297-.767.966-.94 1.165-.174.198-.348.223-.645.074-.297-.149-1.255-.462-2.39-1.475-.884-.788-1.48-1.76-1.654-2.058-.173-.298-.018-.459.13-.607.134-.133.298-.347.446-.52.149-.174.199-.298.298-.496.099-.198.05-.372-.025-.52-.074-.15-.669-1.612-.917-2.207z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Fwww.deptagency.com%2Fen-in%2Fcase%2Fbuilding-an-immersive-web-based-hub-for-the-meebits%2F&#038;text=Building%20an%20immersive%20web-based%20hub%20for%20the%20Meebits\"\n\t\t\t\tdata-share-url=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-title=\"Building an immersive web-based hub for the Meebits\"\n\t\t\t\tdata-share-type=\"twitter\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Twitter\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='25' height='20' viewBox='0 0 25 20' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M24.75 2.3c-.9.4-1.8.7-2.8.8 1-.6 1.8-1.6 2.2-2.7-1 .6-2 1-3.1 1.2-.9-1-2.2-1.6-3.6-1.6-2.7 0-4.9 2.2-4.9 4.9 0 .4 0 .8.1 1.1-4.2-.2-7.8-2.2-10.2-5.2-.5.8-.7 1.6-.7 2.5 0 1.7.9 3.2 2.2 4.1-.8 0-1.6-.2-2.2-.6v.1c0 2.4 1.7 4.4 3.9 4.8-.4.1-.8.2-1.3.2-.3 0-.6 0-.9-.1.6 2 2.4 3.4 4.6 3.4-1.7 1.3-3.8 2.1-6.1 2.1-.4 0-.8 0-1.2-.1 2.2 1.4 4.8 2.2 7.5 2.2 9.1 0 14-7.5 14-14v-.6c1-.7 1.8-1.6 2.5-2.5z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"http:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fwww.deptagency.com%2Fen-in%2Fcase%2Fbuilding-an-immersive-web-based-hub-for-the-meebits%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-title=\"Building an immersive web-based hub for the Meebits\"\n\t\t\t\tdata-share-type=\"linkedin\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Linkedin\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M1.15 17.3h3.6V5.8h-3.6v11.5zM.75 2.1c0 1.2 1 2.1 2.1 2.1 1.2 0 2.1-.9 2.1-2.1 0-1.2-1-2.1-2.1-2.1-1.2 0-2.1 1-2.1 2.1zM14.45 17.3h3.6v-6.2c0-3.1-.7-5.5-4.3-5.5-1.8 0-2.9.9-3.4 1.8V5.8h-3.4v11.5h3.6v-5.7c0-1.5.2-2.9 2.1-2.9 1.8 0 1.8 1.7 1.8 3v5.6z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"video video__type--vimeo block-video__video\">\n\t<div\n\t\tclass=\"video__player block-video__video plyr__video-embed js-video-player\"\n\t\tdata-provider=\"vimeo\"\n\t\tdata-ratio=\"sixteen-nine\"\n\t\tdata-autoplay=\"true\"\n\t\tdata-loop=\"true\"\n\t\tdata-muted=\"true\"\n\t\tdata-background-mode=\"false\"\n\t\tdata-auto-pause=\"true\"\n\t\tdata-controls=\"progress,mute,play,forward,rewind\">\n\n\t\t\t\t\t<iframe\n\t\t\t\tclass=\"video__ratio--sixteen-nine\"\n\t\t\t\tsrc=\"https:\/\/player.vimeo.com\/video\/798217073?background=0&#038;autoplay=1&#038;controls=0&#038;byline=0&#038;title=0&#038;muted=1&#038;loop=1&#038;portrait=0&#038;speed=0&#038;gesture=media&#038;dnt=1\"\n\t\t\t\tframeBorder=\"0\"\n\t\t\t\tallow=\"autoplay; fullscreen\"\n\t\t\t\tallowFullScreen\n\t\t\t\ttitle=\"Vimeo video\"\n\t\t\t><\/iframe>\n\t\t\t<\/div>\n\n\t<\/div>\n\n<div class=\"block-title-and-content js-block-title-and-content block-title-and-content__theme--white\">\n\t<div class=\"block-title-and-content__layout\">\n\t\t<h2\t\tclass=\"typography block-title-and-content__title typography__color--onyxGrey typography__size--h2 typography__align--left\"\n\t\tdata-size-mobile=\"h2\" \t>\n\t\tThe life of the Meebits party\t<\/h2>\n\t\t\t\t\t<div class=\"block-title-and-content__content\">\n\t\t\t\t\n<div class='block-title-and-content__item'><div class='block-title-and-content__item-inner'><p\t\tclass=\"typography block-typography__typography typography__color--onyxGrey typography__size--regular-body typography__align--left\"\n\t\t\t>\n\t\tWhen envisioning Meebits coming to life and exploring their surroundings, we envisioned them being the stars of the show, always together, having fun, and embracing their individuality.<br><br>Inspired by Yuga Labs&#8217; prior media campaign and poster design, we designed the entire platform to be quirky and bold. From typography and icons to motion graphics, everything was designed to reflect the pixel-driven universe in which the Meebits live in, and to give the community glimpses of future developments.<br><br>In this immersive experience where the Meebits were the centre of attention, we created two levels of zoom triggered by a prominent ON\/OFF button leading to a library of playable characters. We also added several modes for exploring, some secretly hidden, offering an immersive experience that would generate excitement within the NFT community.\t<\/p><\/div><\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\n\t<div class=\"block-title-and-content__social-links\">\n\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-url=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-title=\"Building an immersive web-based hub for the Meebits\"\n\t\t\t\tdata-share-type=\"copy\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Copy page link\"\n\t\t\t\t\n\t\t\t\t\t\t\t\t\tdata-tooltip=\"true\"\n\t\t\t\t\tdata-tooltip-text=\"Link copied to clipboard.\"\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg' width='22' height='22' viewBox='0 0 22 22'><path d='M6.832 15.167l8.333-8.333M9.332 6.001l2.787-2.787a4.715 4.715 0 016.666 0v0a4.715 4.715 0 010 6.667L16 12.668M5.999 9.334l-2.787 2.787a4.715 4.715 0 000 6.666v0a4.715 4.715 0 006.667 0l2.787-2.786' stroke='currentColor' stroke-width='2'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fwww.deptagency.com%2Fen-in%2Fcase%2Fbuilding-an-immersive-web-based-hub-for-the-meebits%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-title=\"Building an immersive web-based hub for the Meebits\"\n\t\t\t\tdata-share-type=\"facebook\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Facebook\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='14' height='22' viewBox='0 0 14 22' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M4.032 22L4 12H0V8h4V5.5C4 1.789 6.298 0 9.61 0c1.585 0 2.948.118 3.345.17v3.88H10.66c-1.8 0-2.15.856-2.15 2.112V8h5.241l-2 4H8.51v10H4.032z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/api.whatsapp.com\/send?text=https%3A%2F%2Fwww.deptagency.com%2Fen-in%2Fcase%2Fbuilding-an-immersive-web-based-hub-for-the-meebits%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-title=\"Building an immersive web-based hub for the Meebits\"\n\t\t\t\tdata-share-type=\"whatsapp\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Whatsapp\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg xmlns='http: \/\/www.w3.org\/2000\/svg' width='25' height='24' viewBox='0 0 25 24'><path d='M.805 24l1.687-6.163a11.869 11.869 0 01-1.588-5.945C.907 5.335 6.244 0 12.801 0c3.182.001 6.17 1.24 8.415 3.488a11.819 11.819 0 013.481 8.413c-.002 6.558-5.34 11.893-11.896 11.893h-.005c-1.99-.001-3.947-.5-5.685-1.448L.805 24zm6.598-3.807l.361.214a9.874 9.874 0 005.033 1.378h.004c5.45 0 9.885-4.434 9.888-9.885a9.824 9.824 0 00-2.894-6.993 9.823 9.823 0 00-6.99-2.898c-5.454 0-9.89 4.434-9.892 9.884a9.86 9.86 0 001.512 5.26l.235.374-.999 3.648 3.742-.982z' fill='currentColor'\/><path d='M9.825 6.921c-.24-.58-.486-.501-.668-.51-.174-.009-.372-.01-.57-.01-.198 0-.52.074-.793.371-.272.298-1.04 1.017-1.04 2.48 0 1.462 1.065 2.875 1.214 3.073.148.199 2.096 3.2 5.078 4.487.709.306 1.262.49 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.759-.72 2.007-1.413.247-.694.247-1.29.173-1.413-.074-.124-.272-.199-.57-.347-.297-.149-1.758-.868-2.03-.967-.273-.1-.471-.149-.67.149-.198.297-.767.966-.94 1.165-.174.198-.348.223-.645.074-.297-.149-1.255-.462-2.39-1.475-.884-.788-1.48-1.76-1.654-2.058-.173-.298-.018-.459.13-.607.134-.133.298-.347.446-.52.149-.174.199-.298.298-.496.099-.198.05-.372-.025-.52-.074-.15-.669-1.612-.917-2.207z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Fwww.deptagency.com%2Fen-in%2Fcase%2Fbuilding-an-immersive-web-based-hub-for-the-meebits%2F&#038;text=Building%20an%20immersive%20web-based%20hub%20for%20the%20Meebits\"\n\t\t\t\tdata-share-url=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-title=\"Building an immersive web-based hub for the Meebits\"\n\t\t\t\tdata-share-type=\"twitter\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Twitter\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='25' height='20' viewBox='0 0 25 20' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M24.75 2.3c-.9.4-1.8.7-2.8.8 1-.6 1.8-1.6 2.2-2.7-1 .6-2 1-3.1 1.2-.9-1-2.2-1.6-3.6-1.6-2.7 0-4.9 2.2-4.9 4.9 0 .4 0 .8.1 1.1-4.2-.2-7.8-2.2-10.2-5.2-.5.8-.7 1.6-.7 2.5 0 1.7.9 3.2 2.2 4.1-.8 0-1.6-.2-2.2-.6v.1c0 2.4 1.7 4.4 3.9 4.8-.4.1-.8.2-1.3.2-.3 0-.6 0-.9-.1.6 2 2.4 3.4 4.6 3.4-1.7 1.3-3.8 2.1-6.1 2.1-.4 0-.8 0-1.2-.1 2.2 1.4 4.8 2.2 7.5 2.2 9.1 0 14-7.5 14-14v-.6c1-.7 1.8-1.6 2.5-2.5z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"http:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fwww.deptagency.com%2Fen-in%2Fcase%2Fbuilding-an-immersive-web-based-hub-for-the-meebits%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-title=\"Building an immersive web-based hub for the Meebits\"\n\t\t\t\tdata-share-type=\"linkedin\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Linkedin\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M1.15 17.3h3.6V5.8h-3.6v11.5zM.75 2.1c0 1.2 1 2.1 2.1 2.1 1.2 0 2.1-.9 2.1-2.1 0-1.2-1-2.1-2.1-2.1-1.2 0-2.1 1-2.1 2.1zM14.45 17.3h3.6v-6.2c0-3.1-.7-5.5-4.3-5.5-1.8 0-2.9.9-3.4 1.8V5.8h-3.4v11.5h3.6v-5.7c0-1.5.2-2.9 2.1-2.9 1.8 0 1.8 1.7 1.8 3v5.6z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"video video__type--vimeo block-video__video\">\n\t<div\n\t\tclass=\"video__player block-video__video plyr__video-embed js-video-player\"\n\t\tdata-provider=\"vimeo\"\n\t\tdata-ratio=\"sixteen-nine\"\n\t\tdata-autoplay=\"true\"\n\t\tdata-loop=\"true\"\n\t\tdata-muted=\"true\"\n\t\tdata-background-mode=\"false\"\n\t\tdata-auto-pause=\"true\"\n\t\tdata-controls=\"progress,mute,play,forward,rewind\">\n\n\t\t\t\t\t<iframe\n\t\t\t\tclass=\"video__ratio--sixteen-nine\"\n\t\t\t\tsrc=\"https:\/\/player.vimeo.com\/video\/798216986?background=0&#038;autoplay=1&#038;controls=0&#038;byline=0&#038;title=0&#038;muted=1&#038;loop=1&#038;portrait=0&#038;speed=0&#038;gesture=media&#038;dnt=1\"\n\t\t\t\tframeBorder=\"0\"\n\t\t\t\tallow=\"autoplay; fullscreen\"\n\t\t\t\tallowFullScreen\n\t\t\t\ttitle=\"Vimeo video\"\n\t\t\t><\/iframe>\n\t\t\t<\/div>\n\n\t<\/div>\n\n<div class=\"video video__type--vimeo block-video__video\">\n\t<div\n\t\tclass=\"video__player block-video__video plyr__video-embed js-video-player\"\n\t\tdata-provider=\"vimeo\"\n\t\tdata-ratio=\"sixteen-nine\"\n\t\tdata-autoplay=\"true\"\n\t\tdata-loop=\"true\"\n\t\tdata-muted=\"true\"\n\t\tdata-background-mode=\"false\"\n\t\tdata-auto-pause=\"true\"\n\t\tdata-controls=\"progress,mute,play,forward,rewind\">\n\n\t\t\t\t\t<iframe\n\t\t\t\tclass=\"video__ratio--sixteen-nine\"\n\t\t\t\tsrc=\"https:\/\/player.vimeo.com\/video\/798216946?background=0&#038;autoplay=1&#038;controls=0&#038;byline=0&#038;title=0&#038;muted=1&#038;loop=1&#038;portrait=0&#038;speed=0&#038;gesture=media&#038;dnt=1\"\n\t\t\t\tframeBorder=\"0\"\n\t\t\t\tallow=\"autoplay; fullscreen\"\n\t\t\t\tallowFullScreen\n\t\t\t\ttitle=\"Vimeo video\"\n\t\t\t><\/iframe>\n\t\t\t<\/div>\n\n\t<\/div>\n\n<div class=\"block-title-and-content js-block-title-and-content block-title-and-content__theme--white\">\n\t<div class=\"block-title-and-content__layout\">\n\t\t\n\t\t\t\t\t<div class=\"block-title-and-content__content\">\n\t\t\t\t\n<div class='block-title-and-content__item'><div class='block-title-and-content__item-inner'><p\t\tclass=\"typography block-typography__typography typography__color--onyxGrey typography__size--regular-body typography__align--left\"\n\t\t\t>\n\t\tWhen we were first assigned this project, we knew we wanted to create an experience that users could dance, play, and enjoy. With a collection of 20,000 unique characters, each with their own traits, types, and rarities, it was important to bring them to life.\t<\/p><\/div><\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\n\t<div class=\"block-title-and-content__social-links\">\n\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-url=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-title=\"Building an immersive web-based hub for the Meebits\"\n\t\t\t\tdata-share-type=\"copy\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Copy page link\"\n\t\t\t\t\n\t\t\t\t\t\t\t\t\tdata-tooltip=\"true\"\n\t\t\t\t\tdata-tooltip-text=\"Link copied to clipboard.\"\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg' width='22' height='22' viewBox='0 0 22 22'><path d='M6.832 15.167l8.333-8.333M9.332 6.001l2.787-2.787a4.715 4.715 0 016.666 0v0a4.715 4.715 0 010 6.667L16 12.668M5.999 9.334l-2.787 2.787a4.715 4.715 0 000 6.666v0a4.715 4.715 0 006.667 0l2.787-2.786' stroke='currentColor' stroke-width='2'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fwww.deptagency.com%2Fen-in%2Fcase%2Fbuilding-an-immersive-web-based-hub-for-the-meebits%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-title=\"Building an immersive web-based hub for the Meebits\"\n\t\t\t\tdata-share-type=\"facebook\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Facebook\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='14' height='22' viewBox='0 0 14 22' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M4.032 22L4 12H0V8h4V5.5C4 1.789 6.298 0 9.61 0c1.585 0 2.948.118 3.345.17v3.88H10.66c-1.8 0-2.15.856-2.15 2.112V8h5.241l-2 4H8.51v10H4.032z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/api.whatsapp.com\/send?text=https%3A%2F%2Fwww.deptagency.com%2Fen-in%2Fcase%2Fbuilding-an-immersive-web-based-hub-for-the-meebits%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-title=\"Building an immersive web-based hub for the Meebits\"\n\t\t\t\tdata-share-type=\"whatsapp\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Whatsapp\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg xmlns='http: \/\/www.w3.org\/2000\/svg' width='25' height='24' viewBox='0 0 25 24'><path d='M.805 24l1.687-6.163a11.869 11.869 0 01-1.588-5.945C.907 5.335 6.244 0 12.801 0c3.182.001 6.17 1.24 8.415 3.488a11.819 11.819 0 013.481 8.413c-.002 6.558-5.34 11.893-11.896 11.893h-.005c-1.99-.001-3.947-.5-5.685-1.448L.805 24zm6.598-3.807l.361.214a9.874 9.874 0 005.033 1.378h.004c5.45 0 9.885-4.434 9.888-9.885a9.824 9.824 0 00-2.894-6.993 9.823 9.823 0 00-6.99-2.898c-5.454 0-9.89 4.434-9.892 9.884a9.86 9.86 0 001.512 5.26l.235.374-.999 3.648 3.742-.982z' fill='currentColor'\/><path d='M9.825 6.921c-.24-.58-.486-.501-.668-.51-.174-.009-.372-.01-.57-.01-.198 0-.52.074-.793.371-.272.298-1.04 1.017-1.04 2.48 0 1.462 1.065 2.875 1.214 3.073.148.199 2.096 3.2 5.078 4.487.709.306 1.262.49 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.759-.72 2.007-1.413.247-.694.247-1.29.173-1.413-.074-.124-.272-.199-.57-.347-.297-.149-1.758-.868-2.03-.967-.273-.1-.471-.149-.67.149-.198.297-.767.966-.94 1.165-.174.198-.348.223-.645.074-.297-.149-1.255-.462-2.39-1.475-.884-.788-1.48-1.76-1.654-2.058-.173-.298-.018-.459.13-.607.134-.133.298-.347.446-.52.149-.174.199-.298.298-.496.099-.198.05-.372-.025-.52-.074-.15-.669-1.612-.917-2.207z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Fwww.deptagency.com%2Fen-in%2Fcase%2Fbuilding-an-immersive-web-based-hub-for-the-meebits%2F&#038;text=Building%20an%20immersive%20web-based%20hub%20for%20the%20Meebits\"\n\t\t\t\tdata-share-url=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-title=\"Building an immersive web-based hub for the Meebits\"\n\t\t\t\tdata-share-type=\"twitter\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Twitter\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='25' height='20' viewBox='0 0 25 20' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M24.75 2.3c-.9.4-1.8.7-2.8.8 1-.6 1.8-1.6 2.2-2.7-1 .6-2 1-3.1 1.2-.9-1-2.2-1.6-3.6-1.6-2.7 0-4.9 2.2-4.9 4.9 0 .4 0 .8.1 1.1-4.2-.2-7.8-2.2-10.2-5.2-.5.8-.7 1.6-.7 2.5 0 1.7.9 3.2 2.2 4.1-.8 0-1.6-.2-2.2-.6v.1c0 2.4 1.7 4.4 3.9 4.8-.4.1-.8.2-1.3.2-.3 0-.6 0-.9-.1.6 2 2.4 3.4 4.6 3.4-1.7 1.3-3.8 2.1-6.1 2.1-.4 0-.8 0-1.2-.1 2.2 1.4 4.8 2.2 7.5 2.2 9.1 0 14-7.5 14-14v-.6c1-.7 1.8-1.6 2.5-2.5z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"http:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fwww.deptagency.com%2Fen-in%2Fcase%2Fbuilding-an-immersive-web-based-hub-for-the-meebits%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-title=\"Building an immersive web-based hub for the Meebits\"\n\t\t\t\tdata-share-type=\"linkedin\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Linkedin\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M1.15 17.3h3.6V5.8h-3.6v11.5zM.75 2.1c0 1.2 1 2.1 2.1 2.1 1.2 0 2.1-.9 2.1-2.1 0-1.2-1-2.1-2.1-2.1-1.2 0-2.1 1-2.1 2.1zM14.45 17.3h3.6v-6.2c0-3.1-.7-5.5-4.3-5.5-1.8 0-2.9.9-3.4 1.8V5.8h-3.4v11.5h3.6v-5.7c0-1.5.2-2.9 2.1-2.9 1.8 0 1.8 1.7 1.8 3v5.6z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"video video__type--vimeo block-video__video\">\n\t<div\n\t\tclass=\"video__player block-video__video plyr__video-embed js-video-player\"\n\t\tdata-provider=\"vimeo\"\n\t\tdata-ratio=\"sixteen-nine\"\n\t\tdata-autoplay=\"true\"\n\t\tdata-loop=\"true\"\n\t\tdata-muted=\"true\"\n\t\tdata-background-mode=\"false\"\n\t\tdata-auto-pause=\"true\"\n\t\tdata-controls=\"progress,mute,play,forward,rewind\">\n\n\t\t\t\t\t<iframe\n\t\t\t\tclass=\"video__ratio--sixteen-nine\"\n\t\t\t\tsrc=\"https:\/\/player.vimeo.com\/video\/798217030?background=0&#038;autoplay=1&#038;controls=0&#038;byline=0&#038;title=0&#038;muted=1&#038;loop=1&#038;portrait=0&#038;speed=0&#038;gesture=media&#038;dnt=1\"\n\t\t\t\tframeBorder=\"0\"\n\t\t\t\tallow=\"autoplay; fullscreen\"\n\t\t\t\tallowFullScreen\n\t\t\t\ttitle=\"Vimeo video\"\n\t\t\t><\/iframe>\n\t\t\t<\/div>\n\n\t<\/div>\n\n<div class=\"block-title-and-content js-block-title-and-content block-title-and-content__theme--white\">\n\t<div class=\"block-title-and-content__layout\">\n\t\t\n\t\t\t\t\t<div class=\"block-title-and-content__content\">\n\t\t\t\t\n<div class='block-title-and-content__item'><div class='block-title-and-content__item-inner'><p\t\tclass=\"typography block-typography__typography typography__color--onyxGrey typography__size--regular-body typography__align--left\"\n\t\t\t>\n\t\tWe created three modes, each setting the characters in a different environment ready to party. To make things even better, we worked with Yuga Labs to create a simple and straightforward process for Meebit holders to retrieve their posters.\t<\/p><\/div><\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\n\t<div class=\"block-title-and-content__social-links\">\n\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-url=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-title=\"Building an immersive web-based hub for the Meebits\"\n\t\t\t\tdata-share-type=\"copy\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Copy page link\"\n\t\t\t\t\n\t\t\t\t\t\t\t\t\tdata-tooltip=\"true\"\n\t\t\t\t\tdata-tooltip-text=\"Link copied to clipboard.\"\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg' width='22' height='22' viewBox='0 0 22 22'><path d='M6.832 15.167l8.333-8.333M9.332 6.001l2.787-2.787a4.715 4.715 0 016.666 0v0a4.715 4.715 0 010 6.667L16 12.668M5.999 9.334l-2.787 2.787a4.715 4.715 0 000 6.666v0a4.715 4.715 0 006.667 0l2.787-2.786' stroke='currentColor' stroke-width='2'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fwww.deptagency.com%2Fen-in%2Fcase%2Fbuilding-an-immersive-web-based-hub-for-the-meebits%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-title=\"Building an immersive web-based hub for the Meebits\"\n\t\t\t\tdata-share-type=\"facebook\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Facebook\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='14' height='22' viewBox='0 0 14 22' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M4.032 22L4 12H0V8h4V5.5C4 1.789 6.298 0 9.61 0c1.585 0 2.948.118 3.345.17v3.88H10.66c-1.8 0-2.15.856-2.15 2.112V8h5.241l-2 4H8.51v10H4.032z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/api.whatsapp.com\/send?text=https%3A%2F%2Fwww.deptagency.com%2Fen-in%2Fcase%2Fbuilding-an-immersive-web-based-hub-for-the-meebits%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-title=\"Building an immersive web-based hub for the Meebits\"\n\t\t\t\tdata-share-type=\"whatsapp\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Whatsapp\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg xmlns='http: \/\/www.w3.org\/2000\/svg' width='25' height='24' viewBox='0 0 25 24'><path d='M.805 24l1.687-6.163a11.869 11.869 0 01-1.588-5.945C.907 5.335 6.244 0 12.801 0c3.182.001 6.17 1.24 8.415 3.488a11.819 11.819 0 013.481 8.413c-.002 6.558-5.34 11.893-11.896 11.893h-.005c-1.99-.001-3.947-.5-5.685-1.448L.805 24zm6.598-3.807l.361.214a9.874 9.874 0 005.033 1.378h.004c5.45 0 9.885-4.434 9.888-9.885a9.824 9.824 0 00-2.894-6.993 9.823 9.823 0 00-6.99-2.898c-5.454 0-9.89 4.434-9.892 9.884a9.86 9.86 0 001.512 5.26l.235.374-.999 3.648 3.742-.982z' fill='currentColor'\/><path d='M9.825 6.921c-.24-.58-.486-.501-.668-.51-.174-.009-.372-.01-.57-.01-.198 0-.52.074-.793.371-.272.298-1.04 1.017-1.04 2.48 0 1.462 1.065 2.875 1.214 3.073.148.199 2.096 3.2 5.078 4.487.709.306 1.262.49 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.759-.72 2.007-1.413.247-.694.247-1.29.173-1.413-.074-.124-.272-.199-.57-.347-.297-.149-1.758-.868-2.03-.967-.273-.1-.471-.149-.67.149-.198.297-.767.966-.94 1.165-.174.198-.348.223-.645.074-.297-.149-1.255-.462-2.39-1.475-.884-.788-1.48-1.76-1.654-2.058-.173-.298-.018-.459.13-.607.134-.133.298-.347.446-.52.149-.174.199-.298.298-.496.099-.198.05-.372-.025-.52-.074-.15-.669-1.612-.917-2.207z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Fwww.deptagency.com%2Fen-in%2Fcase%2Fbuilding-an-immersive-web-based-hub-for-the-meebits%2F&#038;text=Building%20an%20immersive%20web-based%20hub%20for%20the%20Meebits\"\n\t\t\t\tdata-share-url=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-title=\"Building an immersive web-based hub for the Meebits\"\n\t\t\t\tdata-share-type=\"twitter\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Twitter\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='25' height='20' viewBox='0 0 25 20' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M24.75 2.3c-.9.4-1.8.7-2.8.8 1-.6 1.8-1.6 2.2-2.7-1 .6-2 1-3.1 1.2-.9-1-2.2-1.6-3.6-1.6-2.7 0-4.9 2.2-4.9 4.9 0 .4 0 .8.1 1.1-4.2-.2-7.8-2.2-10.2-5.2-.5.8-.7 1.6-.7 2.5 0 1.7.9 3.2 2.2 4.1-.8 0-1.6-.2-2.2-.6v.1c0 2.4 1.7 4.4 3.9 4.8-.4.1-.8.2-1.3.2-.3 0-.6 0-.9-.1.6 2 2.4 3.4 4.6 3.4-1.7 1.3-3.8 2.1-6.1 2.1-.4 0-.8 0-1.2-.1 2.2 1.4 4.8 2.2 7.5 2.2 9.1 0 14-7.5 14-14v-.6c1-.7 1.8-1.6 2.5-2.5z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"http:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fwww.deptagency.com%2Fen-in%2Fcase%2Fbuilding-an-immersive-web-based-hub-for-the-meebits%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-title=\"Building an immersive web-based hub for the Meebits\"\n\t\t\t\tdata-share-type=\"linkedin\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Linkedin\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M1.15 17.3h3.6V5.8h-3.6v11.5zM.75 2.1c0 1.2 1 2.1 2.1 2.1 1.2 0 2.1-.9 2.1-2.1 0-1.2-1-2.1-2.1-2.1-1.2 0-2.1 1-2.1 2.1zM14.45 17.3h3.6v-6.2c0-3.1-.7-5.5-4.3-5.5-1.8 0-2.9.9-3.4 1.8V5.8h-3.4v11.5h3.6v-5.7c0-1.5.2-2.9 2.1-2.9 1.8 0 1.8 1.7 1.8 3v5.6z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"video video__type--vimeo block-video__video\">\n\t<div\n\t\tclass=\"video__player block-video__video plyr__video-embed js-video-player\"\n\t\tdata-provider=\"vimeo\"\n\t\tdata-ratio=\"sixteen-nine\"\n\t\tdata-autoplay=\"true\"\n\t\tdata-loop=\"true\"\n\t\tdata-muted=\"true\"\n\t\tdata-background-mode=\"false\"\n\t\tdata-auto-pause=\"true\"\n\t\tdata-controls=\"progress,mute,play,forward,rewind\">\n\n\t\t\t\t\t<iframe\n\t\t\t\tclass=\"video__ratio--sixteen-nine\"\n\t\t\t\tsrc=\"https:\/\/player.vimeo.com\/video\/798217009?background=0&#038;autoplay=1&#038;controls=0&#038;byline=0&#038;title=0&#038;muted=1&#038;loop=1&#038;portrait=0&#038;speed=0&#038;gesture=media&#038;dnt=1\"\n\t\t\t\tframeBorder=\"0\"\n\t\t\t\tallow=\"autoplay; fullscreen\"\n\t\t\t\tallowFullScreen\n\t\t\t\ttitle=\"Vimeo video\"\n\t\t\t><\/iframe>\n\t\t\t<\/div>\n\n\t<\/div>\n\n\n\n<div class=\"block-title-and-content js-block-title-and-content block-title-and-content__theme--white\">\n\t<div class=\"block-title-and-content__layout\">\n\t\t\n\t\t\t\t\t<div class=\"block-title-and-content__content\">\n\t\t\t\t\n<div class='block-title-and-content__item'><div class='block-title-and-content__item-inner'><p\t\tclass=\"typography block-typography__typography typography__color--onyxGrey typography__size--regular-body typography__align--left\"\n\t\t\t>\n\t\tBecause it is not a party without music, Yuga Labs teamed up with WarpSound, an AI-powered collective of virtual artists, to create an AI-generated playlist.\t<\/p><\/div><\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\n\t<div class=\"block-title-and-content__social-links\">\n\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-url=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-title=\"Building an immersive web-based hub for the Meebits\"\n\t\t\t\tdata-share-type=\"copy\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Copy page link\"\n\t\t\t\t\n\t\t\t\t\t\t\t\t\tdata-tooltip=\"true\"\n\t\t\t\t\tdata-tooltip-text=\"Link copied to clipboard.\"\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg' width='22' height='22' viewBox='0 0 22 22'><path d='M6.832 15.167l8.333-8.333M9.332 6.001l2.787-2.787a4.715 4.715 0 016.666 0v0a4.715 4.715 0 010 6.667L16 12.668M5.999 9.334l-2.787 2.787a4.715 4.715 0 000 6.666v0a4.715 4.715 0 006.667 0l2.787-2.786' stroke='currentColor' stroke-width='2'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fwww.deptagency.com%2Fen-in%2Fcase%2Fbuilding-an-immersive-web-based-hub-for-the-meebits%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-title=\"Building an immersive web-based hub for the Meebits\"\n\t\t\t\tdata-share-type=\"facebook\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Facebook\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='14' height='22' viewBox='0 0 14 22' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M4.032 22L4 12H0V8h4V5.5C4 1.789 6.298 0 9.61 0c1.585 0 2.948.118 3.345.17v3.88H10.66c-1.8 0-2.15.856-2.15 2.112V8h5.241l-2 4H8.51v10H4.032z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/api.whatsapp.com\/send?text=https%3A%2F%2Fwww.deptagency.com%2Fen-in%2Fcase%2Fbuilding-an-immersive-web-based-hub-for-the-meebits%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-title=\"Building an immersive web-based hub for the Meebits\"\n\t\t\t\tdata-share-type=\"whatsapp\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Whatsapp\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg xmlns='http: \/\/www.w3.org\/2000\/svg' width='25' height='24' viewBox='0 0 25 24'><path d='M.805 24l1.687-6.163a11.869 11.869 0 01-1.588-5.945C.907 5.335 6.244 0 12.801 0c3.182.001 6.17 1.24 8.415 3.488a11.819 11.819 0 013.481 8.413c-.002 6.558-5.34 11.893-11.896 11.893h-.005c-1.99-.001-3.947-.5-5.685-1.448L.805 24zm6.598-3.807l.361.214a9.874 9.874 0 005.033 1.378h.004c5.45 0 9.885-4.434 9.888-9.885a9.824 9.824 0 00-2.894-6.993 9.823 9.823 0 00-6.99-2.898c-5.454 0-9.89 4.434-9.892 9.884a9.86 9.86 0 001.512 5.26l.235.374-.999 3.648 3.742-.982z' fill='currentColor'\/><path d='M9.825 6.921c-.24-.58-.486-.501-.668-.51-.174-.009-.372-.01-.57-.01-.198 0-.52.074-.793.371-.272.298-1.04 1.017-1.04 2.48 0 1.462 1.065 2.875 1.214 3.073.148.199 2.096 3.2 5.078 4.487.709.306 1.262.49 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.759-.72 2.007-1.413.247-.694.247-1.29.173-1.413-.074-.124-.272-.199-.57-.347-.297-.149-1.758-.868-2.03-.967-.273-.1-.471-.149-.67.149-.198.297-.767.966-.94 1.165-.174.198-.348.223-.645.074-.297-.149-1.255-.462-2.39-1.475-.884-.788-1.48-1.76-1.654-2.058-.173-.298-.018-.459.13-.607.134-.133.298-.347.446-.52.149-.174.199-.298.298-.496.099-.198.05-.372-.025-.52-.074-.15-.669-1.612-.917-2.207z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Fwww.deptagency.com%2Fen-in%2Fcase%2Fbuilding-an-immersive-web-based-hub-for-the-meebits%2F&#038;text=Building%20an%20immersive%20web-based%20hub%20for%20the%20Meebits\"\n\t\t\t\tdata-share-url=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-title=\"Building an immersive web-based hub for the Meebits\"\n\t\t\t\tdata-share-type=\"twitter\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Twitter\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='25' height='20' viewBox='0 0 25 20' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M24.75 2.3c-.9.4-1.8.7-2.8.8 1-.6 1.8-1.6 2.2-2.7-1 .6-2 1-3.1 1.2-.9-1-2.2-1.6-3.6-1.6-2.7 0-4.9 2.2-4.9 4.9 0 .4 0 .8.1 1.1-4.2-.2-7.8-2.2-10.2-5.2-.5.8-.7 1.6-.7 2.5 0 1.7.9 3.2 2.2 4.1-.8 0-1.6-.2-2.2-.6v.1c0 2.4 1.7 4.4 3.9 4.8-.4.1-.8.2-1.3.2-.3 0-.6 0-.9-.1.6 2 2.4 3.4 4.6 3.4-1.7 1.3-3.8 2.1-6.1 2.1-.4 0-.8 0-1.2-.1 2.2 1.4 4.8 2.2 7.5 2.2 9.1 0 14-7.5 14-14v-.6c1-.7 1.8-1.6 2.5-2.5z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"http:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fwww.deptagency.com%2Fen-in%2Fcase%2Fbuilding-an-immersive-web-based-hub-for-the-meebits%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-title=\"Building an immersive web-based hub for the Meebits\"\n\t\t\t\tdata-share-type=\"linkedin\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Linkedin\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M1.15 17.3h3.6V5.8h-3.6v11.5zM.75 2.1c0 1.2 1 2.1 2.1 2.1 1.2 0 2.1-.9 2.1-2.1 0-1.2-1-2.1-2.1-2.1-1.2 0-2.1 1-2.1 2.1zM14.45 17.3h3.6v-6.2c0-3.1-.7-5.5-4.3-5.5-1.8 0-2.9.9-3.4 1.8V5.8h-3.4v11.5h3.6v-5.7c0-1.5.2-2.9 2.1-2.9 1.8 0 1.8 1.7 1.8 3v5.6z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"video video__type--vimeo block-video__video\">\n\t<div\n\t\tclass=\"video__player block-video__video plyr__video-embed js-video-player\"\n\t\tdata-provider=\"vimeo\"\n\t\tdata-ratio=\"sixteen-nine\"\n\t\tdata-autoplay=\"true\"\n\t\tdata-loop=\"true\"\n\t\tdata-muted=\"false\"\n\t\tdata-background-mode=\"false\"\n\t\tdata-auto-pause=\"true\"\n\t\tdata-controls=\"progress,play,forward,rewind\">\n\n\t\t\t\t\t<iframe\n\t\t\t\tclass=\"video__ratio--sixteen-nine\"\n\t\t\t\tsrc=\"https:\/\/player.vimeo.com\/video\/798216926?background=0&#038;autoplay=1&#038;controls=0&#038;byline=0&#038;title=0&#038;muted=0&#038;loop=1&#038;portrait=0&#038;speed=0&#038;gesture=media&#038;dnt=1\"\n\t\t\t\tframeBorder=\"0\"\n\t\t\t\tallow=\"autoplay; fullscreen\"\n\t\t\t\tallowFullScreen\n\t\t\t\ttitle=\"Vimeo video\"\n\t\t\t><\/iframe>\n\t\t\t<\/div>\n\n\t<\/div>\n\n<div class=\"block-title-and-content js-block-title-and-content block-title-and-content__theme--white\">\n\t<div class=\"block-title-and-content__layout\">\n\t\t<h2\t\tclass=\"typography block-title-and-content__title typography__color--onyxGrey typography__size--h2 typography__align--left\"\n\t\tdata-size-mobile=\"h2\" \t>\n\t\tBuilding the Meebits immersive experience\u00a0\t<\/h2>\n\t\t\t\t\t<div class=\"block-title-and-content__content\">\n\t\t\t\t\n<div class='block-title-and-content__item'><div class='block-title-and-content__item-inner'><p\t\tclass=\"typography block-typography__typography typography__color--onyxGrey typography__size--regular-body typography__align--left\"\n\t\t\t>\n\t\tThe team wanted to bring the Meebits to life through animations, lighting, and shadows, leading them to use the Mixamo animation catalogue for quick access to a wide range of animations. This required significant modifications to our custom made WebGL engine called AstroGL, although this project gave us the opportunity to further test our continuously-growing piece of <a href=\"https:\/\/www.deptagency.com\/service\/engineering\/\" target=\"_blank\" rel=\"noreferrer noopener\">engineering<\/a>.\u00a0<br><br>The rendering of the Meebits also presented challenges because we had to match the neo-8 bit style posters.\u00a0<br><br>To do this, we had to adjust the PBR real-time rendering material and add real-time sharp shadow capabilities while maintaining performance standards. One issue that arose during production was that each colour in the model had its own sub-mesh, which impacted performance when displaying multiple Meebits. To resolve this, DOGSTUDIO\/DEPT\u00ae created code to merge all sub-meshes into one draw call per Meebit, ensuring that a party with multiple Meebit friends would be smooth and enjoyable.\t<\/p><\/div><\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\n\t<div class=\"block-title-and-content__social-links\">\n\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-url=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-title=\"Building an immersive web-based hub for the Meebits\"\n\t\t\t\tdata-share-type=\"copy\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Copy page link\"\n\t\t\t\t\n\t\t\t\t\t\t\t\t\tdata-tooltip=\"true\"\n\t\t\t\t\tdata-tooltip-text=\"Link copied to clipboard.\"\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg' width='22' height='22' viewBox='0 0 22 22'><path d='M6.832 15.167l8.333-8.333M9.332 6.001l2.787-2.787a4.715 4.715 0 016.666 0v0a4.715 4.715 0 010 6.667L16 12.668M5.999 9.334l-2.787 2.787a4.715 4.715 0 000 6.666v0a4.715 4.715 0 006.667 0l2.787-2.786' stroke='currentColor' stroke-width='2'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fwww.deptagency.com%2Fen-in%2Fcase%2Fbuilding-an-immersive-web-based-hub-for-the-meebits%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-title=\"Building an immersive web-based hub for the Meebits\"\n\t\t\t\tdata-share-type=\"facebook\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Facebook\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='14' height='22' viewBox='0 0 14 22' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M4.032 22L4 12H0V8h4V5.5C4 1.789 6.298 0 9.61 0c1.585 0 2.948.118 3.345.17v3.88H10.66c-1.8 0-2.15.856-2.15 2.112V8h5.241l-2 4H8.51v10H4.032z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/api.whatsapp.com\/send?text=https%3A%2F%2Fwww.deptagency.com%2Fen-in%2Fcase%2Fbuilding-an-immersive-web-based-hub-for-the-meebits%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-title=\"Building an immersive web-based hub for the Meebits\"\n\t\t\t\tdata-share-type=\"whatsapp\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Whatsapp\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg xmlns='http: \/\/www.w3.org\/2000\/svg' width='25' height='24' viewBox='0 0 25 24'><path d='M.805 24l1.687-6.163a11.869 11.869 0 01-1.588-5.945C.907 5.335 6.244 0 12.801 0c3.182.001 6.17 1.24 8.415 3.488a11.819 11.819 0 013.481 8.413c-.002 6.558-5.34 11.893-11.896 11.893h-.005c-1.99-.001-3.947-.5-5.685-1.448L.805 24zm6.598-3.807l.361.214a9.874 9.874 0 005.033 1.378h.004c5.45 0 9.885-4.434 9.888-9.885a9.824 9.824 0 00-2.894-6.993 9.823 9.823 0 00-6.99-2.898c-5.454 0-9.89 4.434-9.892 9.884a9.86 9.86 0 001.512 5.26l.235.374-.999 3.648 3.742-.982z' fill='currentColor'\/><path d='M9.825 6.921c-.24-.58-.486-.501-.668-.51-.174-.009-.372-.01-.57-.01-.198 0-.52.074-.793.371-.272.298-1.04 1.017-1.04 2.48 0 1.462 1.065 2.875 1.214 3.073.148.199 2.096 3.2 5.078 4.487.709.306 1.262.49 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.759-.72 2.007-1.413.247-.694.247-1.29.173-1.413-.074-.124-.272-.199-.57-.347-.297-.149-1.758-.868-2.03-.967-.273-.1-.471-.149-.67.149-.198.297-.767.966-.94 1.165-.174.198-.348.223-.645.074-.297-.149-1.255-.462-2.39-1.475-.884-.788-1.48-1.76-1.654-2.058-.173-.298-.018-.459.13-.607.134-.133.298-.347.446-.52.149-.174.199-.298.298-.496.099-.198.05-.372-.025-.52-.074-.15-.669-1.612-.917-2.207z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"https:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Fwww.deptagency.com%2Fen-in%2Fcase%2Fbuilding-an-immersive-web-based-hub-for-the-meebits%2F&#038;text=Building%20an%20immersive%20web-based%20hub%20for%20the%20Meebits\"\n\t\t\t\tdata-share-url=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-title=\"Building an immersive web-based hub for the Meebits\"\n\t\t\t\tdata-share-type=\"twitter\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Twitter\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='25' height='20' viewBox='0 0 25 20' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M24.75 2.3c-.9.4-1.8.7-2.8.8 1-.6 1.8-1.6 2.2-2.7-1 .6-2 1-3.1 1.2-.9-1-2.2-1.6-3.6-1.6-2.7 0-4.9 2.2-4.9 4.9 0 .4 0 .8.1 1.1-4.2-.2-7.8-2.2-10.2-5.2-.5.8-.7 1.6-.7 2.5 0 1.7.9 3.2 2.2 4.1-.8 0-1.6-.2-2.2-.6v.1c0 2.4 1.7 4.4 3.9 4.8-.4.1-.8.2-1.3.2-.3 0-.6 0-.9-.1.6 2 2.4 3.4 4.6 3.4-1.7 1.3-3.8 2.1-6.1 2.1-.4 0-.8 0-1.2-.1 2.2 1.4 4.8 2.2 7.5 2.2 9.1 0 14-7.5 14-14v-.6c1-.7 1.8-1.6 2.5-2.5z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t\t\t<a\n\t\t\t\thref=\"http:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fwww.deptagency.com%2Fen-in%2Fcase%2Fbuilding-an-immersive-web-based-hub-for-the-meebits%2F\"\n\t\t\t\tdata-share-url=\"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/\"\n\t\t\t\tdata-share-title=\"Building an immersive web-based hub for the Meebits\"\n\t\t\t\tdata-share-type=\"linkedin\"\n\t\t\t\tclass=\"block-title-and-content__social-links-item js-social-link\"\n\t\t\t\taria-label=\"Share to Linkedin\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\n\t\t\t\t\t\t\t>\n\t\t\t\t<svg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http: \/\/www.w3.org\/2000\/svg'><path d='M1.15 17.3h3.6V5.8h-3.6v11.5zM.75 2.1c0 1.2 1 2.1 2.1 2.1 1.2 0 2.1-.9 2.1-2.1 0-1.2-1-2.1-2.1-2.1-1.2 0-2.1 1-2.1 2.1zM14.45 17.3h3.6v-6.2c0-3.1-.7-5.5-4.3-5.5-1.8 0-2.9.9-3.4 1.8V5.8h-3.4v11.5h3.6v-5.7c0-1.5.2-2.9 2.1-2.9 1.8 0 1.8 1.7 1.8 3v5.6z' fill='currentColor'\/><\/svg>\t\t\t<\/a>\n\t\t\t\t<\/div>\n<\/div>\n\n<div\n\t\tclass=\"image-wrap block-image__image-wrap\"\n\t\tdata-align=\"center center\"\n\t\t\t>\n\n\t\t\t<picture\n\t\tclass=\"image__picture\"\n\t\t\t\t>\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t<img\n\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2023\/02\/meebits_2.jpg\"\n\t\t\t\tclass=\"image block-image__image\"\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\/>\n\t\t<\/picture>\n\t\n\t<\/div>\n\n<div class=\"quote block-quote__quote quote__theme--white\">\n\n\t<div class=\"quote__content\" >\n\t\t<h2 class=\"heading heading__color--black heading__align--left quote__heading\">\n\t\t\tWe couldn&#8217;t have picked a better partner to bring Meebits to life. The entire DOGSTUDIO\/DEPT\u00ae team put the expert level of craft and care into every detail that we would ourselves. They have been true creative partners from start to finish on the project.\t<\/h2><p class=\"paragraph paragraph__color--black paragraph__align--left quote__paragraph\">Chad Calcagno, VP of Creative Production &#8211; Yuga Labs \/ Meebits<\/p>\t<\/div>\n\n<\/div>\n\n<div class=\"block-get-in-touch js-block-get-in-touch\">\n\t<div class=\"block-get-in-touch__column block-get-in-touch__column--left block-get-in-touch__column--richBlack\">\n\t\t<h2 class=\"heading heading__color--white heading__size--xl heading__align--left block-get-in-touch__heading\">\n\t\t\tQuestions?\t<\/h2>\t<\/div>\n\n\t<div class=\"block-get-in-touch__column block-get-in-touch__column--right block-get-in-touch__column--white\">\n\t<div\n\t\tclass=\"image-wrap block-get-in-touch__image-wrap\"\n\t\tdata-align=\"top center\"\n\t\t\t>\n\n\t\t\t<div style=\"background-image:url(https:\/\/www.deptagency.com\/wp-content\/uploads\/2022\/10\/E026KL2NWPK-U02DE25GVDK-fc5a8133c593-512.png)\" class=\"image image--bg block-get-in-touch__image\" ><\/div>\n\t\n\t<\/div>\t\t\t<div class=\"block-get-in-touch__specialist\">\n\t\t\t\t<p class=\"heading heading__color--richBlack heading__size--xxs heading__align--left block-get-in-touch__subtitle\">\n\t\t\tCEO \/ CCO at Dogstudio\t<\/p><h3 class=\"heading heading__color--richBlack heading__size--m heading__align--left block-get-in-touch__person-title\">\n\t\t\tHenry Daubrez\t<\/h3>\t\t\t<\/div>\n\t\t\n\t\t<button\tclass=\"cta-bar block-get-in-touch__cta-bar js-cta-bar\"\n\tid=\"block-get-in-touch-0dff15382f4c5496c825fb60b7293365\"\n\ttitle=\"Get in touch\"\n\taria-label=\"\"\n\t\t>\n\t<div class=\"cta-bar__container cta-bar__container--size--default\">\n\t\t<div class=\"cta-bar__content\">\n\t\t\t<span class=\"cta-bar__label\">\n\t\t\t\tGet in touch\t\t\t<\/span>\n\t\t\t<i class=\"icon icon icon__color--white icon__size--small icon__arrow-right-circle cta-bar__icon cta-bar__icon\">\n\t<svg width='24' height='24' fill='none' viewBox='0 0 24 24' xmlns='http:\/\/www.w3.org\/2000\/svg'><g class='symbol'><path d='M11.5215 17.2609L17.2607 12L11.5215 6.73912' stroke='currentColor' stroke-width='1.5' stroke-miterlimit='10'\/><path d='M16.7827 12L6.26099 12' stroke='currentColor' stroke-width='1.5' stroke-miterlimit='10'\/><circle cx='12' cy='12' r='11' stroke='currentColor' stroke-width='1.5' stroke-miterlimit='10'\/><\/g><path class='symbol-hover' fill-rule='evenodd' clip-rule='evenodd' d='M23 12C23 5.92487 18.0751 0.999999 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12ZM17.7674 11.4471L12.0283 6.18627L11.0147 7.292L15.3326 11.25L6.26099 11.25L6.26099 12.75L15.3326 12.75L11.0147 16.708L12.0283 17.8137L17.7675 12.5529L18.3706 12L17.7674 11.4471Z' fill='currentColor'\/><\/svg><\/i>\t\t<\/div>\n\t<\/div>\n<\/button>\t<\/div>\n<\/div>\n\n<div\n\tclass=\"flyout-drawer js-flyout-drawer flyout-drawer__position--right\"\n\tdata-trigger=\"#block-get-in-touch-0dff15382f4c5496c825fb60b7293365\"\n\tdata-instant-open=\"false\"\n>\n\t<div class=\"flyout-drawer__left-mobile-backplate\"><\/div>\n\t<div class=\"flyout-drawer__left-backplate\"><\/div>\n\n\t\t<div class=\"flyout-drawer__left\"><\/div>\n\n\t<button\tclass=\"cta-button flyout-drawer__close cta-button__color--white cta-button__style--text-and-icon js-drawer-close has-flipped-icon\" aria-label=\"Close\" >\n\t<svg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'><circle cx='10.5' cy='10.5' r='9.5' transform='rotate(-90 10.5 10.5)' stroke='var(--dept-button-icon-outline-color)' stroke-width='1.3' stroke-miterlimit='10' fill='none'\/><circle class='icon-backplate' cx='10.5' cy='10.5' r='9.5' transform='rotate(-90 10.5 10.5)' fill='var(--dept-button-icon-backplate-color)' fill-opacity='1'\/><path class='icon-center' d='m14 7-7 7m0-7 7 7' stroke='var(--dept-button-icon-color)' stroke-width='1.5' fill='none'\/><\/svg>\n\t\t\t<span>\n\t\t\tClose\t\t<\/span>\n\t\n<\/button>\n\t<div class=\"flyout-drawer__right\">\n\t\t<div class=\"pardot-forms block-get-in-touch__pardot-forms js-pardot-forms\">\n\t\t<iframe\n\t\tdata-initial-src=\"https:\/\/www2.deptagency.com\/l\/321011\/2018-03-15\/91tf75\"\n\t\tclass=\"pardot-forms__embed block-get-in-touch__embed js-pardot-forms-embed\"\n\t\ttype=\"text\/html\"\n\t><\/iframe>\n\t<div class=\"loader pardot-forms__loader loader__color--hanPurple js-pardot-forms-loader\">\n\t<div class=\"loader__first\"><\/div>\n\t<div class=\"loader__second\"><\/div>\n<\/div><\/div>\t<\/div>\n\n\t<button\tclass=\"cta-button flyout-drawer__back cta-button__color--onyxGrey cta-button__style--text-and-icon js-drawer-back has-small-icon\" aria-label=\"Back\" >\n\t<svg width='41' height='41' viewBox='0 0 41 41' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'><circle cx='20.5' cy='20.5' r='19.5' transform='rotate(-90 20.5 20.5)' stroke='var(--dept-button-icon-outline-color)' stroke-width='1.3' stroke-miterlimit='10' fill='none'\/><circle class='icon-backplate' cx='20.5' cy='20.5' r='19.5' transform='rotate(-90 20.5 20.5)' fill='var(--dept-button-icon-backplate-color)' fill-opacity='1'\/><path class='icon-center' d='M21.174 30 11 20.674l10.174-9.326m-9.326 9.328H30.5' stroke='var(--dept-button-icon-color)' stroke-width='1.3' stroke-miterlimit='10' fill='none'\/><\/svg>\n\t\t\t<span>\n\t\t\tBack\t\t<\/span>\n\t\n<\/button><\/div>\n\n<div class=\"block-highlighted-cases\" data-theme=\"white\">\n\t<p\t\tclass=\"typography block-highlighted-cases__heading typography__color--onyxGrey typography__size--regular-body typography__align--left\"\n\t\t\t>\n\t\tDiscover more\t<\/p>\n\t<div class=\"block-highlighted-cases__projects\">\n\t\t<a\tclass=\"universal-item-card universal-item-card__type--case universal-item-card--has-link-decoration block-highlighted-cases__project is-title-and-meta-swapped\"\n\tdata-theme=\"white\"\n\t\t\thref=\"https:\/\/www.deptagency.com\/en-in\/case\/a-state-of-the-art-virtual-exhibition\/\"\n\t\t\t\ttitle=\"The Bartlett School of Architecture\"\n\t\t>\n\t\n\t<div\n\t\tclass=\"image-wrap universal-item-card__image-wrap\"\n\t\tdata-align=\"center center\"\n\t\t\t>\n\n\t\t\t<picture\n\t\tclass=\"image__picture\"\n\t\t\t\t>\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t<img\n\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2022\/09\/Bartlett-School-of-Architecture_Featured-Image.png\"\n\t\t\t\tclass=\"image universal-item-card__image\"\n\n\t\t\t\t\t\t\t\talt=\"The Bartlett School of Architecture\"\n\t\t\t\t\n\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\/>\n\t\t<\/picture>\n\t\n\t<\/div><p\t\tclass=\"typography universal-item-card__meta typography__color--darkGrey typography__size--eyebrow-lc typography__align--left\"\n\t\t\t>\n\t\tA state-of-the-art virtual exhibition\t<\/p><h3\t\tclass=\"typography universal-item-card__title typography__color--onyxGrey typography__size--h6 typography__align--left\"\n\t\t\t>\n\t\t<span>The Bartlett School of Architecture<\/span>\t<\/h3>\n\t\n\t<\/a><a\tclass=\"universal-item-card universal-item-card__type--case universal-item-card--has-link-decoration block-highlighted-cases__project is-title-and-meta-swapped\"\n\tdata-theme=\"white\"\n\t\t\thref=\"https:\/\/www.deptagency.com\/en-in\/case\/data-driven-success-for-a-fashion-retailer\/\"\n\t\t\t\ttitle=\"Omoda\"\n\t\t>\n\t\n\t<div\n\t\tclass=\"image-wrap universal-item-card__image-wrap\"\n\t\tdata-align=\"center center\"\n\t\t\t>\n\n\t\t\t<picture\n\t\tclass=\"image__picture\"\n\t\t\t\t>\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t<img\n\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2024\/06\/Omoda-Featured-Image.jpg\"\n\t\t\t\tclass=\"image universal-item-card__image\"\n\n\t\t\t\t\t\t\t\talt=\"Omoda\"\n\t\t\t\t\n\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\/>\n\t\t<\/picture>\n\t\n\t<\/div><p\t\tclass=\"typography universal-item-card__meta typography__color--darkGrey typography__size--eyebrow-lc typography__align--left\"\n\t\t\t>\n\t\tData-driven success for a fashion retailer\t<\/p><h3\t\tclass=\"typography universal-item-card__title typography__color--onyxGrey typography__size--h6 typography__align--left\"\n\t\t\t>\n\t\t<span>Omoda<\/span>\t<\/h3>\n\t\n\t<\/a>\t<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":27,"featured_media":4389441,"template":"","meta":{"_acf_changed":false,"es_utils_meta_schema":"","member_job_title":"","member_linkedin_url":"","dept_alt_featured_image":[],"dept_algolia_noindex":false,"dept_algolia_featured":false,"dept_accent_color":"#1027EF","dept_next_case_accent_color":"","dept_case_video":{"type":"local"},"footnotes":""},"client":[41293],"case-category":[42930],"award":[],"case-industry":[42928],"person":[39734],"class_list":["post-4389439","case","type-case","status-publish","has-post-thumbnail","hentry"],"acf":{"dept_is_3q_page":false,"dept_current_cpt_partner":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Building an immersive web-based hub for the Meebits - DEPT\u00ae<\/title>\n<meta name=\"description\" content=\"Yuga Labs partnered with DOGSTUDIO\/DEPT\u00ae to create a web-based hub for Meebits, allowing them to give back to its community.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4389439\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Building an immersive web-based hub for the Meebits - DEPT\u00ae\" \/>\n<meta property=\"og:description\" content=\"Yuga Labs partnered with DOGSTUDIO\/DEPT\u00ae to create a web-based hub for Meebits, allowing them to give back to its community.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.deptagency.com\/en-in\/?post_type=case&amp;p=4389439\" \/>\n<meta property=\"og:site_name\" content=\"DEPT\u00ae\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-08T09:08:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2023\/02\/meebits_1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1357\" \/>\n\t<meta property=\"og:image:height\" content=\"672\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4389439\",\"url\":\"https:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4389439\",\"name\":\"Building an immersive web-based hub for the Meebits - DEPT\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/www.deptagency.com\/en-uki\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4389439#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4389439#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2023\/02\/Meebits-_-Dogstudio-1920x1080-1.png\",\"datePublished\":\"2023-02-13T09:34:36+00:00\",\"dateModified\":\"2025-12-08T09:08:51+00:00\",\"description\":\"Yuga Labs partnered with DOGSTUDIO\/DEPT\u00ae to create a web-based hub for Meebits, allowing them to give back to its community.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4389439#breadcrumb\"},\"inLanguage\":\"en-in\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4389439\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-in\",\"@id\":\"https:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4389439#primaryimage\",\"url\":\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2023\/02\/Meebits-_-Dogstudio-1920x1080-1.png\",\"contentUrl\":\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2023\/02\/Meebits-_-Dogstudio-1920x1080-1.png\",\"width\":1920,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4389439#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.deptagency.com\/en-in\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Building an immersive web-based hub for the Meebits\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.deptagency.com\/en-uki\/#website\",\"url\":\"https:\/\/www.deptagency.com\/en-uki\/\",\"name\":\"DEPT\u00ae\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.deptagency.com\/en-uki\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-in\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Building an immersive web-based hub for the Meebits - DEPT\u00ae","description":"Yuga Labs partnered with DOGSTUDIO\/DEPT\u00ae to create a web-based hub for Meebits, allowing them to give back to its community.","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:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4389439","og_locale":"en_US","og_type":"article","og_title":"Building an immersive web-based hub for the Meebits - DEPT\u00ae","og_description":"Yuga Labs partnered with DOGSTUDIO\/DEPT\u00ae to create a web-based hub for Meebits, allowing them to give back to its community.","og_url":"https:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4389439","og_site_name":"DEPT\u00ae","article_modified_time":"2025-12-08T09:08:51+00:00","og_image":[{"width":1357,"height":672,"url":"https:\/\/www.deptagency.com\/wp-content\/uploads\/2023\/02\/meebits_1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4389439","url":"https:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4389439","name":"Building an immersive web-based hub for the Meebits - DEPT\u00ae","isPartOf":{"@id":"https:\/\/www.deptagency.com\/en-uki\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4389439#primaryimage"},"image":{"@id":"https:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4389439#primaryimage"},"thumbnailUrl":"https:\/\/www.deptagency.com\/wp-content\/uploads\/2023\/02\/Meebits-_-Dogstudio-1920x1080-1.png","datePublished":"2023-02-13T09:34:36+00:00","dateModified":"2025-12-08T09:08:51+00:00","description":"Yuga Labs partnered with DOGSTUDIO\/DEPT\u00ae to create a web-based hub for Meebits, allowing them to give back to its community.","breadcrumb":{"@id":"https:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4389439#breadcrumb"},"inLanguage":"en-in","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4389439"]}]},{"@type":"ImageObject","inLanguage":"en-in","@id":"https:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4389439#primaryimage","url":"https:\/\/www.deptagency.com\/wp-content\/uploads\/2023\/02\/Meebits-_-Dogstudio-1920x1080-1.png","contentUrl":"https:\/\/www.deptagency.com\/wp-content\/uploads\/2023\/02\/Meebits-_-Dogstudio-1920x1080-1.png","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4389439#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.deptagency.com\/en-in\/"},{"@type":"ListItem","position":2,"name":"Building an immersive web-based hub for the Meebits"}]},{"@type":"WebSite","@id":"https:\/\/www.deptagency.com\/en-uki\/#website","url":"https:\/\/www.deptagency.com\/en-uki\/","name":"DEPT\u00ae","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.deptagency.com\/en-uki\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-in"}]}},"listingData":{"imageUrl":"https:\/\/www.deptagency.com\/wp-content\/uploads\/2023\/02\/Meebits-_-Dogstudio-1920x1080-1.png","imageAlt":"","caseVideo":{"type":"local"},"url":"https:\/\/www.deptagency.com\/en-in\/case\/building-an-immersive-web-based-hub-for-the-meebits\/","hoverColor":"#1027EF","hoverText":"Building an immersive web-based hub for the Meebits","label":"Yuga Labs","tags":["Brand &amp; Media","Tech, Media &amp; Telecoms"]},"_links":{"self":[{"href":"https:\/\/www.deptagency.com\/en-in\/wp-json\/wp\/v2\/case\/4389439","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.deptagency.com\/en-in\/wp-json\/wp\/v2\/case"}],"about":[{"href":"https:\/\/www.deptagency.com\/en-in\/wp-json\/wp\/v2\/types\/case"}],"author":[{"embeddable":true,"href":"https:\/\/www.deptagency.com\/en-in\/wp-json\/wp\/v2\/users\/27"}],"version-history":[{"count":2,"href":"https:\/\/www.deptagency.com\/en-in\/wp-json\/wp\/v2\/case\/4389439\/revisions"}],"predecessor-version":[{"id":4389949,"href":"https:\/\/www.deptagency.com\/en-in\/wp-json\/wp\/v2\/case\/4389439\/revisions\/4389949"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.deptagency.com\/en-in\/wp-json\/wp\/v2\/media\/4389441"}],"wp:attachment":[{"href":"https:\/\/www.deptagency.com\/en-in\/wp-json\/wp\/v2\/media?parent=4389439"}],"wp:term":[{"taxonomy":"client","embeddable":true,"href":"https:\/\/www.deptagency.com\/en-in\/wp-json\/wp\/v2\/client?post=4389439"},{"taxonomy":"case-category","embeddable":true,"href":"https:\/\/www.deptagency.com\/en-in\/wp-json\/wp\/v2\/case-category?post=4389439"},{"taxonomy":"award","embeddable":true,"href":"https:\/\/www.deptagency.com\/en-in\/wp-json\/wp\/v2\/award?post=4389439"},{"taxonomy":"case-industry","embeddable":true,"href":"https:\/\/www.deptagency.com\/en-in\/wp-json\/wp\/v2\/case-industry?post=4389439"},{"taxonomy":"person","embeddable":true,"href":"https:\/\/www.deptagency.com\/en-in\/wp-json\/wp\/v2\/person?post=4389439"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}