{"id":23469,"date":"2018-01-16T10:55:00","date_gmt":"2018-01-16T09:55:00","guid":{"rendered":"https:\/\/referenz.vierviertel.com\/aktuelle-projekte\/web-design-for-the-newly-founded-biotech-start-up\/"},"modified":"2025-03-07T16:52:17","modified_gmt":"2025-03-07T15:52:17","slug":"web-design-for-the-newly-founded-biotech-start-up","status":"publish","type":"project","link":"https:\/\/referenz.vierviertel.com\/en\/case-studies\/web-design-for-the-newly-founded-biotech-start-up\/","title":{"rendered":"Web design for the newly founded biotech start-up"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"h-typo3-und-optimierte-navigation-f-r-maximale-nutzerfreundlichkeit\">Typo3 and optimized navigation for maximum user-friendliness<\/h2>\n\n<p>Valerius Biopharma AG was only founded in 2017 &#8211; the website is correspondingly important for the company&#8217;s brand image. The site should not only represent the biotech company to the public, but also appropriately address potential applicants and investors and convince them of what the company has to offer. For Valerius Biopharma, the website is usually the first point of contact with the target group and therefore provides a great opportunity for image building. And, of course, the new homepage should reflect the company&#8217;s claim to innovation in terms of design.   <br\/><br\/>Because biotechnology is a complex field of communication, we paid particular attention to the clear structure of the website so that users can access all content quickly and easily. The most important aspects of good usability were central to us: symmetrical and consistent design elements, self-explanatory navigation for intuitive user guidance and the sensible arrangement of all page elements in relation to each other. We designed all graphics to be consistent with the brand design.  <br\/><br\/>In order to create the website with maximum flexibility and expandability, we used the latest version of the TYPO3 content management system. It is characterized by a high level of user-friendliness, which allows content and images to be easily exchanged and adapted. This is an excellent basis for the further expansion of the site.  <\/p>\n\n<figure class=\"wp-block-video\"><video height=\"1200\" style=\"aspect-ratio: 1920 \/ 1200;\" width=\"1920\" autoplay=\"\" loop=\"\" muted=\"\" src=\"https:\/\/referenz.vierviertel.com\/wp-content\/uploads\/VALERIUS_Startseite_Slider_Video.mp4\" playsinline=\"\"><\/video><\/figure>\n<div class=\"wp-block-image blog-content-img\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"738\" height=\"653\" src=\"https:\/\/referenz.vierviertel.com\/wp-content\/uploads\/VALERIUS_Website_DT_Grafik.jpg\" alt=\"\" class=\"wp-image-19122\"\/><figcaption>Structure of a standard page<\/figcaption><\/figure><\/div>\n\n<div class=\"wp-block-image blog-content-img\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"738\" height=\"959\" src=\"https:\/\/referenz.vierviertel.com\/wp-content\/uploads\/VALERIUS_Website_DT_Standardseite_grau_738x959px.jpg\" alt=\"\" class=\"wp-image-19099\"\/><figcaption>Structure of a standard page with graphics<\/figcaption><\/figure><\/div>\n\n<div class=\"wp-block-image blog-content-img\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"738\" height=\"461\" src=\"https:\/\/referenz.vierviertel.com\/wp-content\/uploads\/VALERIUS_Website_DT_Layer_738px.jpg\" alt=\"\" class=\"wp-image-19103\"\/><figcaption>Home page layer<\/figcaption><\/figure><\/div>\n\n<div class=\"wp-block-image blog-content-img\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"738\" height=\"461\" src=\"https:\/\/referenz.vierviertel.com\/wp-content\/uploads\/VALERIUS_Website_Mobil_738x461px.jpg\" alt=\"\" class=\"wp-image-19113\"\/><figcaption>Mobile\/smartphone version of the website<\/figcaption><\/figure><\/div>\n\n<div class=\"wp-block-image blog-content-img\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"738\" height=\"461\" src=\"https:\/\/referenz.vierviertel.com\/wp-content\/uploads\/VALERIUS-iPAD-COMPOSING-738px_v3.jpg\" alt=\"\" class=\"wp-image-19126\"\/><figcaption>View tablet<\/figcaption><\/figure><\/div>\n\n<p><\/p>\n\n<p><\/p>\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Addressing the right target group. Typo3 and optimized navigation for maximum user-friendliness. Web design for the biotech start-up.  <\/p>\n","protected":false},"author":1,"featured_media":22883,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"project_category":[3299,3324,3298],"project_tag":[],"class_list":["post-23469","project","type-project","status-publish","has-post-thumbnail","hentry","project_category-healthcare-and-life-science","project_category-valerius-biopharma-ag-en","project_category-web-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Web design for the newly founded biotech start-up - vierviertel<\/title>\n<meta name=\"description\" content=\"Addressing the right target group. Typo3 and optimized navigation for maximum user-friendliness. Web design for the biotech start-up.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/referenz.vierviertel.com\/en\/case-studies\/web-design-for-the-newly-founded-biotech-start-up\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web design for the newly founded biotech start-up - vierviertel\" \/>\n<meta property=\"og:description\" content=\"Addressing the right target group. Typo3 and optimized navigation for maximum user-friendliness. Web design for the biotech start-up.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/referenz.vierviertel.com\/en\/case-studies\/web-design-for-the-newly-founded-biotech-start-up\/\" \/>\n<meta property=\"og:site_name\" content=\"vierviertel\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/vierviertel\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-07T15:52:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/referenz.vierviertel.com\/wp-content\/uploads\/VALERIUS-Website-COMP-02-1300px.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1300\" \/>\n\t<meta property=\"og:image:height\" content=\"813\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@vierviertel\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/case-studies\\\/web-design-for-the-newly-founded-biotech-start-up\\\/\",\"url\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/case-studies\\\/web-design-for-the-newly-founded-biotech-start-up\\\/\",\"name\":\"Web design for the newly founded biotech start-up - vierviertel\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/case-studies\\\/web-design-for-the-newly-founded-biotech-start-up\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/case-studies\\\/web-design-for-the-newly-founded-biotech-start-up\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/referenz.vierviertel.com\\\/wp-content\\\/uploads\\\/VALERIUS-Website-COMP-02-1300px.jpg\",\"datePublished\":\"2018-01-16T09:55:00+00:00\",\"dateModified\":\"2025-03-07T15:52:17+00:00\",\"description\":\"Addressing the right target group. Typo3 and optimized navigation for maximum user-friendliness. Web design for the biotech start-up.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/case-studies\\\/web-design-for-the-newly-founded-biotech-start-up\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/case-studies\\\/web-design-for-the-newly-founded-biotech-start-up\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/case-studies\\\/web-design-for-the-newly-founded-biotech-start-up\\\/#primaryimage\",\"url\":\"https:\\\/\\\/referenz.vierviertel.com\\\/wp-content\\\/uploads\\\/VALERIUS-Website-COMP-02-1300px.jpg\",\"contentUrl\":\"https:\\\/\\\/referenz.vierviertel.com\\\/wp-content\\\/uploads\\\/VALERIUS-Website-COMP-02-1300px.jpg\",\"width\":1300,\"height\":813},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/case-studies\\\/web-design-for-the-newly-founded-biotech-start-up\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Projects\",\"item\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/case-studies\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Web design for the newly founded biotech start-up\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/\",\"name\":\"vierviertel\",\"description\":\"Werbeagentur K\u00f6ln\",\"publisher\":{\"@id\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/#organization\",\"name\":\"vierviertel\",\"url\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/referenz.vierviertel.com\\\/wp-content\\\/uploads\\\/vierviertel_page_logo.gif\",\"contentUrl\":\"https:\\\/\\\/referenz.vierviertel.com\\\/wp-content\\\/uploads\\\/vierviertel_page_logo.gif\",\"width\":119,\"height\":27,\"caption\":\"vierviertel\"},\"image\":{\"@id\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/vierviertel\\\/\",\"https:\\\/\\\/x.com\\\/vierviertel\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web design for the newly founded biotech start-up - vierviertel","description":"Addressing the right target group. Typo3 and optimized navigation for maximum user-friendliness. Web design for the biotech start-up.","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:\/\/referenz.vierviertel.com\/en\/case-studies\/web-design-for-the-newly-founded-biotech-start-up\/","og_locale":"en_US","og_type":"article","og_title":"Web design for the newly founded biotech start-up - vierviertel","og_description":"Addressing the right target group. Typo3 and optimized navigation for maximum user-friendliness. Web design for the biotech start-up.","og_url":"https:\/\/referenz.vierviertel.com\/en\/case-studies\/web-design-for-the-newly-founded-biotech-start-up\/","og_site_name":"vierviertel","article_publisher":"https:\/\/www.facebook.com\/vierviertel\/","article_modified_time":"2025-03-07T15:52:17+00:00","og_image":[{"width":1300,"height":813,"url":"https:\/\/referenz.vierviertel.com\/wp-content\/uploads\/VALERIUS-Website-COMP-02-1300px.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@vierviertel","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/referenz.vierviertel.com\/en\/case-studies\/web-design-for-the-newly-founded-biotech-start-up\/","url":"https:\/\/referenz.vierviertel.com\/en\/case-studies\/web-design-for-the-newly-founded-biotech-start-up\/","name":"Web design for the newly founded biotech start-up - vierviertel","isPartOf":{"@id":"https:\/\/referenz.vierviertel.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/referenz.vierviertel.com\/en\/case-studies\/web-design-for-the-newly-founded-biotech-start-up\/#primaryimage"},"image":{"@id":"https:\/\/referenz.vierviertel.com\/en\/case-studies\/web-design-for-the-newly-founded-biotech-start-up\/#primaryimage"},"thumbnailUrl":"https:\/\/referenz.vierviertel.com\/wp-content\/uploads\/VALERIUS-Website-COMP-02-1300px.jpg","datePublished":"2018-01-16T09:55:00+00:00","dateModified":"2025-03-07T15:52:17+00:00","description":"Addressing the right target group. Typo3 and optimized navigation for maximum user-friendliness. Web design for the biotech start-up.","breadcrumb":{"@id":"https:\/\/referenz.vierviertel.com\/en\/case-studies\/web-design-for-the-newly-founded-biotech-start-up\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/referenz.vierviertel.com\/en\/case-studies\/web-design-for-the-newly-founded-biotech-start-up\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/referenz.vierviertel.com\/en\/case-studies\/web-design-for-the-newly-founded-biotech-start-up\/#primaryimage","url":"https:\/\/referenz.vierviertel.com\/wp-content\/uploads\/VALERIUS-Website-COMP-02-1300px.jpg","contentUrl":"https:\/\/referenz.vierviertel.com\/wp-content\/uploads\/VALERIUS-Website-COMP-02-1300px.jpg","width":1300,"height":813},{"@type":"BreadcrumbList","@id":"https:\/\/referenz.vierviertel.com\/en\/case-studies\/web-design-for-the-newly-founded-biotech-start-up\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/referenz.vierviertel.com\/en\/"},{"@type":"ListItem","position":2,"name":"Projects","item":"https:\/\/referenz.vierviertel.com\/en\/case-studies\/"},{"@type":"ListItem","position":3,"name":"Web design for the newly founded biotech start-up"}]},{"@type":"WebSite","@id":"https:\/\/referenz.vierviertel.com\/en\/#website","url":"https:\/\/referenz.vierviertel.com\/en\/","name":"vierviertel","description":"Werbeagentur K\u00f6ln","publisher":{"@id":"https:\/\/referenz.vierviertel.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/referenz.vierviertel.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/referenz.vierviertel.com\/en\/#organization","name":"vierviertel","url":"https:\/\/referenz.vierviertel.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/referenz.vierviertel.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/referenz.vierviertel.com\/wp-content\/uploads\/vierviertel_page_logo.gif","contentUrl":"https:\/\/referenz.vierviertel.com\/wp-content\/uploads\/vierviertel_page_logo.gif","width":119,"height":27,"caption":"vierviertel"},"image":{"@id":"https:\/\/referenz.vierviertel.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/vierviertel\/","https:\/\/x.com\/vierviertel"]}]}},"_links":{"self":[{"href":"https:\/\/referenz.vierviertel.com\/en\/wp-json\/wp\/v2\/project\/23469","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/referenz.vierviertel.com\/en\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/referenz.vierviertel.com\/en\/wp-json\/wp\/v2\/types\/project"}],"author":[{"embeddable":true,"href":"https:\/\/referenz.vierviertel.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/referenz.vierviertel.com\/en\/wp-json\/wp\/v2\/comments?post=23469"}],"version-history":[{"count":1,"href":"https:\/\/referenz.vierviertel.com\/en\/wp-json\/wp\/v2\/project\/23469\/revisions"}],"predecessor-version":[{"id":23470,"href":"https:\/\/referenz.vierviertel.com\/en\/wp-json\/wp\/v2\/project\/23469\/revisions\/23470"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/referenz.vierviertel.com\/en\/wp-json\/wp\/v2\/media\/22883"}],"wp:attachment":[{"href":"https:\/\/referenz.vierviertel.com\/en\/wp-json\/wp\/v2\/media?parent=23469"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/referenz.vierviertel.com\/en\/wp-json\/wp\/v2\/project_category?post=23469"},{"taxonomy":"project_tag","embeddable":true,"href":"https:\/\/referenz.vierviertel.com\/en\/wp-json\/wp\/v2\/project_tag?post=23469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}