Company Website

Business Problem

nunu-web is a team of two web app developers who complement perfectly with their skills. When we started with nunu-web we decided to implement a very simple, quick & dirty solution of a website in order to rethink and redesign it later as soon as we have some time left. As we talked to several prospects we have found that they do not perceive us as a team of two but two individual freelancers. It was time to change that.

Furthermore it was very time consuming to update content on our website and our pdf profiles.

Business Solution

First of all, we had to shift the focus of our website from two individual freelancers to nunu-web as a whole. Therefore we removed the individual profiles from our website and designed a new webpage structure that represents primarily nunu-web and it's projects with a hint to who worked on these projects.

In order to add and edit the content for our website and profiles simply we decided to use a headless CMS (content management system). It holds one common data set for the website and profiles. This way we no longer have to edit our website and profile PDFs individually.

As we don't hesitate to work with English speaking companies we also decided to ship our website and profiles in German as well as in English.

Last but not least the contact possibilities need to get redesigned. In the future a prospect has two contact options

• if we are free for contracting, there is a contact form, or
• if not, there is a hint to subscribe for an "availability" newsletter.

In both cases you get to know, when we are free for contracting.

Technical Solution

SanityIO was used as our headless CMS. Sanity is a very lightweight and customizable CMS in which we store data about e.g. projects and authors in German and English. This way we have the possibility to store all data easily in one place and use it for the website and profile PDFs.

For the frontend we used NextJS with static side generation that is built on ReactJS because it gives us

• the look & feel of a web app,
• the performance of a static website and
• advantages in SEO (search engine optimization).

The UI/UX design is made with Figma and implemented/generated with TailwindCSS.

Every page is generated dynamically by the data fetched from Sanity. We also implemented meta-, opengraph and jsonld-tags for every page to optimize SEO and preview cards. When you open the website without a path the preferred browser language is used. You can also switch between languages in the header bar.

Our profile PDFs are now generated dynamically from HTML with the data from Sanity.

Still to come:

Prospects are currently able to contact us on our website by booking an appointment via Calendly. While Calendly is a super handy tool, we get too many messages - not only from real persons. The new approach provides a contact page that renders (depending on project end dates from Sanity) a contact or a (free for contracting) newsletter signup form.

We worked with Scrum.