{"id":180326,"date":"2026-01-01T13:39:00","date_gmt":"2026-01-01T12:39:00","guid":{"rendered":"https:\/\/studioaugustin.de\/?post_type=portfolio&#038;p=180326"},"modified":"2026-09-03T10:19:38","modified_gmt":"2026-09-03T08:19:38","slug":"tserv","status":"publish","type":"portfolio","link":"https:\/\/studioaugustin.de\/en\/work\/tserv\/","title":{"rendered":"t.serv"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div data-parent=\"true\" class=\"vc_row row-parent-limit limit-width row-container\" style=\"--uncode-box-width:900px;\" id=\"row-unique-0\"><div class=\"row col-no-gutter no-top-padding double-bottom-padding single-h-padding row-parent\"><div class=\"wpb_row row-inner\"><div class=\"wpb_column pos-middle pos-center align_center align_left_mobile column_parent col-lg-6 single-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell  vc_custom_1787838687137 no-block-padding\" style=\"border-bottom-width: 100px ;\" ><div class=\"uncont\" ><div class=\"uncode-single-media  text-left\"><div class=\"single-wrapper\" style=\"max-width: 150px;\"><div class=\"tmb tmb-light  tmb-media-first tmb-media-last tmb-content-overlay tmb-no-bg\"><div class=\"t-inside\"><div class=\"t-entry-visual\"><div class=\"t-entry-visual-tc\"><div class=\"uncode-single-media-wrapper\"><img decoding=\"async\" class=\"wp-image-180329\" src=\"https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv_logo_fullcolor_rgb_2000w-1.png\" width=\"2000\" height=\"517\" alt=\"\" srcset=\"https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv_logo_fullcolor_rgb_2000w-1.png 2000w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv_logo_fullcolor_rgb_2000w-1-300x78.png 300w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv_logo_fullcolor_rgb_2000w-1-1024x265.png 1024w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv_logo_fullcolor_rgb_2000w-1-768x199.png 768w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv_logo_fullcolor_rgb_2000w-1-1536x397.png 1536w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv_logo_fullcolor_rgb_2000w-1-350x90.png 350w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv_logo_fullcolor_rgb_2000w-1-uai-720x186.png 720w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div><\/div><\/div><div class=\"empty-space empty-half\" ><span class=\"empty-space-inner\"><\/span><\/div>\n<\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column pos-middle pos-center align_left column_parent col-lg-6 col-sm-100 single-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding\" ><div class=\"uncont\" ><div class=\"uncode_text_column\" ><\/p>\n<h1>t.serv \u2013 A digital platform<br \/>\nfor complex HR technology.<\/h1>\n<p>\n<\/div><\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-0\" data-row=\"script-row-unique-0\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-0\"));<\/script><\/div><\/div><\/div><div data-parent=\"true\" class=\"vc_row has-bg need-focus style-back_color-937322-bg row-container\" id=\"row-unique-1\"><div class=\"row single-top-padding single-bottom-padding single-h-padding limit-width row-parent\"><div class=\"wpb_row row-inner\"><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-12 double-internal-gutter\"><div class=\"uncol style-spec style-dark\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding\" ><div class=\"uncont\" ><div class=\"un-media-gallery owl-carousel-wrapper carousel-overflow-visible\">\n\t\t\n\t\n\t<div class=\"owl-carousel-container owl-carousel-loading quad-gutter\" >\n\t\t\t\t\t\t\t\t\t<div id=\"gallery-334941\" class=\"owl-carousel owl-element owl-height-auto owl-dots-outside owl-dots-single-block-padding owl-dots-align-center\" data-loop=\"true\" data-dots=\"true\" data-dotsmobile=\"true\" data-navmobile=\"false\" data-navspeed=\"400\" data-autoplay=\"false\" data-stagepadding=\"0\" data-lg=\"1\" data-md=\"1\" data-sm=\"1\">\n<div class=\"tmb tmb-carousel tmb-iso-h4 img-round img-round-xs tmb-light tmb-overlay-middle tmb-overlay-text-left tmb-id-180408  tmb-media-first tmb-media-last tmb-content-overlay tmb-no-bg\" ><div class=\"t-inside no-anim\" ><div class=\"t-entry-visual\"><div class=\"t-entry-visual-tc\"><div class=\"t-entry-visual-cont\"><div class=\"dummy\" style=\"padding-top: 64.3%;\"><\/div><a  class=\"inactive-link pushed\" data-lb-index=\"0\"><div class=\"t-entry-visual-overlay\"><div class=\"t-entry-visual-overlay-in style-dark-bg\" style=\"opacity: 0.5;\"><\/div><\/div><img decoding=\"async\" class=\"wp-image-180408\" src=\"https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv-remmidemmi.jpg\" width=\"2460\" height=\"1582\" alt=\"\" srcset=\"https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv-remmidemmi.jpg 2460w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv-remmidemmi-300x193.jpg 300w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv-remmidemmi-1024x659.jpg 1024w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv-remmidemmi-768x494.jpg 768w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv-remmidemmi-1536x988.jpg 1536w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv-remmidemmi-2048x1317.jpg 2048w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv-remmidemmi-350x225.jpg 350w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv-remmidemmi-uai-720x463.jpg 720w\" sizes=\"(max-width: 2460px) 100vw, 2460px\" \/><\/a><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div><div class=\"tmb tmb-carousel tmb-iso-h4 img-round img-round-xs tmb-light tmb-overlay-middle tmb-overlay-text-left tmb-id-180407  tmb-media-first tmb-media-last tmb-content-overlay tmb-no-bg\" ><div class=\"t-inside no-anim\" ><div class=\"t-entry-visual\"><div class=\"t-entry-visual-tc\"><div class=\"t-entry-visual-cont\"><div class=\"dummy\" style=\"padding-top: 64.3%;\"><\/div><a  class=\"inactive-link pushed\" data-lb-index=\"1\"><div class=\"t-entry-visual-overlay\"><div class=\"t-entry-visual-overlay-in style-dark-bg\" style=\"opacity: 0.5;\"><\/div><\/div><img decoding=\"async\" class=\"wp-image-180407\" src=\"https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv-HCM-BPO.jpg\" width=\"2460\" height=\"1582\" alt=\"\" srcset=\"https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv-HCM-BPO.jpg 2460w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv-HCM-BPO-300x193.jpg 300w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv-HCM-BPO-1024x659.jpg 1024w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv-HCM-BPO-768x494.jpg 768w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv-HCM-BPO-1536x988.jpg 1536w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv-HCM-BPO-2048x1317.jpg 2048w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv-HCM-BPO-350x225.jpg 350w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv-HCM-BPO-uai-720x463.jpg 720w\" sizes=\"(max-width: 2460px) 100vw, 2460px\" \/><\/a><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div><div class=\"tmb tmb-carousel tmb-iso-h4 img-round img-round-xs tmb-light tmb-overlay-middle tmb-overlay-text-left tmb-id-180406  tmb-media-first tmb-media-last tmb-content-overlay tmb-no-bg\" ><div class=\"t-inside no-anim\" ><div class=\"t-entry-visual\"><div class=\"t-entry-visual-tc\"><div class=\"t-entry-visual-cont\"><div class=\"dummy\" style=\"padding-top: 64.3%;\"><\/div><a  class=\"inactive-link pushed\" data-lb-index=\"2\"><div class=\"t-entry-visual-overlay\"><div class=\"t-entry-visual-overlay-in style-dark-bg\" style=\"opacity: 0.5;\"><\/div><\/div><img decoding=\"async\" class=\"wp-image-180406\" src=\"https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/terv-tabs.jpg\" width=\"2460\" height=\"1582\" alt=\"\" srcset=\"https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/terv-tabs.jpg 2460w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/terv-tabs-300x193.jpg 300w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/terv-tabs-1024x659.jpg 1024w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/terv-tabs-768x494.jpg 768w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/terv-tabs-1536x988.jpg 1536w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/terv-tabs-2048x1317.jpg 2048w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/terv-tabs-350x225.jpg 350w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/terv-tabs-uai-720x463.jpg 720w\" sizes=\"(max-width: 2460px) 100vw, 2460px\" \/><\/a><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div>\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\t\n\t\n<\/div>\n\n<\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-1\" data-row=\"script-row-unique-1\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-1\"));<\/script><\/div><\/div><\/div><div data-parent=\"true\" class=\"vc_row inverted-device-order row-container\" id=\"row-unique-2\"><div class=\"row double-top-padding double-bottom-padding single-h-padding limit-width row-parent\"><div class=\"wpb_row row-inner\"><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-6 single-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding\" ><div class=\"uncont\" ><div class=\"uncode_text_column\" ><p><span class=\"intro\">CMS MIGRATION &amp; B2B UX DESIGN<\/span><\/p>\n<h2>t.serv \u2013 CMS relaunch with plenty of punch<\/h2>\n<p>As a specialised HR service provider, t.serv supports companies with the digitalisation, consulting and outsourcing of HR processes. In the course of a comprehensive rebranding, the company faced a classic hurdle: the in-house legacy CMS was slowing down marketing and making navigation through the broad portfolio of SAP SuccessFactors, HR consulting and training unnecessarily complicated.<\/p>\n<p>StudioAugustin migrated the t.serv website to a modern HubSpot foundation. With a clear information architecture and reimagined UX\/UI structures, the complex range of HR services is made understandable at first glance \u2013 while the internal marketing team is given the freedom to independently manage, adapt and scale content.<\/p>\n<\/div><div class=\"empty-space empty-single\" ><span class=\"empty-space-inner\"><\/span><\/div>\n<\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-6 no-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding    parallax-el\" data-rellax-percentage=\"0.5\" data-rellax-speed=\"3\"><div class=\"uncont\" ><\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-2\" data-row=\"script-row-unique-2\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-2\"));<\/script><\/div><\/div><\/div><div data-parent=\"true\" class=\"vc_row has-bg need-focus style-back_color-104978-bg row-container mobile-hidden\" id=\"row-unique-3\"><div class=\"row single-top-padding single-bottom-padding no-h-padding full-width row-parent\"><div class=\"wpb_row row-inner\"><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-12 single-internal-gutter\"><div class=\"uncol style-light animate_when_almost_visible bottom-t-top\" style=\"max-width:95%; margin-left:auto; margin-right:auto;\"  ><div class=\"uncoltable\"><div class=\"uncell  vc_custom_1788331426734\" style=\"padding-right: 12px ;\" ><div class=\"uncont no-block-padding col-custom-width\" style=\" max-width:1200px;\" ><div class=\"uncode_text_column\" ><p><span style=\"color: #ffffff; font-size: 4rem;\">HR technology<\/span><\/p>\n<p style=\"text-align: right;\"><span style=\"color: #ffffff; font-size: 4rem;\">in unexpected colours.<\/span><\/p>\n<p>\n<\/div><\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-3\" data-row=\"script-row-unique-3\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-3\"));<\/script><\/div><\/div><\/div><div data-parent=\"true\" class=\"vc_row row-container\" id=\"row-unique-4\"><div class=\"row quad-top-padding quad-bottom-padding single-h-padding limit-width row-parent\"><div class=\"wpb_row row-inner\"><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-6 single-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding\" ><div class=\"uncont\" ><div class=\"uncode_text_column\" ><p><span class=\"intro\">The procedure\u00a0<\/span><\/p>\n<h2><span dir=\"auto\">From Figma to a modular HubSpot environment.<\/span><\/h2>\n<p>The central pages and modules were designed in Figma, agreed upon with the client and then implemented in HubSpot.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column pos-middle pos-center align_left column_parent col-lg-6 single-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding\" ><div class=\"uncont\" ><div class=\"uncode_text_column\" ><p>A custom-designed premium theme forms the technical foundation. Reusable cards, bento grids, content boxes and overview modules structure complex topics into clear units. These can be flexibly combined on service pages, articles, job advertisements and campaign landing pages.<\/p>\n<p>A public knowledge base provides specialist content to customers and interested readers. A separate HubSpot knowledge base structures information for internal use.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-4\" data-row=\"script-row-unique-4\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-4\"));<\/script><\/div><\/div><\/div><div data-parent=\"true\" class=\"vc_row limit-width row-container\" id=\"row-unique-5\"><div class=\"row row-parent\"><div class=\"wpb_row row-inner\"><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-8 sa-mockup-shell sa-desktop-full single-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding    parallax-el\" data-rellax-percentage=\"0.5\" data-rellax-speed=\"1\"><div class=\"uncont\" >\n\t<div class=\"wpb_raw_code wpb_raw_html  mockup mockup--desktop-part\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"sa-browser-bar\" aria-hidden=\"true\">\n  <span class=\"sa-browser-dots\">\n    <i><\/i>\n    <i><\/i>\n    <i><\/i>\n  <\/span>\n\n  <span class=\"sa-browser-url\">tserv.de<\/span>\n\n  <span class=\"sa-browser-index\">Megamenu<\/span>\n<\/div>\n\t\t<\/div>\n\t<\/div>\n<div class=\"uncode-single-media sa-mockup-media text-left\"><div class=\"single-wrapper\" style=\"max-width: 100%;\"><div class=\"tmb tmb-light  tmb-media-first tmb-media-last tmb-content-overlay tmb-no-bg\"><div class=\"t-inside\"><div class=\"t-entry-visual\"><div class=\"t-entry-visual-tc\"><div class=\"uncode-single-media-wrapper\"><img decoding=\"async\" class=\"wp-image-180394\" src=\"https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/megamenu.jpg\" width=\"2000\" height=\"1282\" alt=\"\" srcset=\"https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/megamenu.jpg 2000w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/megamenu-300x192.jpg 300w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/megamenu-1024x656.jpg 1024w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/megamenu-768x492.jpg 768w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/megamenu-1536x985.jpg 1536w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/megamenu-350x224.jpg 350w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/megamenu-uai-720x462.jpg 720w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-5\" data-row=\"script-row-unique-5\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-5\"));<\/script><\/div><\/div><\/div><div data-parent=\"true\" class=\"vc_row row-container\" id=\"row-unique-6\"><div class=\"row single-top-padding double-bottom-padding single-h-padding limit-width row-parent\"><div class=\"wpb_row row-inner\"><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-6 single-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding\" ><div class=\"uncont\" ><div class=\"uncode_text_column\" ><p><span class=\"intro\">The implementation<\/span><\/p>\n<h2>Scalable and accessible?<\/h2>\n<p>While it was crucial that the website should be as accessible as possible in order to be future-proof, it also needed to be scalable in many respects. We focused on achieving both \u2013 implemented across four modules.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-6\" data-row=\"script-row-unique-6\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-6\"));<\/script><\/div><\/div><\/div><div data-parent=\"true\" class=\"vc_row vc_custom_1787837989753 border-color-jevc-color limit-width row-container\" style=\"padding-top: 1px ;padding-right: 1px ;padding-bottom: 1px ;padding-left: 1px ;\" id=\"row-unique-7\"><div class=\"row unequal-flex no-top-padding double-bottom-padding single-h-padding row-parent\"><div class=\"wpb_row row-inner\"><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-6 col-md-50 double-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell  vc_custom_1785674338154 border-color-jevc-color single-block-padding style-back_color-259408-bg has-bg\" style=\"border-style: solid;padding-right: 1px ;\" ><div class=\"uncont\" ><div class=\"uncode_text_column\" ><\/p>\n<h2><span dir=\"auto\">Translate the brand language.<\/span><\/h2>\n<p>Brainfunck's corporate identity brought expressive colours, striking typography and dynamic imagery to a sector often characterised by restraint.<\/p>\n<p>We have translated these elements into an accessible digital system, defining typography, colour, spacing, components and page behaviour across different screen sizes.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-6 col-md-50 double-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell single-block-padding style-back_color-130437-bg has-bg\" ><div class=\"uncont\" ><div class=\"uncode_text_column\" ><\/p>\n<h2><span dir=\"auto\">Giving complex content a rhythm.<\/span><\/h2>\n<p>The portfolio of t.serv includes consultancy, implementation, support, training and knowledge management. Clear hierarchies and modular formats help different target groups find the right entry point.<\/p>\n<p>Maps, topic overviews and expandable content guide HR managers, existing customers, applicants and training seekers from initial orientation through to detailed information.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-7\" data-row=\"script-row-unique-7\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-7\"));<\/script><\/div><\/div><\/div><div data-parent=\"true\" class=\"vc_row vc_custom_1785674519020 border-color-jevc-color limit-width row-container\" style=\"padding-top: 1px ;padding-right: 1px ;padding-bottom: 1px ;padding-left: 1px ;\" id=\"row-unique-8\"><div class=\"row unequal-flex no-top-padding quad-bottom-padding single-h-padding row-parent\"><div class=\"wpb_row row-inner\"><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-6 col-md-50 double-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell  vc_custom_1785674644151 border-color-jevc-color single-block-padding style-back_color-578100-bg has-bg\" style=\"border-style: solid;padding-right: 1px ;\" ><div class=\"uncont\" ><div class=\"uncode_text_column\" ><\/p>\n<h2>Options<br \/>\nachieve.<\/h2>\n<p>Templates for company pages, services, blog posts, articles and author profiles have been developed.<\/p>\n<p>Career pages, job advertisements, references, service packages and landing pages extend the system. A mega menu, contact channels, calls to action and a map connecting four locations facilitate navigation.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-6 col-md-50 double-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell single-block-padding style-back_color-121183-bg has-bg\" ><div class=\"uncont\" ><div class=\"uncode_text_column\" ><\/p>\n<h2>A visual world<br \/>\ndevelop.<\/h2>\n<p>The images are the soul of the website. They show humanity, warmth, wit &amp; accessibility.<\/p>\n<p>Around 100 photographs were sourced, licensed and organised in an online image database, creating a consistent visual resource for services, recruitment and future campaigns.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-8\" data-row=\"script-row-unique-8\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-8\"));<\/script><\/div><\/div><\/div><div data-parent=\"true\" class=\"vc_row row-container\" id=\"row-unique-9\"><div class=\"row limit-width row-parent\"><div class=\"wpb_row row-inner\"><div class=\"wpb_column pos-top pos-center align_left align_left_mobile column_parent col-lg-6 col-sm-100 single-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding\" ><div class=\"uncont\" ><div class=\"uncode_text_column\" ><p><span class=\"intro\">Responsive by design<\/span><\/p>\n<h3>The same system shifts seamlessly from broad editorial layouts to compact, readable mobile modules.<\/h3>\n<p>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-3 sa-mockup-shell sa-phone-portrait col-sm-25 col-sm-clear single-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding    parallax-el\" data-rellax-percentage=\"0.5\" data-rellax-speed=\"1\"><div class=\"uncont\" >\n\t<div class=\"wpb_raw_code wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"sa-phone-frame\" aria-hidden=\"true\"><\/div>\n\t\t<\/div>\n\t<\/div>\n<div class=\"uncode-single-media sa-mockup-media text-left\"><div class=\"single-wrapper\" style=\"max-width: 100%;\"><div class=\"tmb tmb-light  tmb-media-first tmb-media-last tmb-content-overlay tmb-no-bg\"><div class=\"t-inside\"><div class=\"t-entry-visual\"><div class=\"t-entry-visual-tc\"><div class=\"uncode-single-media-wrapper\"><img decoding=\"async\" class=\"wp-image-180404\" src=\"https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/mobile-wissen-top-01.jpg\" width=\"920\" height=\"2000\" alt=\"\" srcset=\"https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/mobile-wissen-top-01.jpg 920w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/mobile-wissen-top-01-138x300.jpg 138w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/mobile-wissen-top-01-471x1024.jpg 471w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/mobile-wissen-top-01-768x1670.jpg 768w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/mobile-wissen-top-01-707x1536.jpg 707w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/mobile-wissen-top-01-350x761.jpg 350w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/mobile-wissen-top-01-uai-720x1565.jpg 720w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-3 sa-mockup-shell sa-phone-portrait deeper col-sm-25 col-sm-clear single-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding    parallax-el\" data-rellax-percentage=\"0.5\" data-rellax-speed=\"1\"><div class=\"uncont\" >\n\t<div class=\"wpb_raw_code wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"sa-phone-frame\" aria-hidden=\"true\"><\/div>\n\t\t<\/div>\n\t<\/div>\n<div class=\"uncode-single-media sa-mockup-media text-left\"><div class=\"single-wrapper\" style=\"max-width: 100%;\"><div class=\"tmb tmb-light  tmb-media-first tmb-media-last tmb-content-overlay tmb-no-bg\"><div class=\"t-inside\"><div class=\"t-entry-visual\"><div class=\"t-entry-visual-tc\"><div class=\"uncode-single-media-wrapper\"><img decoding=\"async\" class=\"wp-image-180405\" src=\"https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/mobile-wissen-top-02.jpg\" width=\"920\" height=\"2000\" alt=\"\" srcset=\"https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/mobile-wissen-top-02.jpg 920w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/mobile-wissen-top-02-138x300.jpg 138w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/mobile-wissen-top-02-471x1024.jpg 471w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/mobile-wissen-top-02-768x1670.jpg 768w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/mobile-wissen-top-02-707x1536.jpg 707w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/mobile-wissen-top-02-350x761.jpg 350w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/mobile-wissen-top-02-uai-720x1565.jpg 720w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-9\" data-row=\"script-row-unique-9\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-9\"));<\/script><\/div><\/div><\/div><div data-parent=\"true\" class=\"vc_row limit-width row-container\" id=\"row-unique-10\"><div class=\"row row-parent\"><div class=\"wpb_row row-inner\"><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-12 sa-mockup-shell sa-desktop-full single-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding    parallax-el\" data-rellax-percentage=\"0.5\" data-rellax-speed=\"1\"><div class=\"uncont\" >\n\t<div class=\"wpb_raw_code wpb_raw_html  mockup mockup--desktop-part\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"sa-browser-bar\" aria-hidden=\"true\">\n  <span class=\"sa-browser-dots\">\n    <i><\/i>\n    <i><\/i>\n    <i><\/i>\n  <\/span>\n\n  <span class=\"sa-browser-url\">tserv.de<\/span>\n\n  <span class=\"sa-browser-index\">BENEFITS<\/span>\n<\/div>\n\t\t<\/div>\n\t<\/div>\n<div class=\"uncode-single-media sa-mockup-media text-left\"><div class=\"single-wrapper\" style=\"max-width: 100%;\"><div class=\"tmb tmb-light  tmb-media-first tmb-media-last tmb-content-overlay tmb-no-bg\"><div class=\"t-inside\"><div class=\"t-entry-visual\"><div class=\"t-entry-visual-tc\"><div class=\"uncode-single-media-wrapper\"><img decoding=\"async\" class=\"wp-image-180340\" src=\"https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv-benefits.jpg\" width=\"1504\" height=\"1265\" alt=\"\" srcset=\"https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv-benefits.jpg 1504w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv-benefits-300x252.jpg 300w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv-benefits-1024x861.jpg 1024w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv-benefits-768x646.jpg 768w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv-benefits-350x294.jpg 350w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv-benefits-uai-720x606.jpg 720w\" sizes=\"(max-width: 1504px) 100vw, 1504px\" \/><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-10\" data-row=\"script-row-unique-10\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-10\"));<\/script><\/div><\/div><\/div><div data-parent=\"true\" class=\"vc_row limit-width row-container\" id=\"row-unique-11\"><div class=\"row row-parent\"><div class=\"wpb_row row-inner\"><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-6 single-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding\" ><div class=\"uncont\" ><div class=\"uncode_text_column\" ><p><span class=\"intro\">The result<\/span><\/p>\n<h2>True autonomy.<\/h2>\n<p><span dir=\"auto\">The modular system gives t.serv\u2019s marketing team direct control over its content. New pages, job listings and campaign landing pages can be created and customised without having to go through a complete design process every time.<\/span><\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column pos-middle pos-center align_left column_parent col-lg-6 sa-mockup-shell sa-ipad-portrait single-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding    parallax-el\" data-rellax-percentage=\"0.5\" data-rellax-speed=\"3\"><div class=\"uncont\" >\n\t<div class=\"wpb_raw_code wpb_raw_html  sa-mockup-shell sa-ipad-portrait\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"sa-ipad-frame\" aria-hidden=\"true\"><\/div>\n\t\t<\/div>\n\t<\/div>\n<div class=\"uncode-single-media sa-mockup-media text-left\"><div class=\"single-wrapper\" style=\"max-width: 100%;\"><div class=\"tmb tmb-light  tmb-media-first tmb-media-last tmb-content-overlay tmb-no-bg\"><div class=\"t-inside\"><div class=\"t-entry-visual\"><div class=\"t-entry-visual-tc\"><div class=\"uncode-single-media-wrapper\"><img decoding=\"async\" class=\"wp-image-180364\" src=\"https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv-eta.jpg\" width=\"1001\" height=\"2521\" alt=\"\" srcset=\"https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv-eta.jpg 1001w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv-eta-119x300.jpg 119w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv-eta-407x1024.jpg 407w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv-eta-768x1934.jpg 768w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv-eta-610x1536.jpg 610w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv-eta-813x2048.jpg 813w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv-eta-350x881.jpg 350w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/tserv-eta-uai-720x1813.jpg 720w\" sizes=\"(max-width: 1001px) 100vw, 1001px\" \/><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-11\" data-row=\"script-row-unique-11\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-11\"));<\/script><\/div><\/div><\/div><div data-parent=\"true\" class=\"vc_row limit-width row-container\" id=\"row-unique-12\"><div class=\"row single-top-padding quad-bottom-padding single-h-padding row-parent\"><div class=\"wpb_row row-inner\"><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-3 sa-mockup-shell sa-phone-portrait deeper col-sm-25 single-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding    parallax-el\" data-rellax-percentage=\"0.5\" data-rellax-speed=\"1\"><div class=\"uncont\" >\n\t<div class=\"wpb_raw_code wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"sa-phone-frame\" aria-hidden=\"true\"><\/div>\n\t\t<\/div>\n\t<\/div>\n<div class=\"uncode-single-media sa-mockup-media text-left\"><div class=\"single-wrapper\" style=\"max-width: 100%;\"><div class=\"tmb tmb-light  tmb-media-first tmb-media-last tmb-content-overlay tmb-no-bg\"><div class=\"t-inside\"><div class=\"t-entry-visual\"><div class=\"t-entry-visual-tc\"><div class=\"uncode-single-media-wrapper\"><img decoding=\"async\" class=\"wp-image-180401\" src=\"https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/mobile-successfactors.jpg\" width=\"920\" height=\"2000\" alt=\"\" srcset=\"https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/mobile-successfactors.jpg 920w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/mobile-successfactors-138x300.jpg 138w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/mobile-successfactors-471x1024.jpg 471w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/mobile-successfactors-768x1670.jpg 768w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/mobile-successfactors-707x1536.jpg 707w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/mobile-successfactors-350x761.jpg 350w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/mobile-successfactors-uai-720x1565.jpg 720w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-3 sa-mockup-shell sa-phone-portrait col-sm-25 single-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding    parallax-el\" data-rellax-percentage=\"0.5\" data-rellax-speed=\"1\"><div class=\"uncont\" >\n\t<div class=\"wpb_raw_code wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"sa-phone-frame\" aria-hidden=\"true\"><\/div>\n\t\t<\/div>\n\t<\/div>\n<div class=\"uncode-single-media sa-mockup-media text-left\"><div class=\"single-wrapper\" style=\"max-width: 100%;\"><div class=\"tmb tmb-light  tmb-media-first tmb-media-last tmb-content-overlay tmb-no-bg\"><div class=\"t-inside\"><div class=\"t-entry-visual\"><div class=\"t-entry-visual-tc\"><div class=\"uncode-single-media-wrapper\"><img decoding=\"async\" class=\"wp-image-180399\" src=\"https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/mobile-job.jpg\" width=\"920\" height=\"2000\" alt=\"\" srcset=\"https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/mobile-job.jpg 920w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/mobile-job-138x300.jpg 138w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/mobile-job-471x1024.jpg 471w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/mobile-job-768x1670.jpg 768w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/mobile-job-707x1536.jpg 707w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/mobile-job-350x761.jpg 350w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/mobile-job-uai-720x1565.jpg 720w, https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/08\/mobile-job-uai-900x1957.jpg 900w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column pos-middle pos-center align_left column_parent col-lg-6 no-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell single-block-padding\" ><div class=\"uncont\" ><div class=\"uncode_text_column\" ><p><span class=\"intro\">HR tech with added value<\/span><\/p>\n<h2>Everyday life<br \/>\nvisible<\/h2>\n<p>According to the marketing department, the new platform increases the visibility of the services, strengthens recruiting and drastically simplifies editorial work.<\/p>\n<\/div><div class=\"uncode-wrapper uncode-portfolio-details\" ><p><span class=\"detail-container\"><span class=\"detail-label\">Client<\/span><span class=\"detail-value\">t.serv AG<\/span><\/span><span class=\"detail-container\"><span class=\"detail-label\">Scope<\/span><span class=\"detail-value\">Strategy development, image research, image database, UX\/UI design, CSS <\/span><\/span><span class=\"detail-container\"><span class=\"detail-label\">Platform<\/span><span class=\"detail-value\">HubSpot <\/span><\/span><span class=\"detail-container\"><span class=\"detail-label\">Elements<\/span><span class=\"detail-value\">Corporate website, landing pages, careers section and knowledge base<\/span><\/span><span class=\"detail-container\"><span class=\"detail-label\">Branding<\/span><span class=\"detail-value\">Brainfuck<\/span><\/span><span class=\"detail-container\"><span class=\"detail-label\">Strategic cooperation<\/span><span class=\"detail-value\">TAIPAN Consulting<\/span><\/span><\/p><\/div><div class=\"empty-space empty-single\" ><span class=\"empty-space-inner\"><\/span><\/div>\n<div class=\"icon-box icon-box-right icon-box-space-reduced  icon-inline icon-media-image\" ><div class=\"icon-box-content\"><p><a href=\"https:\/\/www.tserv.de\/\" target=\"_blank\" rel=\"noopener noreferrer\">to tserv.de<\/a><\/p>\n<\/div><div class=\"icon-box-icon fa-container\" style=\"width:20px;\" ><span class=\"text-default-color btn-disable-hover\"><img decoding=\"async\" class=\"\" src=\"https:\/\/studioaugustin.de\/wp-content\/uploads\/2026\/07\/link.png\" width=\"512\" height=\"512\" alt=\"\"  \/><\/span><\/div><\/div><\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-12\" data-row=\"script-row-unique-12\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-12\"));<\/script><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"t.serv \u2013 Eine digitale Plattform f\u00fcr komplexe HR-Technologie. CMS MIGRATION &amp; B2B UX-DESIGN t.serv \u2013 CMS Relaunch mit Schmackes Als [...]","protected":false},"author":1,"featured_media":181962,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"portfolio_category":[78],"class_list":["post-180326","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","portfolio_category-ux"],"_links":{"self":[{"href":"https:\/\/studioaugustin.de\/en\/wp-json\/wp\/v2\/portfolio\/180326","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studioaugustin.de\/en\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/studioaugustin.de\/en\/wp-json\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/studioaugustin.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studioaugustin.de\/en\/wp-json\/wp\/v2\/comments?post=180326"}],"version-history":[{"count":10,"href":"https:\/\/studioaugustin.de\/en\/wp-json\/wp\/v2\/portfolio\/180326\/revisions"}],"predecessor-version":[{"id":182408,"href":"https:\/\/studioaugustin.de\/en\/wp-json\/wp\/v2\/portfolio\/180326\/revisions\/182408"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studioaugustin.de\/en\/wp-json\/wp\/v2\/media\/181962"}],"wp:attachment":[{"href":"https:\/\/studioaugustin.de\/en\/wp-json\/wp\/v2\/media?parent=180326"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/studioaugustin.de\/en\/wp-json\/wp\/v2\/portfolio_category?post=180326"}],"curies":[{"name":"well played","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}