Frankfurter Kaffeerösterei

Providing fresh coffee aroma using traditional drum roasting in Frankfurt

THE PROJECT

Pedro setup a meeting with me to redesign their coffee shop to give a modern look like their competitors did. He was very keen to speed optimization, selective plugins, fonts selection and colors. The website was to redesign on WordPress but should look as modern as Shopify. They didn’t want to lose any data of their customers they gather over past few years. The also wanted to work in their staging environment without the data leaving their server.

THE CONTRIBUTION

Web design on Figma
Customized theme development
Advanced e-commerce integration
Dynamic content management system
Enhanced search functionality
WooCommerce Email customization
Data protection
Custom single-product pages
Advanced custom fields integration
Advanced filtration system

About Frankfurter Kaffeerösterei

Fresh coffee aroma, traditional drum roasting, a pronounced awareness of quality and attention to detail – character traits that have always been in harmony with the Frankfurt coffee roastery. At the heart of our coffee offer is the artisanal art of coffee blending, where we skilfully combine different types of coffee to create harmonious and extraordinary aromas.

Highlights

Customized design

We started from scratch. We could not take anything from previous web design except products and the logo design. We started creating design in Figma, different variations, different combinations. What should be on home page, what should not be on home page. With many iterations in the first week, we locked our designing path and designed rest of the pages using Figma.

Custom features - custom templates

By introducing multiple features into the new shop, we had to look further from the bundled features of WooCommerce. We added advanced custom fields, and custom taxonomies to better categorize the products, and add features into it. We used the power of Elementor dynamic content feature to create templates and displayed the custom data on single product and archive pages.

Email customization

WooCommerce template emails can often be perceived as dull and uninspiring. Recognizing this, we took the initiative to revamp our email templates. Leveraging the capabilities of YayMail, an email customizer plugin, we crafted new email templates specifically designed for WooCommerce. These templates boast increased width, enhanced responsiveness on mobile devices, and most importantly, a more engaging and readable format.

THE COOPERATION

Pedro Perpétuo

Graphic Designer

Verified

It was a good experience. Usman and his team did a good job. The redesign of the WooCommerce shop and switch to Elementor was complex and did demand a lot from the team. thanks for following my request down to the last detail. Looking forward to picking up the project later, as it is not published yet.

Technologies in practice

WordPress

WordPress was the obvious choice for them as they already had a running store there. We cleaned the staging website from some of the previous data to gain performance.

WooCommerce

WooCommerce was already being used with German Market to server German customers. We used the same plugin but enhanced the functionality with ACF, custom taxonomies, and Yith filter for shop and search pages.

Elementor

They wanted to use Kadence with Gutenberg, but Gutenberg is not there and needs advanced level customization to reach designs and functionality needed. We went with Hello theme and Elementor as a page builder.

A LOOK AT THE PROJECT

START A PROJECT

WhatsApp