{"id":5642,"date":"2023-10-19T14:26:15","date_gmt":"2023-10-19T11:26:15","guid":{"rendered":"https:\/\/subsign.co\/stories\/?p=5642"},"modified":"2024-06-25T09:50:20","modified_gmt":"2024-06-25T06:50:20","slug":"tni-project-case-study","status":"publish","type":"post","link":"https:\/\/subsign.co\/stories\/tni-project-case-study\/","title":{"rendered":"TNI &#8211; project case study."},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Project Overview.<\/h2>\n\n\n\n<p class=\"article__para\"><span class=\"text-bold\">Project Title<\/span>: <span style=\"font-weight: 400;\">Teatrul Na\u021bional Ia\u0219i (TNI)<\/span> <\/p>\n\n\n\n<p class=\"article__para\"><span class=\"text-bold\">Project Date<\/span>: <span style=\"font-weight: 400;\">May 2023<\/span> <\/p>\n\n\n\n<p class=\"article__para\"><span class=\"text-bold\">Project Type<\/span>: <span style=\"font-weight: 400;\">UX \/ UI, Web dev, Photo &amp; Video Production, 360 Virtual Tour<\/span> <\/p>\n\n\n\n<p class=\"article__para\"><span class=\"text-bold\">Project Goals<\/span>: <span style=\"font-weight: 400;\">Transforming the website experience for the users in order to bring it in 2023, to find the events easier and to have an overall better user journey.<\/span> <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"681\" src=\"https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/31e95b538bb9b29b07f00f9362090cc5bd70b27b-1024x681.jpg\" alt=\"\" class=\"wp-image-5653\" srcset=\"https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/31e95b538bb9b29b07f00f9362090cc5bd70b27b-1024x681.jpg 1024w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/31e95b538bb9b29b07f00f9362090cc5bd70b27b-300x200.jpg 300w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/31e95b538bb9b29b07f00f9362090cc5bd70b27b-768x511.jpg 768w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/31e95b538bb9b29b07f00f9362090cc5bd70b27b.jpg 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Introduction.<\/h2>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> TNI is the first National Theatre in Romania. It is renown as being in the top 10 most beautiful theatres in the world.<\/span><\/p>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> After finding us on social media thanks to some footage created a year ago, the marketing manager from TNI approached us. They contacted our agency for a comprehensive website redesign to enhance their online presence and improve user experience.<\/span><\/p>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> We created a well deserved glow-up with a new experience focused on the user:<\/span><\/p>\n\n\n\n<p class=\"article__para\"><span class=\"text-bold\">1<\/span>. <span style=\"font-weight: 400;\">a new web design UX \/ UI;<\/span> <\/p>\n\n\n\n<p class=\"article__para\"><span class=\"text-bold\">2<\/span>. <span style=\"font-weight: 400;\">a custom events calendar;<\/span> <\/p>\n\n\n\n<p class=\"article__para\"><span class=\"text-bold\">3<\/span>. <span style=\"font-weight: 400;\">an accessibility module;<\/span> <\/p>\n\n\n\n<p class=\"article__para\"><span class=\"text-bold\">4<\/span>. <span style=\"font-weight: 400;\">a virtual tour module stay at the heart of the new website.<\/span> <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/TNI-Tur-virtual-1024x576.png\" alt=\"\" class=\"wp-image-5650\" srcset=\"https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/TNI-Tur-virtual-1024x576.png 1024w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/TNI-Tur-virtual-300x169.png 300w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/TNI-Tur-virtual-768x432.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">The Challenge.<\/h2>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> TNI&#8217;s existing website was outdated, difficult to navigate, impossible to update, and did not effectively showcase their productions and events. The client aimed to attract a wider audience, including potential theatregoers and sponsors.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Outdated Website.<\/h3>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> TNI&#8217;s existing website was antiquated and failed to align with modern design and functionality standards. Its appearance and navigation were no longer appealing to contemporary online users.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Lack of an Events Calendar.<\/h3>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> The absence of an events calendar made it challenging for visitors to stay informed about upcoming shows, performances, and cultural events. This hindered TNI&#8217;s ability to effectively promote their productions and engage their audience.<\/span><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/TNI-Calendar-1024x572.png\" alt=\"\" class=\"wp-image-5656\" srcset=\"https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/TNI-Calendar-1024x572.png 1024w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/TNI-Calendar-300x168.png 300w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/TNI-Calendar-768x429.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">3. Poor Show Discoverability.<\/h3>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> Navigating the old website to find specific shows or performances was a cumbersome and frustrating experience. Users often struggled to locate the information they needed, leading to missed opportunities and potential ticket sales.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Neglecting the Younger Audience.<\/h3>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> The old website did not cater to the preferences and expectations of a younger, tech-savvy audience. With limited interactivity and outdated design elements, it failed to captivate and engage this demographic, which is crucial for sustaining the theatre&#8217;s future growth.<\/span><\/p>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> In light of these challenges, TNI recognized the urgent need for a website overhaul to modernise their online presence, enhance user experience, and rekindle their connection with both existing and potential theatregoers, including the younger demographic.<\/span><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/TNI_showcase-Copy_02-1024x1024.jpg\" alt=\"\" class=\"wp-image-5676\" srcset=\"https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/TNI_showcase-Copy_02-1024x1024.jpg 1024w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/TNI_showcase-Copy_02-150x150.jpg 150w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/TNI_showcase-Copy_02-300x300.jpg 300w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/TNI_showcase-Copy_02-768x768.jpg 768w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/TNI_showcase-Copy_02.jpg 1080w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Solution.<\/h2>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> Our agency conducted a consultancy phase to understand TNI&#8217;s goals and challenges.<\/span><\/p>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> We organized a discovery meeting with the TNI team to gather insights and preferences.<\/span><\/p>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> Additionally, we held discovery meetings with theatre enthusiasts and potential partners to gain external perspectives.<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/TNI_showcase-Copy_04-1024x1024.jpg\" alt=\"\" class=\"wp-image-5685\" srcset=\"https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/TNI_showcase-Copy_04-1024x1024.jpg 1024w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/TNI_showcase-Copy_04-150x150.jpg 150w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/TNI_showcase-Copy_04-300x300.jpg 300w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/TNI_showcase-Copy_04-768x768.jpg 768w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/TNI_showcase-Copy_04.jpg 1080w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Process.<\/h2>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> The project was divided into several stages, including:<\/span><\/p>\n\n\n\n<p class=\"article__para\"><span class=\"text-bold\">Consultancy and Research<\/span>: <span style=\"font-weight: 400;\">Comprehensive analysis of TNI&#8217;s brand, audience, and competition.<\/span> <\/p>\n\n\n\n<p class=\"article__para\"><span class=\"text-bold\">Design and UX Planning<\/span>: <span style=\"font-weight: 400;\">Creation of wireframes and prototypes for the new website.<\/span> <\/p>\n\n\n\n<p class=\"article__para\"><span class=\"text-bold\">Development<\/span>: <span style=\"font-weight: 400;\">Custom web development with user-friendly features.<\/span> <\/p>\n\n\n\n<p class=\"article__para\"><span class=\"text-bold\">Media Production<\/span>: <span style=\"font-weight: 400;\">Photo and video production for captivating content.<\/span> <\/p>\n\n\n\n<p class=\"article__para\"><span class=\"text-bold\">Virtual Tour Integration<\/span>: <span style=\"font-weight: 400;\">Inclusion of a 360-degree virtual tour feature.<\/span> <\/p>\n\n\n\n<p class=\"article__para\"><span class=\"text-bold\">Testing and Quality Assurance<\/span>: <span style=\"font-weight: 400;\">Rigorous testing to ensure the website&#8217;s functionality.<\/span> <\/p>\n\n\n\n<p class=\"article__para\"><span class=\"text-bold\">Deployment<\/span>: <span style=\"font-weight: 400;\">Launching the new website.<\/span> <\/p>\n\n\n\n<p class=\"article__para\"><span class=\"text-bold\">Training<\/span>: <span style=\"font-weight: 400;\">Providing TNI staff with training on managing and updating the site.<\/span> <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/TNI-Echipa-1-1024x576.png\" alt=\"\" class=\"wp-image-5680\" srcset=\"https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/TNI-Echipa-1-1024x576.png 1024w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/TNI-Echipa-1-300x169.png 300w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/TNI-Echipa-1-768x432.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Execution.<\/h2>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> We implemented modern UX\/UI design principles to make the website visually appealing and easy to navigate.<\/span><\/p>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> Custom code was used to build unique features tailored to TNI&#8217;s needs.<\/span><\/p>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> High-quality photos and videos were produced to showcase productions and events effectively.<\/span><\/p>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> A 360-degree virtual tour was integrated to provide an immersive experience.<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"575\" src=\"https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/TNI-Tur-virtual-2-1024x575.png\" alt=\"\" class=\"wp-image-5660\" srcset=\"https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/TNI-Tur-virtual-2-1024x575.png 1024w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/TNI-Tur-virtual-2-300x169.png 300w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/TNI-Tur-virtual-2-768x432.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Results.<\/h2>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> The new website attracted a 30% increase in web traffic within the first three months.<\/span><\/p>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> User feedback indicated a 40% improvement in overall satisfaction with the site&#8217;s usability.<\/span><\/p>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> TNI reported a notable increase in ticket sales and event attendance.<\/span><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"574\" src=\"https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/TNI-Accesabilitate-2-1024x574.png\" alt=\"\" class=\"wp-image-5654\" srcset=\"https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/TNI-Accesabilitate-2-1024x574.png 1024w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/TNI-Accesabilitate-2-300x168.png 300w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/TNI-Accesabilitate-2-768x430.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Client Testimonial.<\/h2>\n\n\n\n<blockquote class=\"article-quote\"><p>I had an amazing experience with WePixel. They did a great job creating my website, and I couldn&#8217;t be happier with the results. Their creativity, professionalism, and dedication made the whole experience a pleasure.<\/p><\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Challenges and Learnings.<\/h2>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> Overcoming technical challenges during the custom code implementation.<\/span><\/p>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> Learning about the unique needs and preferences of the theatre audience through discovery meetings.<\/span><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/6-copy-1024x683.jpg\" alt=\"\" class=\"wp-image-5674\" srcset=\"https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/6-copy-1024x683.jpg 1024w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/6-copy-300x200.jpg 300w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/6-copy-768x512.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion.<\/h2>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> The TNI website redesign project was a resounding success, achieving its objectives of improving user experience and increasing audience engagement.<\/span><\/p>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> Now you can easily browse the shows in the calendar and get the tickets directly from inside the show page, discover the team and the theatre&#8217;s history and check the latest news and updates. <\/span><\/p>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> Also, if you are willing to (re)visit the theatre, but you are not able to visit the real thing, you can always take a virtual tour and wander around!<\/span><\/p>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> Human feel with a modern look, easy to navigate and true to its origins, TNI was a great opportunity to really showcase the link between its history, the user&#8217;s feel and above and beyond experience.<\/span><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"410\" src=\"https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/4-1-1024x410.jpg\" alt=\"\" class=\"wp-image-5647\" srcset=\"https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/4-1-1024x410.jpg 1024w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/4-1-300x120.jpg 300w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2023\/10\/4-1-768x307.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\">Feel free to send us an email at <a class=\"article__link\" href=\"https:\/\/subsign.co\/contact.html\" target=\"_blank\">hello@subsign.co<\/a> for collaborations or help with your brand\u2019s presence and content.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Project Overview. Project Title: Teatrul Na\u021bional Ia\u0219i (TNI) Project Date: May 2023 Project Type: UX \/ UI, Web dev, Photo &amp; Video Production, 360 Virtual Tour Project Goals: Transforming the website experience for the users in order to bring it in 2023, to find the events easier and to have an overall better user journey. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5644,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3],"tags":[],"class_list":["post-5642","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development"],"acf":[],"_links":{"self":[{"href":"https:\/\/subsign.co\/stories\/wp-json\/wp\/v2\/posts\/5642","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/subsign.co\/stories\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/subsign.co\/stories\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/subsign.co\/stories\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/subsign.co\/stories\/wp-json\/wp\/v2\/comments?post=5642"}],"version-history":[{"count":27,"href":"https:\/\/subsign.co\/stories\/wp-json\/wp\/v2\/posts\/5642\/revisions"}],"predecessor-version":[{"id":12886,"href":"https:\/\/subsign.co\/stories\/wp-json\/wp\/v2\/posts\/5642\/revisions\/12886"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/subsign.co\/stories\/wp-json\/wp\/v2\/media\/5644"}],"wp:attachment":[{"href":"https:\/\/subsign.co\/stories\/wp-json\/wp\/v2\/media?parent=5642"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/subsign.co\/stories\/wp-json\/wp\/v2\/categories?post=5642"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/subsign.co\/stories\/wp-json\/wp\/v2\/tags?post=5642"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}