The sustainable Swiss brand FREITAG, known for their bags and accessories made from used truck tarpaulins, has always stood for individualism. With the new digital tool F-Cut, FREITAG now offers its customers the opportunity to design their very own super unique items. The idea behind it was born 20 years ago – and comes from a DEPT® employee.
Desire for more uniqueness
Each of the approximately 300,000 FREITAG bags and accessories produced each year is unique. A large proportion is manufactured in Zurich, where the truck tarpaulins are dismantled and washed by FREITAG employees before the bag designers cut out the best motifs with their cutter knives and templates and these are then processed into bags.
So far, so good. But more and more often, customers inquire in the FREITAG stores whether a specific bag is also available in another color, with this or that motif. The bag makers have taken these requests for (even) more uniqueness to heart – and fell back on the diploma thesis in which DEPT® employee Severin Klaus invented, designed and programmed the first F-Cut for FREITAG 20 years ago.
Democratisation of bag design
The DEPT® team in Switzerland has been working with FREITAG since 2020 and has, among other things, implemented a bag swapping campaign on Tinder for the brand. Now FREITAG approached us to awaken the online cutting table F-Cut from its slumber together with bag and UX designers, logisticians and many other experts.
The following positioning and visions were defined in a preliminary project:
Democratisation of bag design
Every interested customer should have the opportunity to design their own unique bag according to their own taste, beyond all design guidelines.
Bringing FREITAG’s values to life
Sustainability and individualism come first. The FREITAG Sweat-Yourself-Shops are to be transported from the physical to the digital world by means of F-Cut.
Revival of a classic
The new F-Cut is to be as good as the multiple award-winning 20-year-old original, but even more user-friendly and contemporary.
Linking the offline world with the online world
F-Cut offers a unique combination of rough & real materials with digital perfection and a smooth product configuration – no matter on which device, including 3D preview in real time. In this way, the offline world of FREITAG is linked to the online world thanks to a unique experience.
For F-Cut, DEPT® not only implemented the UX, UI and the 3D preview, but also the back- and frontend. The visual identity, creative direction and copy were done by FREITAG.
From a technical perspective, F-Cut is a web application that combines various systems. On the one hand, there is of course the F-Cut app – the GUI – in which FREITAG customers configure their bags. Then there is the F-Cut backend with a headless CMS, which primarily provides a database and communicates via API with the checkout (FREITAG online store) and of course the F-Cut app. In addition, there are further admin interfaces with everyday tarpaulin management functions (configuration, orders, etc.) and tarpaulin upload, editor and export (DXF) for production.
Bag dreams come true
For the first release, the focus was on the KISS principle (Keep It Simple, Stupid): we limited ourselves to one bag type, the Messenger Bag F712 DRAGNET, which can be designed using four virtual templates from a selection of 20-50 different truck tarps. The designable bag types could be expanded in the future or the bag type could change at fixed intervals.
In order to ensure fairness and equality, new tarpaulins are silently added to the system to exclude disputes about the “good” tarpaulin pieces. Another important aspect for FREITAG was the balance between maximum design freedom and sustainability: leftover tarpaulins are used for accessory products.
A few numbers
The response to the F-Cut has been overwhelming, especially from Japan, Germany and FREITAG’s home market Switzerland.
- The virtual cutting table is very busy – between 40-60 users at a time are designing their own F712 DRAGNET Messenger Bag online every day.
- Since the launch in May 2022, more than 300 digitised truck tarpaulins have been used.
- In addition, FREITAG also received many requests from their fans to introduce F-Cut for other bag models as well.
What’s next?
Already before the go-live, F-Cut triggered enthusiasm both among the DEPT® and FREITAG teams. Several further development projects are already planned: more products and features are to follow. 20 years after the birth of the idea, F-Cut has finally awoken from its slumber and will continue to grow steadily.
Over 20 years ago, I got to implement F-Cut as a student one-man show – to rethink this project now, with the support of a fantastic team, both on the DEPT® side and on the customer side, while exploiting the possibilities of today’s technology, is a great privilege.
Severin Klaus, Tech Director, DEPT®
Contentful
Contentful is een modern cloud-native contentmanagementsysteem dat als geen ander klaar is voor de toekomst.
5
Jaren ervaring
20
Cases
350
Experienced Depsters
Versnel je digitale business met Contentful
Contentful geeft haar gebruikers de tools om content te creëren en te beheren. Dankzij de headless-architectuur gebruiken developers content met iedere programmeertaal, op ieder platform. Zo zetten wij als Contentful-partner deze tool slim in.
Het moderne digitale landschap bestaat uit veel meer dan alleen een website. Bedrijven willen hun klanten een uniforme, gepersonaliseerde omnichannel-ervaring bieden met websites, apps, chatbots en marketplaces. Contentful biedt haar klanten een gebruiksvriendelijke ‘unified content hub’ voor contentmanagement op alle kanalen. Contentful is eveneens ‘developer friendly’, want dankzij krachtige API’s gebruik je de content op elk kanaal, met een gewenste programmeertaal. DEPT® zet Contentful in voor klanten als bol.com, Avans, Caru, NS Zakelijk, Oxxio, Maandag en PON.
Contentful is een cloud-based SaaS-oplossing met een API-first aanpak en heeft daardoor ook de bijbehorende voordelen zoals schaalbaarheid, altijd beschikbaar en snelheid. Als SaaS-oplossing zorgt Contentful ervoor dat dure upgrade-trajecten verleden tijd zijn.
Contentful is daarnaast geschikt om eenvoudig content aan te passen in bestaande digitale applicaties, waar deze aanpassingen nu nog door developers gedaan moeten worden.
Contentful onderscheidt zich als modern CMS met de volgende functionaliteiten:
Functionaliteiten
API-first
Met API’s als kloppend hart van Contentful is alle content via de API’s toegankelijk voor verschillende systemen.
Cloud-native
Contentful is cloud-based, waardoor het systeem oneindig schaalbaar is en standaard gebruik maakt van cloud services als een CDN.
SaaS oplossing
Iedere Contentful-klant maakt gebruik van hetzelfde systeem (net als bijvoorbeeld Gmail, Dropbox, Netflix, Uber of Facebook), waardoor beheer en upgrades niet meer nodig zijn.
Easy-to-develop
De API’s van Contentful zijn met iedere programmeertaal te gebruiken. Voor een snelle onboarding zijn SDK’s beschikbaar voor Javascript, .Net, PHP, Java, Android, IOS, Ruby en meer. Een kwestie van ready, set, code.
Headless
De wereld is aan het veranderen: we gaan steeds meer af van monolithische systemen en headless is hierop het antwoord. Met headless en best-in-class documentatie ondersteunt Contentful zelfs de meest complexe, digitale ecosystemen.
Voorbeelden in de praktijk
DEPT® ondersteunt uiteenlopende bedrijven met de succesvolle toepassing van Contentful. Onze volgende praktijkvoorbeelden laten zien hoe Contentful zorgt voor optimale digitale ervaringen in het experience-tijdperk:
Avans
Zoals een echte open dag betaamt, zetten we samen met Avans de bloemetjes buiten tijdens de online editie. Om ervoor te zorgen dat de aankomende studenten en hun ouders een goed beeld en alle nodige informatie over Avans kregen, is Contentful ingezet. Zo is voor Avans een compleet uniek en op maat gemaakt CMS opgesteld. Bijkomend voordeel is dat de developers volledige controle hebben over hoe de data ontsloten wordt.
Eurovisie
Van het Eurovisie Songfestival kregen we dé ultieme challenge; digitaliseer een ongeëvenaard gevoel, een gevoel wat tienduizenden bezoekers jaarlijks samenbrengt, maar nu online. Dit is hoe The Eurovision Village is ontstaan. In deze online ervaring staat content centraal. Door gebruik te maken van Contentful konden medewerkers van Rotterdam Festivals de content naar gelang aanpassen. Zeker in coronatijd, waar het lastig vooruitdenken is met steeds wisselende maatregelen, kwam dit goed van pas. Op het ene moment mocht het publiek niet fysiek aanwezig zijn, op het volgende moment wel. De volgende dag veranderde het aantal toegestane fysieke bezoekers en de line-up veranderde mee. Dit alles samengenomen vroeg om een systeem dat gemakkelijk meebeweegt met de echte wereld – een digitale twin van het Eurovision Village dat goed is gekoppeld aan de 3D-omgeving.
NS Zakelijk
Voor NS Zakelijk kozen we Contentful in verband met de implementatie snelheid van deze tool. Zo lanceerden we het nieuwe toekomstbestendige platform in een sneltreinvaart.
Onze klanten
We value a great working relationship with our clients. It’s why many of them have worked with us for years as their trusted partner.
Onze aanpak
Praat met ons over Contentful
Sales Director
Norbert Kersbergen
Magnolia
Magnolia is een gebruiksvriendelijk, op Java-gebaseerd CMS. Het blinkt met name uit in combinatie met andere systemen, zoals een CRM of een commerce-platform.
9
Jaren ervaring
9
Cases
12
Experienced Depsters
Easy-to-use zowel aan de front- als backend
Magnolia is zeer flexibel en is zowel op traditionele wijze, hybride als volledig headless te implementeren.
Bij Magnolia staat gebruiksvriendelijkheid centraal. Deze CMS laat je eenvoudig campagnes creëren, managen en plannen. De interface is clean en overzichtelijk, zonder dat krachtige CMS-functionaliteiten zoals versiebeheer, meertaligheid, instant preview, content tagging, categorization & taxonomies en een page-editor ontbreken.
Daarnaast valt Magnolia ook bij developers in de smaak. Magnolia houdt zich aan standaard frontend en backend ‘patterns’ en heeft een logische en consistente configuratie en templating-systeem. Backend- en frontend-developers scheiden hun verantwoordelijkheden gemakkelijk en werken met de tools die ze gewend zijn. Daarnaast is deze CMS door de hiërarchische data structuur ideaal te gebruiken voor websites.
Het heeft een modulaire architectuur en is zeer flexibel en naadloos te integreren met externe systemen zoals Salesforce en Commercetools.
Magnolia biedt alles wat je van een CMS verwacht maar onderscheidt zich met de volgende functionaliteiten:
Functionaliteiten
WYSIWYG (what you see is what you get) editorial experience
Headless projecten lopen vast wanneer de gebruikerservaring niet de juiste aandacht krijgt. Met Magnolia gebruiken ontwikkelaars de beste WYSIWYG visuele pagina-editor in zijn klasse om Single Page Applications te bewerken die gebouwd zijn met React, Angular of Vue. Hier bewerk je niet alleen ruwe content, maar ook de lay-out van elke digitale ervaring en krijg je een live preview te zien van de uitgevoerde bewerkingen. Door deze live preview pas je het ‘vierogenprincipe’ gemakkelijk toe en voorkom je fouten.
Eenvoud kenmerkt het gebruik van Magnolia. Naast de pagina-editor, ontwikkel je snel en simpel content apps met een centrale locatie voor het editen van verschillende content types.
Magnolia Connector Packs
Met diens best-in-class Headless CMS, Connector Packs en Headless Accelerator helpt Magnolia klanten naadloze multi-channel winkelervaringen te creëren: van product listing pagina’s tot product detail pagina’s en check-out vanuit één uniform platform.
Personalisatie en optimalisatie
Magnolia maakt personalisatie mogelijk door customer segmenten in te delen op basis van wie je klanten zijn en hoe ze zich gedragen.
Uniforme integraties
Integreer je tech stack en benut de voordelen van een microservice-based aanpak. Magnolia is eenvoudig te verbinden met e-commerce, DAM, marketing automatisering, analyse en optimalisatie-tools via een uniform integratie framework op basis van microservices en een uniforme UI.
Voorbeelden in de praktijk
DEPT® ondersteunt uiteenlopende bedrijven met de succesvolle toepassing van Magnolia. Onze volgende praktijkvoorbeelden laten zien hoe Magnolia zorgt voor optimale digitale ervaringen in het experience-tijdperk:
Goudsmit Magnetics
DEPT® zette Magnolia in voor Goudsmit Magnetics, een internationale producent van magneetsystemen. Digitale transformatie is hier zeer belangrijk voor de lange termijn en Goudsmit definieerde samen met DEPT® een nieuwe digitale strategie. Op basis van Magnolia en Commercetools realiseerde DEPT® vervolgens een nieuw online platform.
Ampleon
De technologisch hoogstaande producten die Ampleon aanbiedt vormen hun core-content. Ampleon zocht een CMS-partner die niet alleen snel reageert op vragen en wijzigingen, maar ook CMS-extensies op een vlekkeloze manier implementeert en in staat is advies te leveren om zo de beste functionaliteiten te creëren. Magnolia is hiervoor de perfecte match.
Direktbank
Het Internationale Direktbank uit Utrecht zocht een manier om haar gebruikers een naadloze gebruikerservaring te bieden tussen de website en het online banking-system. We integreerden Magnolia met het low coding-platform Mendix. Zo kunnen niet-technische redacteuren eenvoudig Mendix-blokken integreren op pagina’s.
Onze klanten
We value a great working relationship with our clients. It’s why many of them have worked with us for years as their trusted partner.
Onze aanpak
Praat met ons over Magnolia
Java Developer, Technology NL