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
What we built
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 on Upwork
“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.”
Stack
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.
- Industries
- Food
- Technologies
- WordPress
- Hosting providers
- Hetzner
- Plugins
- Advanced Custom FieldsElementor Page BuilderGerman MarketNinjaFirewall (WP+)Sendcloud | Smart Shipping ServiceSuper Product Variation SwatchesUpdraftPlus - Backup/RestoreWooCommerceWP STAGING PRO - Backup Duplicator & MigrationYaySMTP - Simple WP SMTP Mail
- Themes
- Hello Elementor
- Builders
- Elementor
A look at the project
Start a project
Get in touch and let’s discuss your business case
A reply from the team within one working day, usually a short call and then a fixed quote.
Next case study
Dash & Pinch
