Digitale Woche Kiel
- KiWi – Kieler Wirtschaftsförderung
- Digitale Woche Kiel – Digital festival
The Kiel Digital Festival
The "Digitale Woche Kiel" - DiWo for short - is a digital festival organized by the Kiel Economic Development Agency, which takes place annually in Kiel.
Through a winning pitch, we were commissioned to overhaul the website, which had grown over the years, and to reposition it structurally, technically and in terms of design.
- Analysis
- Concept
- Web design
- UI/UX design
- Hosting & maintenance
- Web development
- Consulting
- Software development
- Projekt management
- Laravel
- Vue.js
- Nuxt.js
- Typescript
- Strapi CMS
- Tailwind CSS
- REST-Api
Mobile First Approach
Mobile-First is a design strategy that aims to put the mobile user experience at the forefront. By implementing this approach, we have achieved numerous benefits that help optimize the website.
By focusing on mobile user experience, we have been able to ensure that our application is user-friendly and works optimally on all devices. This leads to a better user experience and increases customer satisfaction. Additionally, for example, we have achieved fast loading times by optimizing file size and resources. This ensures a smooth user experience especially on mobile devices with poor network connection. Also, by optimizing the website for mobile devices, better ranking in search results can be achieved.
Strapi Headless CMS
One of the client requirements was to implement a popular and widely used content management system, our choice was Strapi.
Strapi allows to deliver content to multiple channels as it is a headless CMS that separates the presentation layer from content management. The Strapi platform is based on Node.js and offers a scalable architecture, so the system can be easily scaled horizontally or vertically. Strapi's user interface is simple yet powerful, making it easy to create, edit, and publish content without requiring technical expertise.
The open source platform, good integration with existing technologies and frameworks, and comprehensive security architecture were other criteria for our selection.
Nuxt.js / Vue.js Frontend
Nuxt.js is a framework for developing Vue.js-based frontends. Nuxt.js is based on the conventional Vue.js ordering structure and provides an easy way to organize our files in a clear and intuitive folder structure. This makes the code easier to read and enables efficient development. Nuxt.js enables efficient development and maintenance by providing many useful features and tools to make our work easier.
Server Side Rendering (SSR): Nuxt.js also provides the option of server-side rendering, which allows us to achieve better search engine optimization (SEO). In addition, the initial rendering of the page is done from the server, which results in faster loading times, ensuring a better user experience.
Darkmode
In keeping with the digital theme, we have elaborated the design in a light and a dark mode to provide users with customization options and increase comfort.
A darkmode in user interface design has several advantages. First, it is easier on the eyes, as a dark background causes less glare, reducing eye strain. In addition, a darkmode can also be more energy efficient, especially for devices with OLED displays, as dark pixels consume less energy than bright ones. Thus, using a darkmode can also help extend the battery life of mobile devices.