Codal Logo


    Building a user-friendly online store for an international coffee grinder manufacturer.

    Mahlkönig coffee grinder

    Mahlkönig coffee grinders are praised by baristas around the world for their premium engineering, which produces a superior tasting coffee while also optimizing behind-the-bar tasks.

    Services & Technology

    Mahlkönig website desktop
    Barista making coffee
    Mahlkönig website mobile

    The Result



    Increase in Conversion Rate



    Increase in Average Order Value

    Mahlkönig website desktop
    Mahlkönig website mobile
    Coffee plant
    The Challenge
    Ensuring smooth navigation among a product catalog with 800+ SKUs
    Though Mahlkönig’s US-based eCommerce store doesn’t sell its signature grinders, it does sell an exhaustive selection of different parts and components for all of Mahlkönig’s main offerings—over 800 SKUs in total.
    The real challenge wasn’t the sheer amount of products, but rather designing a fast, user-friendly way for customers to navigate the catalog, without getting lost in a sea of part numbers and similar-looking components. Codal’s goal was to deliver an engaging customer experience that allows for seamless product navigation and acts as a knowledge center for product support and maintenance.
    Mahlkönig website desktop
    Mapping out the new US-based buyer experience
    Our team kicked things off with a Discovery phase, where we dove deep into Mahlkönig’s existing eCommerce storefront, looking at how customers move from one point to the next. After interviewing stakeholders, performing tests, and analyzing historical data, Codal had enough insider knowledge and technical expertise to start building out a new user experience—one that would promote higher engagement, conversions, and sales among Mahlkönig’s American customer base.
    Mahlkönig website mobile
    Creating custom product search functionality from scratch
    Codal’s UX design team began by sketching sitemaps, determining the optimal way to balance a large, highly technical product catalog alongside an in-depth knowledge center that included how-to manuals, technical specs, and FAQs. Eventually, we settled on prioritizing product navigation by including several different user flows for finding the correct part.
    In addition to a ‘Filter by Model’ function on the product listing page (PLP), our designers created a separate ‘Shop Parts By Model’ module, which acts as a wizard for customers looking for a specific part to their coffee grinder.
    After architecting the site, we conducted a theme analysis, examining Shopify’s library of templates and determining the best fit for Mahlkönig. The Shopify Plus theme needed to meet both the functional and aesthetic requirements of the site, while adhering to the structure Codal planned earlier in the design phase. After selecting a Shopify Plus theme, our developers got to work customizing it to Mahlkönig’s exact specifications.
    On top of standard customization work—aligning the theme with Mahlkönig’s brand conventions, for instance—our engineers built some of the store’s features entirely from scratch, including the aforementioned ‘Shop Parts By Model’ feature.
    Additional custom development was required for the knowledge center as well: The third-party plugin chosen for the knowledge center module didn’t support images and PDFs, both of which Mahlkönig needed. And to append Shopify’s product-tagging feature, Codal created custom tags for each component, so that users could easily see which parts were compatible with which grinders.
    In the end, our team built product pages for over 800 SKUs, boosted the site’s conversion rate to 4.21%, and increased average order value (AOV) to $219.42.
    Codal delivered an online store that embodies both the Mahlkönig brand and offers an easy-to-use, effortlessly navigable customer experience. We look forward to future work with Mahlkönig’s US-based eCommerce site.

    Up next

    Woman browsing Regimen Pro website