Zahlenwerk

View live

Who they are? 

Zahlenwerk has been a service-oriented specialist in payroll accounting,  financial accounting, and accounts management. They have been reliable and a responsible partner for over 30 years.

What was my role in the project?

I was in charge of web development and collaborated with two colleagues.

What was the challenge?

The challenge was to develop a web design created by an external company. Our objective was to achieve pixel-perfect web development, which required more attention to detail and the inclusion of some specific functionalities and animations.

What was my solution?

Analyze the web design and define the implementation strategy.Create the website from scratch with Elementor's Hello theme since this is lightweight. According to our analysis, the site could be built entirely from scratch only with Elementor widgets, slider revolution, and adding CSS for specific customizations that were impossible with this page builder.

We embarked on the development process with a thorough understanding of the project's requirements and a clear strategy in place:

Phase 1

Define the time estimation for website development, considering the complexity of each section of each page and device.

Phase 2

Preparation of the WordPress environment (installation of the theme, Divi, and plugin required) and configuration of the site's global elements

Phase 3

Implement the main desktop, tablet, and mobile Home page with basic animations and transitions.

Phase 4

Implement three service pages for desktop, tablet, and mobile, including the primary animations and transitions. This phase also involved developing new testimonial sliders with Slider Revolution for all devices.

Phase 5

Development of Referenzen and Partner pages for desktop, tablet, and mobile. We added the CSS customizations

Phase 6

Development of 6 pages from "Über uns" for all devices. Also, the development of the Karriere, Kontakt, Imprint - Data protection - Data protection applicants, and LkSG pages.

Phase 7

During this phase, we also conducted QA for responsiveness, Google Analytics, navigation, and functionality and integrated the cookie tool.

Client review, feedback, input, and implementation of minor changes.

What did I deliver?

A responsive website with informative sections, basic animations and transitions, and sections with distinctive functionalities such as: Animated full-screen sentence slider

We provided pixel-perfect web development based on the presented design. Following the design's guidelines, we completed the entire website development. We created template sections and global elements and optimized images and vectors for web use. We also ensured responsive desktop, tablet, and mobile adaptation and addressed bugs. Additionally, we guided updating content (images and text).

With my new knowledge, what would I improve for future projects similar to this one?

If the client is looking for better code cleanup results and better SEO positioning, I suggest using Webflow, as it provides a high-quality solution for these two points.

Featured Projects

4u@work

Web development

Agency: 01 Digital Age GmbH

Case StudyLive Preview

Digital Loge

Web development

Agency: 01 Digital Age GmbH

Case StudyLive Preview

bestSolutions

Web development

Agency: 01 Digital Age GmbH

Case StudyLive Preview

Zahlenwerk

Web development

Agency: 01 Digital Age GmbH

Case StudyLive Preview

Let's work together!

Let's start working together. You can drop me a mail, or fill the form. I’ll get back to you within 24 hours.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.