{"id":4464,"date":"2025-01-23T13:11:32","date_gmt":"2025-01-23T13:11:32","guid":{"rendered":"https:\/\/oneline.ch\/en\/?post_type=stories&#038;p=4464"},"modified":"2025-08-28T14:34:38","modified_gmt":"2025-08-28T14:34:38","slug":"apriko","status":"publish","type":"stories","link":"https:\/\/oneline.ch\/en\/cases\/apriko\/","title":{"rendered":"Apriko"},"content":{"rendered":"\n<p><\/p>\n\n\n<section class=\"customer-story-intro\">\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-left col-left__lg-pad\">\r\n                <div class=\"customer-story-intro__img\"\r\n                     data-aos=\"fade-up\">\r\n                    <picture>\r\n                                                                                                <img loading=\"lazy\" decoding=\"async\" width=\"598\" height=\"372\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2024\/05\/einstiegsbild-apriko-case.png\" class=\"attachment-full size-full\" alt=\"einstiegsbild-apriko-case\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2024\/05\/einstiegsbild-apriko-case.png 598w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2024\/05\/einstiegsbild-apriko-case-300x187.png 300w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2024\/05\/einstiegsbild-apriko-case-185x115.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2024\/05\/einstiegsbild-apriko-case-135x84.png 135w\" sizes=\"auto, (max-width: 598px) 100vw, 598px\" \/>                                            <\/picture>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"col-right\">\r\n                <div class=\"customer-story-intro__head\"\r\n                     data-aos=\"fade-up\">\r\n                    <div class=\"section-head\">\r\n                        <h1 class=\"sm-title\">Case Apriko<\/h1>\r\n                        <h2 class=\"section-title\">Apriko<\/h2>\r\n                    <\/div>\r\n                    <div class=\"flex flex-grow flex-col max-w-full\">\n<div class=\"min-h-[20px] text-message flex flex-col items-start gap-3 whitespace-pre-wrap break-words [.text-message+&amp;]:mt-5 overflow-x-auto\" data-message-author-role=\"assistant\" data-message-id=\"f7d2bf44-0192-4dff-8d81-368255a0a7f5\">\n<div class=\"markdown prose w-full break-words dark:prose-invert light\">\n<p>Apriko AG is revolutionising the staffing industry with future-proof technologies and digital solutions designed specifically for the dynamic demands of the staffing industry. The comprehensive, cloud-based platform offers seamless integration and comprehensive functionality, regardless of device or location. By optimising the entire recruitment process, from candidate selection to hiring, the efficiency of HR processes can be significantly increased.<\/p>\n<\/div>\n<\/div>\n<\/div>\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<section class=\"services-desc customer-story-desc\">\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12\">\r\n                <hr>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"row\">\r\n            <div class=\"col-left col-left__lg-pad\">\r\n                <div class=\"section-head\"\r\n                     data-aos=\"fade-up\">\r\n                    <h2 class=\"block-title text-uppercase\">Website for Apriko<\/h2>\r\n                    <p><div class=\"w-full text-token-text-primary\" dir=\"auto\" data-testid=\"conversation-turn-5\" data-scroll-anchor=\"true\">\n<div class=\"py-2 px-3 text-base md:px-4 m-auto md:px-5 lg:px-1 xl:px-5\">\n<div class=\"mx-auto flex flex-1 gap-3 text-base juice:gap-4 juice:md:gap-6 md:max-w-3xl lg:max-w-[40rem] xl:max-w-[48rem]\">\n<div class=\"relative flex w-full min-w-0 flex-col agent-turn\">\n<div class=\"flex-col gap-1 md:gap-3\">\n<div class=\"flex flex-grow flex-col max-w-full\">\n<div class=\"min-h-[20px] text-message flex flex-col items-start whitespace-pre-wrap break-words [.text-message+&amp;]:mt-5 overflow-x-auto gap-3\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"8b1fe149-8517-46a0-94b6-dbaeccf5c115\">\n<div class=\"markdown prose w-full break-words dark:prose-invert light\">\n<p>In close co-operation with Apriko and our design partner Rosarot, we were able to develop an innovative website. The aim of this project was to create a modular website consisting of a variety of customisable building blocks. These building blocks were programmed in such a way that they can be used flexibly and Apriko has the option of integrating or omitting content as required. The optional design of the fields within the blocks enables a high degree of customisation. The result is an extremely flexible website that is visually and functionally impressive.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"mt-1 flex gap-3 empty:hidden\">\n<div class=\"text-gray-400 flex self-end lg:self-center items-center justify-center lg:justify-start mt-0 -ml-1 h-7 gap-[2px] visible\">\n<div class=\"flex items-center gap-1.5 text-xs\"><\/div>\n<div class=\"flex\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pr-2 lg:pr-0\"><\/div>\n<\/div>\n<div class=\"absolute\">\n<div class=\"flex w-full gap-2 items-center justify-center\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"mx-auto\">\n<div>\n<div class=\"mx-auto mt-2 inline-flex rounded-xl border border-gray-100 dark:border-gray-700\"><\/div>\n<\/div>\n<\/div>\n<\/p>\r\n                                    <\/div>\r\n            <\/div>\r\n            <div class=\"col-right\">\r\n                                                <div class=\"services-desc__list-head\"\r\n                     data-aos=\"fade-up\">\r\n                    <h4 class=\"lg-title\">ONELINE<\/h4>\r\n                <\/div>\r\n                                <div class=\"services-desc__list-wrapper \"\r\n                     data-aos=\"fade-up\">\r\n                                                            <div class=\"services-desc__list\">\r\n                                                                                                <div class=\"services-desc__list-img\">\r\n                            <picture>\r\n                                <img loading=\"lazy\" decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/11\/web-development-servcie-black.svg\" class=\"attachment-full size-full\" alt=\"web development\" \/>                            <\/picture>\r\n                        <\/div>\r\n                                                <div class=\"services-desc__list-desc\">\r\n                            Web Development                        <\/div>\r\n                    <\/div>\r\n                                                        <\/div>\r\n                                                                <a href=\"\/\"\r\n                   data-aos=\"fade-up\"\r\n                   target=\"_self\"\r\n                   class=\"btn btn-primary open__contact-bar\">Take off<\/a>\r\n                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<section class=\"story-review dark-section\">\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n                            <div class=\"story-review__desc\"\r\n                     data-aos=\"fade-up\">\r\n                    <div class=\"story-review__desc-text\"><p>We were able to realise a demanding project with various functionalities for Apriko. In particular, the price calculators stood out, which presented a challenge that we successfully mastered together with Apriko. The end product is excellent!<\/p>\n<\/div>\r\n                    <div class=\"story-review__author\"\r\n                         data-aos=\"fade-up\">\r\n                        <span\r\n                              class=\"story-review__author-name\">Luca Manz<\/span>\r\n                        <span\r\n                              class=\"story-review__author-work\">Project Manager, ONELINE<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- story-mac-section -->\r\n<section>\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12\">\r\n                <div class=\"story-mac\"\r\n                     data-aos=\"fade-up\">\r\n                    <picture class=\"story-mac__wrapper\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/themes\/start-theme\/frontend\/dist\/img\/mac.png\"\r\n                             alt=\"mac-background\">\r\n                    <\/picture>\r\n                                                                                <video autoplay\r\n                           loop\r\n                           muted\r\n                           playsinline\r\n                           webkit-playinginline\r\n                           src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2024\/05\/einstieg-apriko-case.mp4\"\r\n                           class=\"story-mac__img\"><\/video>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n<section class=\"cs-section-1\">\r\n    <div class=\"container\">\r\n                    <div class=\"row\">\r\n                <div class=\"col-12\">\r\n                    <div class=\"cs-section-1__head\" data-aos=\"fade-up\">\r\n                        <h2 class=\"page-title color-green\">Facts at a glance<\/h2>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                <div class=\"row lg__gap\">\r\n                                            <\/div>\r\n                    <div class=\"row cs-section-1__results\">\r\n                <div class=\"col-12\" data-aos=\"fade-up\">\r\n                    <h3 class=\"block-title\">Performance<\/h3>\r\n                <\/div>\r\n            <\/div>\r\n                        <div class=\"row lg__gap\">\r\n                        <div class=\"col-md-3\">\r\n                <div class=\"counter-block\" data-aos=\"fade-up\">\r\n                    <div class=\"counter-block__title\">3<\/div>\r\n                    <div>languages<\/div>\r\n                <\/div>\r\n            <\/div>\r\n                        <div class=\"col-md-3\">\r\n                <div class=\"counter-block\" data-aos=\"fade-up\">\r\n                    <div class=\"counter-block__title\">26<\/div>\r\n                    <div>customised blocks<\/div>\r\n                <\/div>\r\n            <\/div>\r\n                        <div class=\"col-md-3\">\r\n                <div class=\"counter-block\" data-aos=\"fade-up\">\r\n                    <div class=\"counter-block__title\">2<\/div>\r\n                    <div>price calculator<\/div>\r\n                <\/div>\r\n            <\/div>\r\n                        <div class=\"col-md-3\">\r\n                <div class=\"counter-block\" data-aos=\"fade-up\">\r\n                    <div class=\"counter-block__title\">99%<\/div>\r\n                    <div>PageSpeed<\/div>\r\n                <\/div>\r\n            <\/div>\r\n                    <\/div>\r\n            <\/div>\r\n<\/section>\r\n\n\n<div class=\"cs-section-1\">\r\n\t<div class=\"container\">\r\n\t\t<div class=\"row\">\r\n\t\t\t<div class=\"col-12\">\r\n\t\t\t\t<div class=\"cs-section-1__head\" data-aos=\"fade-up\">\r\n\t\t\t\t\t<h2 class=\"page-title color-green\">COMPLETE INDIVIDUALITY<\/h2>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div>\r\n\n\n<div>\r\n\t<div class=\"container\">\r\n\t\t<div class=\"row\">\r\n\t\t\t<div class=\"col-md-6\">\r\n\t\t\t\t<h3 class=\"section-title medium\">Web development<\/h3>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div>\r\n\n\n<!-- story-second -->\r\n<section class=\"story-second\">\r\n\t<div class=\"container\">\r\n\t\t<div class=\"row align-items-center\">\r\n\t\t\t<div class=\"col-left col-left__lg-pad\">\r\n\t\t\t\t<div class=\"section-head\">\r\n\t\t\t\t\t\t\t\t\t\t<h2 class=\"section-title\">Interactive price calculator<\/h2>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"flex-1 overflow-hidden\">\n<div class=\"react-scroll-to-bottom--css-dqjqi-79elbk h-full\">\n<div class=\"react-scroll-to-bottom--css-dqjqi-1n7m0yu\">\n<div class=\"flex flex-col text-sm pb-9\">\n<div class=\"w-full text-token-text-primary\" dir=\"auto\" data-testid=\"conversation-turn-7\" data-scroll-anchor=\"true\">\n<div class=\"py-2 px-3 text-base md:px-4 m-auto md:px-5 lg:px-1 xl:px-5\">\n<div class=\"mx-auto flex flex-1 gap-3 text-base juice:gap-4 juice:md:gap-6 md:max-w-3xl lg:max-w-[40rem] xl:max-w-[48rem]\">\n<div class=\"relative flex w-full min-w-0 flex-col agent-turn\">\n<div class=\"flex-col gap-1 md:gap-3\">\n<div class=\"flex flex-grow flex-col max-w-full\">\n<div class=\"min-h-[20px] text-message flex flex-col items-start whitespace-pre-wrap break-words [.text-message+&amp;]:mt-5 overflow-x-auto gap-3\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"541c0776-dcb3-4fa5-8662-4dbb7f4ff707\">\n<div class=\"markdown prose w-full break-words dark:prose-invert light\">\n<p>The central element of the website is Apriko&#8217;s interactive price calculator. Users have the option of choosing between two different packages in order to receive an offer tailored to their specific needs. The calculator allows users to enter their annual turnover and run through various scenarios. In addition, the calculator offers the option to add further services, with the price automatically updating according to the information provided.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"mt-1 flex gap-3 empty:hidden\">\n<div class=\"text-gray-400 flex self-end lg:self-center items-center justify-center lg:justify-start mt-0 -ml-1 h-7 gap-[2px] visible\">\n<div class=\"flex items-center gap-1.5 text-xs\"><\/div>\n<div class=\"flex\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pr-2 lg:pr-0\"><\/div>\n<\/div>\n<div class=\"absolute\">\n<div class=\"flex w-full gap-2 items-center justify-center\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"w-full md:pt-0 dark:border-white\/20 md:border-transparent md:dark:border-transparent md:w-[calc(100%-.5rem)] juice:w-full\">\n<div class=\"px-3 text-base md:px-4 m-auto md:px-5 lg:px-1 xl:px-5\">\n<div class=\"mx-auto flex flex-1 gap-3 text-base juice:gap-4 juice:md:gap-6 md:max-w-3xl lg:max-w-[40rem] xl:max-w-[48rem]\">\n<div class=\"relative flex h-full max-w-full flex-1 flex-col\">\n<div class=\"absolute bottom-full left-0 right-0\"><\/div>\n<div class=\"flex w-full items-center\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"col-right\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"story-second__img-block\">\r\n\t\t\t\t\t\t<picture>\r\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"906\" height=\"510\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2024\/05\/interaktiver-preisrechner-apriko-case-1.gif\" class=\"attachment-full size-full\" alt=\"interaktiver-preisrechner-apriko-case-1\" \/>\t\t\t\t\t\t<\/picture>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/section>\r\n\n\n<section class=\"customer-story-intro\">\r\n    <div class=\"container\">\r\n        <div class=\"row align-items-center\">\r\n            <div class=\"col-left col-left__lg-pad\">\r\n                                                <div class=\"customer-story-intro__img\"\r\n                     data-aos=\"fade-up\">\r\n                    <picture>\r\n                        <img loading=\"lazy\" decoding=\"async\" width=\"906\" height=\"450\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2024\/05\/animierte-bloecke-apriko-case.gif\" class=\"attachment-full size-full\" alt=\"animierte-bl\u00f6cke-apriko-case\" \/>                    <\/picture>\r\n                <\/div>\r\n                \r\n            <\/div>\r\n            <div class=\"col-right\">\r\n                <div class=\"customer-story-intro__head\"\r\n                     data-aos=\"fade-up\">\r\n                    <div class=\"section-head\">\r\n                                                <h2 class=\"section-title\">Animated blocks<\/h2>\r\n                        \r\n                        <div class=\"flex flex-grow flex-col max-w-full\">\n<div class=\"min-h-[20px] text-message flex flex-col items-start gap-3 whitespace-pre-wrap break-words [.text-message+&amp;]:mt-5 overflow-x-auto\" data-message-author-role=\"assistant\" data-message-id=\"3484562a-e83d-471d-82df-082b2a9c30e9\">\n<div class=\"markdown prose w-full break-words dark:prose-invert light AIPRM__conversation__response\">\n<div class=\"flex-1 overflow-hidden\">\n<div class=\"react-scroll-to-bottom--css-dqjqi-79elbk h-full\">\n<div class=\"react-scroll-to-bottom--css-dqjqi-1n7m0yu\">\n<div class=\"flex flex-col text-sm pb-9\">\n<div class=\"w-full text-token-text-primary\" dir=\"auto\" data-testid=\"conversation-turn-9\" data-scroll-anchor=\"true\">\n<div class=\"py-2 px-3 text-base md:px-4 m-auto md:px-5 lg:px-1 xl:px-5\">\n<div class=\"mx-auto flex flex-1 gap-3 text-base juice:gap-4 juice:md:gap-6 md:max-w-3xl lg:max-w-[40rem] xl:max-w-[48rem]\">\n<div class=\"relative flex w-full min-w-0 flex-col agent-turn\">\n<div class=\"flex-col gap-1 md:gap-3\">\n<div class=\"flex flex-grow flex-col max-w-full\">\n<div class=\"min-h-[20px] text-message flex flex-col items-start whitespace-pre-wrap break-words [.text-message+&amp;]:mt-5 overflow-x-auto gap-3\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"5554cf6c-f74d-41b1-9dfd-30a86ffa1f1d\">\n<div class=\"markdown prose w-full break-words dark:prose-invert light\">\n<p>Animated blocks have been integrated into the website, allowing Apriko to present its software in a visual way. These blocks offer users an easy way to get a visual impression of the software and understand how it can benefit them.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"mt-1 flex gap-3 empty:hidden\">\n<div class=\"text-gray-400 flex self-end lg:self-center items-center justify-center lg:justify-start mt-0 -ml-1 h-7 gap-[2px] visible\">\n<div class=\"flex items-center gap-1.5 text-xs\"><\/div>\n<div class=\"flex\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pr-2 lg:pr-0\"><\/div>\n<\/div>\n<div class=\"absolute\">\n<div class=\"flex w-full gap-2 items-center justify-center\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"w-full md:pt-0 dark:border-white\/20 md:border-transparent md:dark:border-transparent md:w-[calc(100%-.5rem)] juice:w-full\">\n<div class=\"px-3 text-base md:px-4 m-auto md:px-5 lg:px-1 xl:px-5\">\n<div class=\"mx-auto flex flex-1 gap-3 text-base juice:gap-4 juice:md:gap-6 md:max-w-3xl lg:max-w-[40rem] xl:max-w-[48rem]\">\n<div class=\"relative flex h-full max-w-full flex-1 flex-col\">\n<div class=\"absolute bottom-full left-0 right-0\"><\/div>\n<div class=\"flex w-full items-center\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\r\n                                                <a href=\"https:\/\/apriko.com\/en\/\"\r\n                           target=\"_blank\"\r\n                           class=\"btn btn-primary \">Discover the website now<\/a>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\n\n<!-- story-second -->\r\n<section class=\"story-second\">\r\n\t<div class=\"container\">\r\n\t\t<div class=\"row align-items-center\">\r\n\t\t\t<div class=\"col-left col-left__lg-pad\">\r\n\t\t\t\t<div class=\"section-head\">\r\n\t\t\t\t\t\t\t\t\t\t<h2 class=\"section-title\">Performance &amp; PageSpeed<\/h2>\r\n\t\t\t\t\t\t\t\t\t\t<p>One of Apriko AG&#8217;s main requirements was to develop a website that fulfils the highest standards in terms of performance and loading speed. The result is impressive: according to PageSpeed Insights, the website achieves a speed of 99 on mobile devices and a perfect score of 100 on desktop devices. These outstanding scores reflect the technical excellence and optimised structure of the website, which not only enables fast loading times but also provides an improved user experience. Through efficient code optimisation and responsive design, the platform ensures that users can always enjoy a seamless and smooth browsing experience on different devices.<\/p>\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"col-right\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"story-second__img-block\">\r\n\t\t\t\t\t\t<picture>\r\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"732\" height=\"450\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2024\/05\/pagespeed-apriko-case.jpg\" class=\"attachment-full size-full\" alt=\"pagespeed-apriko-case\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2024\/05\/pagespeed-apriko-case.jpg 732w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2024\/05\/pagespeed-apriko-case-300x184.jpg 300w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2024\/05\/pagespeed-apriko-case-185x114.jpg 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2024\/05\/pagespeed-apriko-case-135x83.jpg 135w\" sizes=\"auto, (max-width: 732px) 100vw, 732px\" \/>\t\t\t\t\t\t<\/picture>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/section>\r\n\n\n<section class=\"customer-story-intro\">\r\n    <div class=\"container\">\r\n        <div class=\"row align-items-center\">\r\n            <div class=\"col-left col-left__lg-pad\">\r\n                                                <div class=\"customer-story-intro__img\"\r\n                     data-aos=\"fade-up\">\r\n                    <picture>\r\n                        <img loading=\"lazy\" decoding=\"async\" width=\"732\" height=\"450\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2024\/05\/individualitaet-apriko-case.jpg\" class=\"attachment-full size-full\" alt=\"individualit\u00e4t-apriko-case\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2024\/05\/individualitaet-apriko-case.jpg 732w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2024\/05\/individualitaet-apriko-case-300x184.jpg 300w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2024\/05\/individualitaet-apriko-case-185x114.jpg 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2024\/05\/individualitaet-apriko-case-135x83.jpg 135w\" sizes=\"auto, (max-width: 732px) 100vw, 732px\" \/>                    <\/picture>\r\n                <\/div>\r\n                \r\n            <\/div>\r\n            <div class=\"col-right\">\r\n                <div class=\"customer-story-intro__head\"\r\n                     data-aos=\"fade-up\">\r\n                    <div class=\"section-head\">\r\n                                                <h2 class=\"section-title\">Individuality<\/h2>\r\n                        \r\n                        <div class=\"flex-1 overflow-hidden\">\n<div class=\"react-scroll-to-bottom--css-dqjqi-79elbk h-full\">\n<div class=\"react-scroll-to-bottom--css-dqjqi-1n7m0yu\">\n<div class=\"flex flex-col text-sm pb-9\">\n<div class=\"w-full text-token-text-primary\" dir=\"auto\" data-testid=\"conversation-turn-15\" data-scroll-anchor=\"true\">\n<div class=\"py-2 px-3 text-base md:px-4 m-auto md:px-5 lg:px-1 xl:px-5\">\n<div class=\"mx-auto flex flex-1 gap-3 text-base juice:gap-4 juice:md:gap-6 md:max-w-3xl lg:max-w-[40rem] xl:max-w-[48rem]\">\n<div class=\"relative flex w-full min-w-0 flex-col agent-turn\">\n<div class=\"flex-col gap-1 md:gap-3\">\n<div class=\"flex flex-grow flex-col max-w-full\">\n<div class=\"min-h-[20px] text-message flex flex-col items-start whitespace-pre-wrap break-words [.text-message+&amp;]:mt-5 overflow-x-auto gap-3\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"a1a53ce9-545e-43cb-829c-9cfa02a4eefd\">\n<div class=\"markdown prose w-full break-words dark:prose-invert light\">\n<p>The main task in developing the website was to create an extremely flexible platform. This enables Apriko to customise its website using specially developed modules and elements. In addition to these basic requirements, extensive filter functions were integrated to allow Apriko to display targeted blog posts on the site. The result is a dynamic and customisable website that is impressive in terms of both its functionality and its appearance.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"mt-1 flex gap-3 empty:hidden\">\n<div class=\"text-gray-400 flex self-end lg:self-center items-center justify-center lg:justify-start mt-0 -ml-1 h-7 gap-[2px] visible\">\n<div class=\"flex items-center gap-1.5 text-xs\"><\/div>\n<div class=\"flex\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pr-2 lg:pr-0\"><\/div>\n<\/div>\n<div class=\"absolute\">\n<div class=\"flex w-full gap-2 items-center justify-center\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"w-full md:pt-0 dark:border-white\/20 md:border-transparent md:dark:border-transparent md:w-[calc(100%-.5rem)] juice:w-full\">\n<div class=\"px-3 text-base md:px-4 m-auto md:px-5 lg:px-1 xl:px-5\">\n<div class=\"mx-auto flex flex-1 gap-3 text-base juice:gap-4 juice:md:gap-6 md:max-w-3xl lg:max-w-[40rem] xl:max-w-[48rem]\">\n<div class=\"relative flex h-full max-w-full flex-1 flex-col\">\n<div class=\"absolute bottom-full left-0 right-0\"><\/div>\n<div class=\"flex w-full items-center\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\n\n<!-- story-second -->\r\n<section class=\"story-second\">\r\n\t<div class=\"container\">\r\n\t\t<div class=\"row align-items-center\">\r\n\t\t\t<div class=\"col-left col-left__lg-pad\">\r\n\t\t\t\t<div class=\"section-head\">\r\n\t\t\t\t\t\t\t\t\t\t<h2 class=\"section-title\">Responsivness<\/h2>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"flex-1 overflow-hidden\">\n<div class=\"react-scroll-to-bottom--css-dqjqi-79elbk h-full\">\n<div class=\"react-scroll-to-bottom--css-dqjqi-1n7m0yu\">\n<div class=\"flex flex-col text-sm pb-9\">\n<div class=\"w-full text-token-text-primary\" dir=\"auto\" data-testid=\"conversation-turn-17\" data-scroll-anchor=\"true\">\n<div class=\"py-2 px-3 text-base md:px-4 m-auto md:px-5 lg:px-1 xl:px-5\">\n<div class=\"mx-auto flex flex-1 gap-3 text-base juice:gap-4 juice:md:gap-6 md:max-w-3xl lg:max-w-[40rem] xl:max-w-[48rem]\">\n<div class=\"relative flex w-full min-w-0 flex-col agent-turn\">\n<div class=\"flex-col gap-1 md:gap-3\">\n<div class=\"flex flex-grow flex-col max-w-full\">\n<div class=\"min-h-[20px] text-message flex flex-col items-start whitespace-pre-wrap break-words [.text-message+&amp;]:mt-5 overflow-x-auto gap-3\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"236b7395-fc09-4d3e-8514-1a6fa7dadbf6\">\n<div class=\"markdown prose w-full break-words dark:prose-invert light\">\n<p>Nowadays, the responsiveness of a website plays a decisive role, as more and more users are accessing web content via smartphones. Adaptability to different screen sizes is therefore a key aspect of web development. In close collaboration with our design partner Rosarot, we developed a layout that is not only visually appealing, but also works smoothly on different devices. This ensures that all users enjoy an optimal user experience, regardless of the device used.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"mt-1 flex gap-3 empty:hidden\">\n<div class=\"text-gray-400 flex self-end lg:self-center items-center justify-center lg:justify-start mt-0 -ml-1 h-7 gap-[2px] visible\">\n<div class=\"flex items-center gap-1.5 text-xs\"><\/div>\n<div class=\"flex\"><\/div>\n<\/div>\n<\/div>\n<div class=\"pr-2 lg:pr-0\"><\/div>\n<\/div>\n<div class=\"absolute\">\n<div class=\"flex w-full gap-2 items-center justify-center\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"w-full md:pt-0 dark:border-white\/20 md:border-transparent md:dark:border-transparent md:w-[calc(100%-.5rem)] juice:w-full\">\n<div class=\"px-3 text-base md:px-4 m-auto md:px-5 lg:px-1 xl:px-5\">\n<div class=\"mx-auto flex flex-1 gap-3 text-base juice:gap-4 juice:md:gap-6 md:max-w-3xl lg:max-w-[40rem] xl:max-w-[48rem]\">\n<div class=\"relative flex h-full max-w-full flex-1 flex-col\">\n<div class=\"absolute bottom-full left-0 right-0\"><\/div>\n<div class=\"flex w-full items-center\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"col-right\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"story-second__img-block\">\r\n\t\t\t\t\t\t<picture>\r\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"756\" height=\"519\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2024\/05\/responsibilitaet-apriko-case.png\" class=\"attachment-full size-full\" alt=\"Apriko Case\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2024\/05\/responsibilitaet-apriko-case.png 756w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2024\/05\/responsibilitaet-apriko-case-300x206.png 300w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2024\/05\/responsibilitaet-apriko-case-185x127.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2024\/05\/responsibilitaet-apriko-case-135x93.png 135w\" sizes=\"auto, (max-width: 756px) 100vw, 756px\" \/>\t\t\t\t\t\t<\/picture>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/section>\r\n\n\n<!-- Share Section -->\r\n<section class=\"home-share\">\r\n    <div class=\"container\">\r\n        <div class=\"row align-items-center\">\r\n            <div class=\"home-share__left\">\r\n                <div class=\"section-head\" data-aos=\"fade-up\">\r\n                                            <h2 class=\"section-title\">Ready for the exchange?<\/h2>\r\n                                                                <div class=\"home-share__sub-title\">Open communication, good collaboration and the right drinks are important for successful meetings. What would you like?<\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n            <div class=\"home-share__right\">\r\n                <div class=\"home-share__wrap\" data-aos=\"fade-up\">\r\n                    <div class=\"home-share__wrap-inner\">\r\n                        <a href=\"\/en\/contact-with-coffee\/\" class=\"home-share__block\">\r\n                            <picture>\r\n                                <svg class=\"home-share__block-img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 132.54 129.37\"><defs><style>.cls-1,.cls-2{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;}.cls-1{stroke:#000;}.cls-2{stroke:#ff00f5;}<\/style><\/defs><path class=\"cls-1\" d=\"M54,61.35C47.9,60,40.37,58.14,37,52.28,27.2,35.15,78.84,40.2,84.81,41.37c4.75.93,12,3.39,11.11,9.69-1.41,9.4-12.58,10.78-20.24,11.57A68.1,68.1,0,0,1,54,61.35Z\"\/><path class=\"cls-1\" d=\"M83.8,92.58a14.68,14.68,0,0,1,4.8,2.08c2.23,1.57,4,4.27,3.6,7.1-1.41,9.4-12.57,10.78-20.23,11.57a67.8,67.8,0,0,1-21.67-1.28c-6.11-1.36-13.64-3.21-17-9.07-2-3.46-1.58-7.23,1.7-9.72a12.31,12.31,0,0,1,5-1.91\"\/><path class=\"cls-1\" d=\"M35.72,47c-2.91,12.56-2.57,27.66,2.85,39.58C44.44,99.48,55,104.8,68.74,102.9c8.07-1.11,13.93-8.11,18.32-15C93.4,78,98,61.61,96,50\"\/><path class=\"cls-1\" d=\"M96.41,66.36c4.71-1.27,10.26-4.14,14.73-.6,9,7.14-16.73,20.41-22.54,20.71\"\/><path class=\"cls-2\" d=\"M58.86,51c-2.3-1-3.41-3.72-3.36-6.22s1-4.88,1.78-7.26A45.19,45.19,0,0,0,59,30.19a16.52,16.52,0,0,0-.33-7.6,7.46,7.46,0,0,0-5.26-5.1\"\/><path class=\"cls-2\" d=\"M67.47,16c3.2,1.23,4.75,5,4.7,8.44s-1.28,6.72-2,10.08a33.54,33.54,0,0,0,.39,15.59\"\/><\/svg>\r\n                            <\/picture>\r\n                                                            <div class=\"home-share__block-title\">A cup of coffee?<\/div>\r\n                                                    <\/a>\r\n                    <\/div>\r\n                    <div class=\"home-share__wrap-inner\">\r\n                        <a href=\"\/en\/contact-with-tea\/\" class=\"home-share__block\">\r\n                            <picture>\r\n                                <svg class=\"home-share__block-img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 132.54 129.37\"><defs><style>.cls-1,.cls-2{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;}.cls-1{stroke:#000;}.cls-2{stroke:#ff00f5;}<\/style><\/defs><path class=\"cls-1\" d=\"M65.83,46.8a5.5,5.5,0,0,1-3.3-5.39c.06-2.17,1-4.23,1.75-6.3a34.66,34.66,0,0,0,1.64-6.37,12.84,12.84,0,0,0-.32-6.6,7,7,0,0,0-5.17-4.42\"\/><path class=\"cls-1\" d=\"M72,16.33c3.14,1.15,4.66,4.7,4.62,7.92s-1.28,6.31-2,9.46c-1,4.64-.24,9.28,3.35,12.76\"\/><path class=\"cls-1\" d=\"M39,47.82c-.7-1.63-.65-3.69,1.17-4.56,3.61-1.74,9.24-1.73,13.23-2.15q7.23-.77,14.5-.94a178,178,0,0,1,28.28,1.56,6.55,6.55,0,0,1,2,.5c2,1,2,3.86.49,5.49s-3.86,2.33-6.1,2.88a124.51,124.51,0,0,1-26.69,4,73.56,73.56,0,0,1-13.68-.87C48.05,53.1,43,52.29,40,49.37A5.06,5.06,0,0,1,39,47.82Z\"\/><path class=\"cls-1\" d=\"M39,47.82c1.8,19.21,7.76,38.09,16.21,55.44,1.65,3.38,3.5,7,6.82,8.73,2.57,1.35,5.6,1.38,8.5,1.37h12a7.1,7.1,0,0,0,4-.83,6.74,6.74,0,0,0,2-2.88c9.25-20.06,13.46-43.43,11-65.38\"\/><path class=\"cls-2\" d=\"M59.9,51.33a18.75,18.75,0,0,0-2.23,12A29.25,29.25,0,0,0,62,74.84\"\/><path class=\"cls-2\" d=\"M64,69.49a1.59,1.59,0,0,1,.72.08,1.61,1.61,0,0,1,.52.55L68.1,74.4a2.29,2.29,0,0,1,.48,1.15,3,3,0,0,1-.35,1.18,8.53,8.53,0,0,0-.35,3.52l.41,10a37.62,37.62,0,0,0-11.64-.74A30,30,0,0,0,55.49,77.2c1.59-1.82,1.43-5.15,2.73-6.61S62.1,69.58,64,69.49Z\"\/><path class=\"cls-1\" d=\"M100.81,59.52c1.41-2.47,4.44-3.48,7.24-3.9,3.2-.48,6.9-.29,9,2.12a8.47,8.47,0,0,1,1.71,6.36c-.38,4.64-2.94,8.89-6.24,12.17s-7.33,5.73-11.34,8.1a16.84,16.84,0,0,1-4.54,2.09\"\/><\/svg>\r\n                            <\/picture>\r\n                                                            <div class=\"home-share__block-title\">But rather tea.<\/div>\r\n                                                    <\/a>\r\n                    <\/div>\r\n                    <div class=\"home-share__wrap-inner\">\r\n                        <a href=\"\/en\/contact-with-shake\/\" class=\"home-share__block\">\r\n                            <picture>\r\n                                <svg class=\"home-share__block-img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 132.54 129.37\"><defs><style>.cls-1,.cls-2{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;}.cls-1{stroke:#000;}.cls-2{stroke:#ff00f5;}<\/style><\/defs><path class=\"cls-1\" d=\"M42.86,54.49c1.7,5,22.37,49.31,26,59.46a1.37,1.37,0,0,0,.67.92,1.5,1.5,0,0,0,.86-.05l27.94-7.51c-1-11.5-8.24-52.13-11.4-65.51\"\/><path class=\"cls-1\" d=\"M88.49,41.33S87.6,38,87,36.45A7.65,7.65,0,0,0,85,33c-1.72-1.39-4.23-1-6.39-.56-12,2.63-23.72,6.64-35.38,10.64a8.93,8.93,0,0,0-2.71,1.3c-3.83,2.83,0,10.81,0,10.81L48,52.68q12.9-4.29,26-7.87C75.35,44.45,88.49,41.33,88.49,41.33Z\"\/><path class=\"cls-1\" d=\"M63.78,26.11a15.81,15.81,0,0,1,10.78,7.13\"\/><path class=\"cls-1\" d=\"M46.29,41.78a18,18,0,0,1,2-9A11.61,11.61,0,0,1,50.77,29a7.57,7.57,0,0,1,.7-.57\"\/><path class=\"cls-1\" d=\"M53.08,33.88,50.9,26.49c-.93-3.16.07-7,3.73-8.07,7.28-2.09,9.4,7.81,10.22,12.13\"\/><path class=\"cls-1\" d=\"M52.87,57.1l22.81,50.95\"\/><path class=\"cls-1\" d=\"M55.68,62.11c2-.74,3.26-1.16,5.29-1.74\"\/><path class=\"cls-1\" d=\"M58.4,69l5.34-1.83\"\/><path class=\"cls-1\" d=\"M61.5,76.34a13.88,13.88,0,0,1,5.13-1.7\"\/><path class=\"cls-1\" d=\"M65.83,82.83c2-.6,1.79-.55,3.81-1.16\"\/><path class=\"cls-1\" d=\"M67.47,89.38l5.19-1.5\"\/><path class=\"cls-1\" d=\"M70,95.42l5.64-1.63\"\/><path class=\"cls-1\" d=\"M73.63,103.09l5.48-1.58\"\/><path class=\"cls-1\" d=\"M55.86,25.52l1.9-.57\"\/><path class=\"cls-2\" d=\"M32.09,40.75a18.35,18.35,0,0,0,3.73,20.9\"\/><path class=\"cls-2\" d=\"M22.87,46a21.67,21.67,0,0,0,1.72,10.72\"\/><path class=\"cls-2\" d=\"M92.39,25.89a25.24,25.24,0,0,1,7,15.71\"\/><path class=\"cls-2\" d=\"M100,26.09a26.34,26.34,0,0,1,2.87,7\"\/><\/svg>\r\n                            <\/picture>\r\n                                                            <div class=\"home-share__block-title\">Let&#8217;s Power!<\/div>\r\n                                                    <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>","protected":false},"featured_media":4465,"parent":0,"menu_order":49,"template":"","meta":{"_acf_changed":true,"inline_featured_image":false},"stories_category":[52],"class_list":["post-4464","stories","type-stories","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.1 (Yoast SEO v22.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Apriko Development Case - ONELINE<\/title>\n<meta name=\"description\" content=\"Apriko Case: A web development project designed for a high degree of customisation. The result is an extremely flexible website.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/oneline.ch\/en\/cases\/apriko\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Apriko Development Case - ONELINE\" \/>\n<meta property=\"og:description\" content=\"Apriko Case: A web development project designed for a high degree of customisation. The result is an extremely flexible website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/oneline.ch\/en\/cases\/apriko\/\" \/>\n<meta property=\"og:site_name\" content=\"ONELINE EN\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-28T14:34:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2024\/05\/beitragsbild-apriko-case-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"599\" \/>\n\t<meta property=\"og:image:height\" content=\"661\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/oneline.ch\/en\/cases\/apriko\/\",\"url\":\"https:\/\/oneline.ch\/en\/cases\/apriko\/\",\"name\":\"Apriko Development Case - ONELINE\",\"isPartOf\":{\"@id\":\"https:\/\/oneline.ch\/en\/#website\"},\"datePublished\":\"2025-01-23T13:11:32+00:00\",\"dateModified\":\"2025-08-28T14:34:38+00:00\",\"description\":\"Apriko Case: A web development project designed for a high degree of customisation. The result is an extremely flexible website.\",\"breadcrumb\":{\"@id\":\"https:\/\/oneline.ch\/en\/cases\/apriko\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/oneline.ch\/en\/cases\/apriko\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/oneline.ch\/en\/cases\/apriko\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Cases\",\"item\":\"https:\/\/oneline.ch\/en\/cases\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Apriko\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/oneline.ch\/en\/#website\",\"url\":\"https:\/\/oneline.ch\/en\/\",\"name\":\"ONELINE EN\",\"description\":\"Wir sind ONELINE, die Agentur f\u00fcr kreatives und zukunftsorientiertes Online Marketing in der Schweiz. Lokal ans\u00e4ssig, global vernetzt.\",\"publisher\":{\"@id\":\"https:\/\/oneline.ch\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/oneline.ch\/en\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/oneline.ch\/en\/#organization\",\"name\":\"ONELINE EN\",\"url\":\"https:\/\/oneline.ch\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/oneline.ch\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/11\/logo.svg\",\"contentUrl\":\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/11\/logo.svg\",\"caption\":\"ONELINE EN\"},\"image\":{\"@id\":\"https:\/\/oneline.ch\/en\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Apriko Development Case - ONELINE","description":"Apriko Case: A web development project designed for a high degree of customisation. The result is an extremely flexible website.","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:\/\/oneline.ch\/en\/cases\/apriko\/","og_locale":"en_US","og_type":"article","og_title":"Apriko Development Case - ONELINE","og_description":"Apriko Case: A web development project designed for a high degree of customisation. The result is an extremely flexible website.","og_url":"https:\/\/oneline.ch\/en\/cases\/apriko\/","og_site_name":"ONELINE EN","article_modified_time":"2025-08-28T14:34:38+00:00","og_image":[{"width":599,"height":661,"url":"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2024\/05\/beitragsbild-apriko-case-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/oneline.ch\/en\/cases\/apriko\/","url":"https:\/\/oneline.ch\/en\/cases\/apriko\/","name":"Apriko Development Case - ONELINE","isPartOf":{"@id":"https:\/\/oneline.ch\/en\/#website"},"datePublished":"2025-01-23T13:11:32+00:00","dateModified":"2025-08-28T14:34:38+00:00","description":"Apriko Case: A web development project designed for a high degree of customisation. The result is an extremely flexible website.","breadcrumb":{"@id":"https:\/\/oneline.ch\/en\/cases\/apriko\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/oneline.ch\/en\/cases\/apriko\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/oneline.ch\/en\/cases\/apriko\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Cases","item":"https:\/\/oneline.ch\/en\/cases\/"},{"@type":"ListItem","position":2,"name":"Apriko"}]},{"@type":"WebSite","@id":"https:\/\/oneline.ch\/en\/#website","url":"https:\/\/oneline.ch\/en\/","name":"ONELINE EN","description":"Wir sind ONELINE, die Agentur f\u00fcr kreatives und zukunftsorientiertes Online Marketing in der Schweiz. Lokal ans\u00e4ssig, global vernetzt.","publisher":{"@id":"https:\/\/oneline.ch\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/oneline.ch\/en\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/oneline.ch\/en\/#organization","name":"ONELINE EN","url":"https:\/\/oneline.ch\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/oneline.ch\/en\/#\/schema\/logo\/image\/","url":"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/11\/logo.svg","contentUrl":"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/11\/logo.svg","caption":"ONELINE EN"},"image":{"@id":"https:\/\/oneline.ch\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/oneline.ch\/en\/wp-json\/wp\/v2\/stories\/4464","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oneline.ch\/en\/wp-json\/wp\/v2\/stories"}],"about":[{"href":"https:\/\/oneline.ch\/en\/wp-json\/wp\/v2\/types\/stories"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oneline.ch\/en\/wp-json\/wp\/v2\/media\/4465"}],"wp:attachment":[{"href":"https:\/\/oneline.ch\/en\/wp-json\/wp\/v2\/media?parent=4464"}],"wp:term":[{"taxonomy":"stories_category","embeddable":true,"href":"https:\/\/oneline.ch\/en\/wp-json\/wp\/v2\/stories_category?post=4464"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}