{"id":12423,"date":"2024-06-07T10:20:59","date_gmt":"2024-06-07T07:20:59","guid":{"rendered":"https:\/\/subsign.co\/stories\/?p=12423"},"modified":"2024-07-01T09:43:31","modified_gmt":"2024-07-01T06:43:31","slug":"clafen-subsign-project-case-study","status":"publish","type":"post","link":"https:\/\/subsign.co\/stories\/clafen-subsign-project-case-study\/","title":{"rendered":"Case study: Clafen\u00ae."},"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;\">Clafen\u00ae.<\/span> <\/p>\n\n\n\n<p class=\"article__para\"><span class=\"text-bold\">Client<\/span>: <span style=\"font-weight: 400;\">Antibiotice Ia\u0219i.<\/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;\">Web design &amp; development.<\/span> <\/p>\n\n\n\n<p class=\"article__para\"><span class=\"text-bold\">Project Goals<\/span>: <span style=\"font-weight: 400;\">Ensuring a seamless user journey from start to finish.<\/span> <\/p>\n\n\n\n<h2 class=\"wp-block-heading\"> Introduction. <\/h2>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> Antibiotice is one of the most important Romanian manufacturers of generic drugs that continue to support, help and treat generations of people. From penicillin produced in 1955 to today, the company has been with every generation in maintaining and restoring health. Antibiotice develops and manufactures generic drugs for a wide range of pathologies, all driven by patient care, safety and health. Since 1957 they have been manufacturing medicines for the local treatment of muscle and osteoarticular pain.<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2024\/06\/01-Laptop-Mockup-1-Large-1024x683.jpg\" alt=\"\" class=\"wp-image-12456\" srcset=\"https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2024\/06\/01-Laptop-Mockup-1-Large-1024x683.jpg 1024w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2024\/06\/01-Laptop-Mockup-1-Large-300x200.jpg 300w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2024\/06\/01-Laptop-Mockup-1-Large-768x512.jpg 768w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2024\/06\/01-Laptop-Mockup-1-Large.jpg 1620w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\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;\"> Our challenge was to design an intuitive website that effectively highlights the product&#8217;s benefits while also educating patients about muscle pain and its symptoms. We aimed to ensure the website was easy to navigate for all users, featuring clear, readable text and straightforward information access. Simultaneously, the site needed to be modern, colorful, and dynamic.<\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Solution.<\/h2>\n\n\n\n<p class=\"article__para\"><span class=\"text-bold\">Global Sections<\/span>: <span style=\"font-weight: 400;\">We created global widgets and sections that can be easily managed and modified in a few seconds.<\/span> <\/p>\n\n\n\n<p class=\"article__para\"><span class=\"text-bold\">Dynamic Tooltips Section<\/span>: <span style=\"font-weight: 400;\">A section that offers interactive guidance to localized pain, with dynamic tooltips that offer insights and assistance precisely when you need them.<\/span> <\/p>\n\n\n\n<p class=\"article__para\"><span class=\"text-bold\">Responsive Design<\/span>: <span style=\"font-weight: 400;\">Whether browsing on a desktop, tablet, or smartphone, the website adapts effortlessly to provide an optimal viewing experience across all devices.<\/span> <\/p>\n\n\n\n<p class=\"article__para\"><span class=\"text-bold\">Dynamic Content Sections<\/span>: <span style=\"font-weight: 400;\">A website which ensures that users stay informed and engaged with content that evolves based on availability, guaranteeing access to the latest information at all times.<\/span> <\/p>\n\n\n\n<p class=\"article__para\"><span class=\"text-bold\">Enhanced User Experience<\/span>: <span style=\"font-weight: 400;\">Navigation designed to be easy and efficient, featuring an intuitive design and seamless functionality carefully engineered to prioritize user convenience.<\/span> <\/p>\n\n\n\n<p class=\"article__para\"><span class=\"text-bold\">SEO-Ready<\/span>: <span style=\"font-weight: 400;\">Discoverability is a priority, so we focused on a website primed for success with robust SEO strategies in place, ensuring it reaches those who need it most.<\/span> <\/p>\n\n\n\n<p class=\"article__para\"><span class=\"text-bold\">Custom Search Bar and Logic<\/span>: <span style=\"font-weight: 400;\">Custom-designed search functionality that ensures users can find what they need precisely when they need it, delivering accurate results every time.<\/span> <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"681\" src=\"https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2024\/06\/Hand-Holding-Phone-Concept-Mockup-1-Large-1024x681.jpg\" alt=\"\" class=\"wp-image-12457\" srcset=\"https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2024\/06\/Hand-Holding-Phone-Concept-Mockup-1-Large-1024x681.jpg 1024w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2024\/06\/Hand-Holding-Phone-Concept-Mockup-1-Large-300x200.jpg 300w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2024\/06\/Hand-Holding-Phone-Concept-Mockup-1-Large-768x511.jpg 768w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2024\/06\/Hand-Holding-Phone-Concept-Mockup-1-Large.jpg 1623w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Process and stages.<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">1. Market Research.<\/h3>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> We began by conducting thorough market research to understand the target audience, their needs, preferences, and the competitive landscape. This stage involved analyzing user demographics, behavior patterns, and gathering insights from similar websites in the pharmaceutical sector, together with their product team.<\/span><\/p>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> We held creative workshops to brainstorm and align on the website&#8217;s vision. These sessions focused on identifying key functionalities, design preferences, and content requirements, ensuring the website would resonate with the target audience.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Digital Solution Research.<\/h3>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> We explored various digital solutions to determine the best technologies and platforms for building the website. Our goal was to ensure the website would be scalable, secure, and capable of delivering a seamless user experience.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Wireframing.<\/h3>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> In this stage, we created wireframes to map out the website\u2019s structure and layout. This involved designing intuitive navigation paths, ensuring easy access to information, and placing emphasis on legible text for older users. The wireframes served as a blueprint for the website\u2019s overall design and functionality.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. UX\/UI Design.<\/h3>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> Our design team focused on creating a user-friendly interface that was both visually appealing and functional. We chose a modern and colorful design palette to make the website vibrant while ensuring that text sizes and button placements were optimized for readability and ease of use. Special attention was given to accessibility features to accommodate all types of users.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. Web Development.<\/h3>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> Utilizing a custom builder (choice made after the discovery stage, where the customer needed a custom, autonomus and easy to manage solution), our development team brought the designs to life. We implemented a robust content management system (CMS) to allow Antibiotice to easily update and manage content. The development process also included integrating essential features such as search functionality, responsive design for mobile compatibility, and secure data handling.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Live Migration and QA Testing.<\/h3>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> After development, we migrated the site to a live server environment. Comprehensive QA testing was conducted to ensure the website was free of bugs and performed optimally across various devices and browsers. This phase included usability testing with a focus group of older users to validate ease of navigation and readability.<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"632\" src=\"https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2024\/06\/Hand-Holding-Phone-14-01-1-Large-1024x632.jpg\" alt=\"\" class=\"wp-image-12458\" srcset=\"https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2024\/06\/Hand-Holding-Phone-14-01-1-Large-1024x632.jpg 1024w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2024\/06\/Hand-Holding-Phone-14-01-1-Large-300x185.jpg 300w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2024\/06\/Hand-Holding-Phone-14-01-1-Large-768x474.jpg 768w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2024\/06\/Hand-Holding-Phone-14-01-1-Large.jpg 1751w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Execution Timeline.<\/h2>\n\n\n\n<p class=\"article__para\"><span class=\"text-bold\">Week 1-2<\/span>: <span style=\"font-weight: 400;\">Market Research &amp; Creative Workshops.<\/span> <\/p>\n\n\n\n<p class=\"article__para\"><span class=\"text-bold\">Week 3-4<\/span>: <span style=\"font-weight: 400;\">Digital Solution Research &amp; Wireframing.<\/span> <\/p>\n\n\n\n<p class=\"article__para\"><span class=\"text-bold\">Week 5-8<\/span>: <span style=\"font-weight: 400;\">UX\/UI Design.<\/span> <\/p>\n\n\n\n<p class=\"article__para\"><span class=\"text-bold\">Week 8-12<\/span>: <span style=\"font-weight: 400;\">Web Development, Live Migration, and QA Testing.<\/span> <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Results.<\/h2>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> We created a simplified and easy-to-navigate website, with large and visible elements, vivid colors that fully respect the visual identity of the product, but also an airy appearance, which guarantees a comfortable experience for users.<\/span><\/p>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> At the same time, our success was that of being able to address through the design and functionalities of this website a very varied target audience, from different age groups, keeping an up-to-date layout that highlights the essential information.<\/span><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"853\" height=\"1024\" src=\"https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2024\/06\/Hand-Holding-Phone-Mockup-Minimal-Clay-Black-White-Set-Avelina-Studio-1-Large-853x1024.jpg\" alt=\"\" class=\"wp-image-12455\" srcset=\"https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2024\/06\/Hand-Holding-Phone-Mockup-Minimal-Clay-Black-White-Set-Avelina-Studio-1-Large-853x1024.jpg 853w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2024\/06\/Hand-Holding-Phone-Mockup-Minimal-Clay-Black-White-Set-Avelina-Studio-1-Large-250x300.jpg 250w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2024\/06\/Hand-Holding-Phone-Mockup-Minimal-Clay-Black-White-Set-Avelina-Studio-1-Large-768x922.jpg 768w, https:\/\/subsign.co\/public\/stories\/wp-content\/uploads\/2024\/06\/Hand-Holding-Phone-Mockup-Minimal-Clay-Black-White-Set-Avelina-Studio-1-Large.jpg 1080w\" sizes=\"auto, (max-width: 853px) 100vw, 853px\" \/><\/figure><\/div>\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;\"> A great challenge of this project was the healthcare regulations. We needed to adapt and adjust both the design and functionality based on the feedback received from the national authorities. Ensuring compliance with these stringent regulations while maintaining an engaging and user-friendly design required close collaboration with legal experts and regular consultations with regulatory bodies.<\/span><\/p>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> We learned that we need to take into account more detailed and specific regulatory requirements in the planning stages to avoid significant redesigns and functionality adjustments later in the project. Early integration of regulatory feedback and continuous communication with authorities are crucial to streamline the approval process and minimize delays.<\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Our conclusion.<\/h2>\n\n\n\n<p class=\"article__para\"><span style=\"font-weight: 400;\"> The project was successfully completed within the timeframe. The new website for Antibiotice is a testament to our commitment to quality and user-centric design. It is intuitive, easy to navigate, and accessible to all users. The modern, colorful, and dynamic interface not only enhances user experience but also effectively communicates the brand\u2019s long-standing commitment to supporting patient health. By seamlessly blending functionality with aesthetics, we have provided Antibiotice with a powerful digital platform that strengthens their online presence and facilitates better engagement with their audience.<\/span><\/p>\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: Clafen\u00ae. Client: Antibiotice Ia\u0219i. Project Date: May 2023. Project Type: Web design &amp; development. Project Goals: Ensuring a seamless user journey from start to finish. Introduction. Antibiotice is one of the most important Romanian manufacturers of generic drugs that continue to support, help and treat generations of people. From penicillin produced [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":12454,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2,3],"tags":[220,221,222,223,219,201],"class_list":["post-12423","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-development","tag-antibiotice","tag-clafen","tag-subsign-portfolio","tag-subsign-projects","tag-web-design","tag-web-development"],"acf":[],"_links":{"self":[{"href":"https:\/\/subsign.co\/stories\/wp-json\/wp\/v2\/posts\/12423","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=12423"}],"version-history":[{"count":25,"href":"https:\/\/subsign.co\/stories\/wp-json\/wp\/v2\/posts\/12423\/revisions"}],"predecessor-version":[{"id":13524,"href":"https:\/\/subsign.co\/stories\/wp-json\/wp\/v2\/posts\/12423\/revisions\/13524"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/subsign.co\/stories\/wp-json\/wp\/v2\/media\/12454"}],"wp:attachment":[{"href":"https:\/\/subsign.co\/stories\/wp-json\/wp\/v2\/media?parent=12423"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/subsign.co\/stories\/wp-json\/wp\/v2\/categories?post=12423"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/subsign.co\/stories\/wp-json\/wp\/v2\/tags?post=12423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}