Mock up of the "Abimanufaktur Application"

case study

10.06.2024

Editorial system for Abimanufaktur GmbH

Abimanufaktur Logo (Client of typedigital)

Since April 2022, we have been supporting Abimanufaktur GmbH in developing smart software to digitize and simplify the content creation and layout process for Abitur yearbooks. With our digital solution, graduating students can plan and design their yearbook individually and conveniently.

consulting
strategy
UX/UI
frontend
backend

Services

<p>The development of Abimanufaktur GmbH's digital content management system requires <strong>interdisciplinary expertise</strong> and <strong>close collaboration</strong>. The collaboration included the following aspects:</p> <ul> <li>Product definition workshop</li> <li>Consultancy</li> <li>Strategy</li> <li>UI/UX</li> <li>Frontend &amp; backend development</li> </ul>
Relaxed workshop atmosphere in the typedigital office. 3
<h2>Project overview</h2> <p><a href="https://www.abimanufaktur.de/" target="_blank" rel="noopener">Abimanufaktur GmbH</a> is a young company based in Augsburg, offering an easy way for creating and printing Abitur yearbooks for graduating students.</p> <p data-start="420" data-end="693">Since April 2022, we have been supporting the company in <strong style="font-weight: bold; color: red;">developing a smart software solution to digitize and simplify the content creation and layout process</strong>. With our digital solution, graduating students can conveniently and individually plan and design their yearbooks.</p> <p>Since April 2022, we have been supporting the company in the development of smart software to digitalise and simplify the content creation and layout process. With our digital solution, the Abitur students can plan and design their Abitur yearbooks individually and conveniently.</p> <h2>Our role</h2> <p>The project was an <strong style="font-weight: bold; color: red;">end-to-end project</strong> in which we redeveloped a digital product for the target market. This service requires the work of our <strong style="font-weight: bold; color: red;">interdisciplinary team</strong> consisting of designers, developers and project managers and includes</p> <ul> <li>strategic consulting</li> <li>Workshop to define the most viable product</li> <li>Creation and testing of design prototypes</li> <li>Software development based on the latest web technologies</li> <li>Continued maintenance and product improvement after market launch</li> </ul> <p><img src="https://typedig.uber.space/assets/fee66dfb-1dce-41d7-8c75-fd62035e9f44?width=1920&amp;height=1440" alt="Typedigital Zunder Foto 20230628 35"><br><em>In a strategy workshop, we collect important information that serves as the basis for the development of the MVP - minimum viable product.<br><br></em></p> <h2>Problem</h2> <p>The young company did not have an adequate solution to digitise and simplify the content creation and layout process for Abitur yearbooks and therefore decided to develop a digital product.</p> <p>Previously, <a href="https://www.abimanufaktur.de/" target="_self">Abimanufaktur GmbH</a> relied on a third-party app. However, due to its limited functions, this was no longer up to date and only scalable to a limited extent: processes were too cumbersome and the provider no longer met Abimanufaktur's requirements. In particular, the user experience and data export for layout programmes were unsatisfactory. In order to remain competitive, Abimanufaktur therefore needed a <strong style="font-weight: bold; color: red;">customised and scalable software solution</strong>.</p> <p>It also had a limited budget. Our brief was therefore to <strong style="font-weight: bold; color: red;">develop a digital product with given resources</strong> that would enable both an <strong style="font-weight: bold; color: red;">optimal user experience</strong> for all user types and <strong style="font-weight: bold; color: red;">scalability</strong> of Abimanufaktur's services.</p> <p>In concrete terms, this meant creating a <strong style="font-weight: bold; color: red;">visually appealing, user-friendly and optimally functioning web app</strong> with limited possibilities, which is also perfect for use in marketing to attract new customers.</p> <h2>Solution</h2> <p>Our service covered the entire process. We supported Abimanufaktur <strong style="font-weight: bold; color: red;">from the initial idea to the software launch and beyond</strong>. Due to limited resources, we developed a strategy to make the process lean and efficient. The process can be divided into the following phases:</p> <ul> <li>MVP definition</li> <li>Design phase</li> <li>Development of the product</li> <li>Product launch</li> <li>Maintenance &amp; enhancement.</li> </ul> <p><em><img src="https://typedig.uber.space/assets/96eb8e42-b777-4eb4-902a-7f8a562c830f?width=3823&amp;height=1299" alt="Zeichenfl&auml;che 21@2x 100"><br><a href="https://www.abimanufaktur.de/" target="_blank" rel="noopener">Abimanufaktur GmbH</a> needed an end-to-end solution. We divide this type of project into different phases.<br></em></p> <h2>MVP definition</h2> <p>In a workshop, we gathered knowledge about the target group and created personas, on the basis of which we developed the <strong style="font-weight: bold; color: red;">user story mapping</strong>.&nbsp;</p> <p>User story maps help agile teams to define which user flows and features the software must contain. They make it possible to <strong style="font-weight: bold; color: red;">prioritise functions</strong> in order to align and control iterative product development.</p> <p>In addition, we analysed competing products to find out what we could do better in order to develop the result, a <strong style="font-weight: bold; color: red;">top notch web app</strong>.</p> <h2>Development of the product</h2> <p>We work according to the agile Scrum method. This enables us to react flexibly to unforeseen situations and to iteratively apply the knowledge gained during the development process: In this case, the first hosting provider went up in price, so we had to take evasive action, as our goal was still to develop a <strong style="font-weight: bold; color: red;">high-quality product within the given financial framework</strong>.</p> <p>In terms of the technologies used, we utilised microservices in Go. This ensures high cloud performance when exporting print data. We also used Next.js as a React framework and an integrated backend.</p> <p>We used individual modules or building blocks from existing design systems, which we <strong style="font-weight: bold; color: red;">customised</strong> and <strong style="font-weight: bold; color: red;">expanded to meet our needs</strong>. This has the advantage that we were able to build on something instead of reinventing the wheel.</p> <p>It is important to us that customer are involved in the project at all times. For this reason, we had weekly sync meetings throughout the entire design and development process.</p> <h2>Result</h2> <p>The new editorial system has <strong style="font-weight: bold; color: red;">excellent usability</strong> and is tailored precisely to the requirements of <a href="https://www.abimanufaktur.de/" target="_blank" rel="noopener">Abimanufaktur GmbH</a>.&nbsp;</p> <p>The product was <strong style="font-weight: bold; color: red;">optimised for the target group</strong>, as the students have the opportunity to design the structure of the Abizeitung themselves by adding chapter headings and content types such as personal pages, rankings or collections of quotations. Deadlines can also be defined so that each participant knows by when everything has to be completed.</p> <p>In terms of the user interface, the software includes <strong style="font-weight: bold; color: red;">brand-specific elements</strong> such as the company&rsquo;s logo and color scheme. In addition, the company has access to <strong style="font-weight: bold; color: red;">more features than with the third-party solution</strong>. Data collected from the app can easily be sent to users as a PDF. Abimanufaktur&rsquo;s graphic designers can independently export XML files, perfectly structured for working in Adobe InDesign. The registration process is also simpler: class representatives can share a link via WhatsApp with their classmates and add them directly to their group. In numbers, this means: just two months after the app&rsquo;s launch, the company had already generated over <strong style="font-weight: bold; color: red;">200 users</strong> from 20 graduating classes. By the end of 2023, the company projects around <strong style="font-weight: bold; color: red;">20,000 additional registered users</strong> from 200 classes in the app.</p> <h2>Our goal</h2> <p>We achieved our goal of <strong style="font-weight: bold; color: red;">developing an optimised product despite the limited financial framework</strong>: The company now has a top-notch software solution and can save an estimated 4,000 working hours per year and <strong style="font-weight: bold; color: red;">around &euro;10,000</strong> in licence costs per year thanks to the new editing system. By improving the export of data and the resulting increase in efficiency, further savings amount to around &euro;40,000 - &euro;60,000 in layout costs.</p> <p>The app is an important foundation for the future of Abimanufaktur and is built in such a way that it can <strong style="font-weight: bold; color: red;">grow and continuously improve in line with the company's requirements</strong>.</p> <h2>Your digital product</h2> <p>Would you like to bring your digital ideas to life? Then we invite you to develop an <strong style="font-weight: bold; color: red;">innovative digital product</strong> with us. Our team of experts can't wait to hear about your vision!</p>

Testimonial

Abimanufaktur´s testimony about us

<p><span data-sheets-root="1" data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;\&quot;Thanks to the help of typedigital, we have developed an app,\nthat is specifically tailored to the needs of our customers,\nof our clients, the high school graduates.\nand makes the creation of an Abi newspaper a breeze.\&quot;&quot;}" data-sheets-userformat="{&quot;2&quot;:2947,&quot;3&quot;:{&quot;1&quot;:0},&quot;4&quot;:{&quot;1&quot;:2,&quot;2&quot;:16370588},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0}}">Thanks to the help of typedigital, we have developed an app,<br>that is specifically tailored to the needs of our customers,<br>of our clients, the high school graduates.<br>and makes the creation of an Abi yearbook a breeze.</span></p>
A Quotation mark
icon of a man

Paul Schöttler

CEO of Abimanufaktur

Learn agile Management

That´s how we support your business

Our services

Icon Usability Analysis

Strategy consulting

The right strategy is the foundation of a sustainable success of your digital product. Benefit from our experience to remain innovative and competitive in the long term.

Icon App Development

Software development

Whether it’s an app, software, or web application: we create digital products that excite and deliver results. With our expertise, you’ll bring your digital product to market efficiently and successfully.

Icon MVP Definition

Digital product design

The success of your project stands and falls with the ability to fulfil real user needs and expectations. Together, we put your target group centre stage.

Casestudy

Additional projects we have completed with our clients.

Casual profile picture of Andreas Kottre