Fischer

Website - Concept & Development
Autohaus Fischer is an independent company that specialises in a very personal and personalised car service.
Details
Client:
Autohaus Fischer
Platform:
Website
Role:
Prototyping, UX Design, Development
Challenge
Autohaus Fischer wanted a website that would make all the important information about its service easily accessible at all times and, in particular, promote the ease of making appointments.
Approach
We created a clear information structure supported by a minimal and restrained design approach. In order to ensure design consistency even in retrospect and still allow the client to adapt the content, we opted for a jamstack solution.

Sitemap

1920-1280--Fischer--Sitemap.jpg

We started by creating the sitemap to directly identify what content should be bundled and how to make it as easily accessible as possible. This leads to a better understanding of the goals and purposes of the website.

Wireframing

1920-1280--Fischer--Wireframes.jpg

We then created wireframes to define possible information architectures that determined where the content should be placed and how the different pages interrelate.

Component creation

1920-1280--Fischer--Components.jpg

To ensure visual consistency and speed up the subsequent programming of the website, we created a firmly defined collection of components from which the final designs were then compiled.

Coding

1920-1280--Fischer--Code.jpg

After completing the screen designs, we built the website's underlying design system, consisting of the individual design tokens and components. The technical implementation is based on the React framework nextjs in combination with the headless cms from strapi and the Framer Motion Library.

Learning

1920-1280--Fischer-Screen-Mobile.jpg

The association of many open soucre libraries in the implementation of such a project has shown us again and again how positive the development in this direction has been in recent years. It shows what added value can be achieved together instead of working in isolation.