Modernizing a critical healthcare app with microservices and intelligent UX design

Baxter case study image

Baxter’s rich history of delivering transformational medical technology has not wavered due to its commitment to continuous innovation. Codal is honored to partner with an organization that helps medical professionals provide superior care to patients in the most critical of environments.

Healthcare

Founded in 1931, Baxter offers a wide range of technology solutions that empower healthcare professionals to provide smarter, more personalized care. The multinational company has a long history of creating transformative medical devices, which millions of patients and
healthcare personnel depend on every day.

The Project

With a typical hospital customer using up to 20 CRRT devices, there is potential for a significant amount of data to be uploaded to the cloud for analysis. 

As part of its commitment to superior customer service, Baxter wants to ensure its sales representatives are armed with this data to help customers monitor the performance of their devices. This includes checking that the devices are functioning properly, reviewing if hospital staff are using the devices correctly, considering ways to optimize the use of the devices, and watching for signs of degradation over time. 

Frustrations around poorly visualized data shared via printouts encouraged the company to pursue an iPad application for its sales reps. This app would incorporate data points present in the previous printed reports, along with additional KPIs.

Codal’s challenge was to create a system for extracting this high volume of data from the cloud, analyzing it to provide necessary feedback, and packaging it in an attractive and user-friendly mobile app—which the Baxter’s sales reps could utilize to have more impactful conversations with customers. These conversations ultimately lead to more effective approaches to treatment in the most critical of hospital environments.

The Challenge

Codal spent months learning the ins and outs of Baxter’s legacy system for collecting, storing, and analyzing data from CRRT devices. 

Working in close collaboration with the company’s internal subject matter experts, our team determined the most relevant key performance indicators (KPIs) for data analysis. With each CRRT device consistently reporting tens of thousands of data points, it was essential to determine set metrics to be drawn from that data to provide the best possible understanding of how a CRRT machine was functioning. 

This collaborative process was crucial because it provided us with a firm grasp on how CRRT data could be categorized and streamlined to provide a holistic picture of each individual devices’ performance.

Codal conducted extensive interviews with business stakeholders and different types of users. Our UX team visited hospitals in Cincinnati, OH and Louisville, KY to connect with physicians, nurses, and other hospital staff—with the goal of understanding how users interacted with the existing data reports, how they used them to improve the effectiveness of CRRT devices, and what they were looking for in a new platform that would make their jobs easier. These in-person interviews provided valuable perspective on what’s important in the day-to-day grind of these medical professionals. 

Discovery

Once KPIs were determined, Codal began setting up a robust, scalable microservices backend to manage the data. 

Amazon Web Services (AWS) Lambda provided a fast, cost-effective platform to handle the significant amounts of data coming from the CRRT machines. Our team used AWS Relational Database Service (RDS), Redshift, and Elastic MapReduce (EMR) to store and analyze the data and calculate the determined KPIs with high accuracy. 

Additionally, we used Realm.io to enable the analyzed data to be accessed in the application offline—an essential feature for sales representatives when visiting clients with unreliable network connectivity. 

Codal also worked alongside the company’s internal IT department to integrate the app with other critical systems. For example, Baxter’s internal user directory was connected, ensuring that employees could easily gain access to the app, using Okta as an authentication layer.

Our UX team set out to establish a superior information architecture for the app. After creating a sitemap to layout the screen hierarchy, we mocked up some high-fidelity wireframes. Designed to help craft a fast and intuitive experience for users, these wireframes were iterated via feedback from the internal team. 

Codal incorporated some data charts from Highcharts, but the complexity of the KPIs called for many of the charts to be designed from scratch, in order to provide the right level of visualization. Once we had wireframe approval from the client, our UI team got started implementing key design elements to create a truly aesthetically pleasing mobile app. Finally, we effectively incorporated the company’s colors, fonts, and branding elements to ensure a consistent and intelligent UX.

Development

After combining a powerful, scalable backend for extensive data storage and analysis with a smooth and engaging front-end user experience (UX), Codal delivered a superior mobile application for the Baxter team. 

This application was showcased at the 2021 AWS re:Invent conference in Las Vegas, where representatives from Baxter were invited to speak about digital innovations in the healthcare space. 

With the ability to transfer massive amounts of data into easily digestible reports, the app represents a powerful tool for the company’s sales representatives. Reps can compare the CRRT data of multiple hospitals, understand just how well an individual customer’s devices are functioning, and provide suggestions and feedback to help a hospital get the most from its CRRT devices. 

With localized instances for sales reps and customers around the world, as well as the offline capability to ensure connectivity when visiting customers with spotty or non-existent network coverage, this mobile app is an invaluable tool for strengthening customer relationships and ensuring Baxter’s technology is making a positive difference in hospitals every day.

Ultimately, Codal delivered a mobile app that helps hospitals better understand their AKI treatment programs and improve operational performance in the ICU. This in turn lowers the cost of therapy and decreases treatment downtime, as well as ensures that patients are receiving the safest treatment possible, and that hospital and ICU teams are adequately trained. 

Baxter’s rich history of delivering transformational medical technology has not wavered due to its commitment to continuous innovation. Codal is committed to helping improve the healthcare industry with cutting-edge digital technology, and we’re honored to partner with an organization that helps medical professionals provide superior care to patients in the most critical of environments.

The Result

Modernizing a critical healthcare app with microservices and intelligent UX design.

Microservices Healthcare App Case Study | Baxter

Baxter

Building a platform to help teachers manage their workday.

Tappy case study image

Education

The importance of a quality educator cannot be overstated. 88% of people believe that their teachers had a significant impact on their life. Meanwhile, the average teacher currently works 400 hours of overtime each year. 

Unfortunately, today’s educators are overworked, underpaid, and ultimately not receiving the resources they need to do their job successfully. This is leading to high burnout and turnover rates in schools, as well as a general lack of interest in teaching as a profession. Now, companies like Tappy are stepping in to help solve this crisis. 

In January of 2022, Codal teamed up with Tappy to help digitally transform the education space.

There are many different types of teachers—and some are more organized, or more proficient in certain areas, than others. When designing this platform, the first task was understanding exactly who would be using it. Who are our target users? What are their biggest challenges? Which administrative duties take the most amount of time? What tools do they currently use to streamline their daily workload?  

We also needed to understand what competing products were already available on the market. By analyzing similar platforms, we could learn from their UX and UI, identify strengths and weaknesses, then leverage those findings to design a superior product. 

From there, we needed to put together a roadmap to success, then execute that plan while remaining on time and within budget. 

In the Discovery stage, our team conducted interviews with stakeholders—that is, members of the Tappy team—to gain a full understanding of their aspirations, requirements, and initial concerns regarding the platform. 

We also conducted user interviews, which meant chatting with different types of teachers to continue gathering and prioritizing project requirements. Since Tappy is a company made up of former educators, we were able to gain a lot of insight through our stakeholder and user interviews. 

With this information, on top of our external market research findings, we were able to put together a comprehensive list of features and functionalities.

__The first phase__ focused on designing, developing, testing, and launching the platform’s most viable product (MVP): lesson planning. For this, our team created a UX and UI to facilitate the following workloads: 

- Creating lesson plans from scratch or a template. 
- Establishing learning objectives for each lesson plan.
- Accessing previous lesson plans, making changes to them, and comparing them against others in the system. 
- Organizing lesson plans via an intuitive scheduling tool with different views to choose from, such as a calendar or list. 

__The second phase__ focused on building out features that would help users execute their lesson plans in real time. This included:

- Accessing lesson materials such as worksheets, quizzes, assessments, and so on. 
- Starting the lesson by pressing “Play” or otherwise putting it in “Presentation” mode.
- Monitoring the pace of a lesson and setting reminders to ensure the classroom stays on schedule. 
- Reviewing lesson instructions to help better explain instructions to students.
- Viewing a class roster with every student’s name and contact information.

__The third phase__ focused on student enablement. We designed the platform to support, and ultimately streamline: 

- Grading tests and homework assignments.
- Administering student self-assessments. 
- Receiving real-time reports on student progress. 
- Taking anecdotal notes for individual students.
- Predicting a student’s future progress based on data algorithms. 
- Setting specific goals and learning objectives for individual students. 

__The final phase__ focused on peer collaboration. This meant creating UI elements to facilitate:

- Scheduling meetings and workshops with other teachers in the user’s district.
- Sharing notes, lesson plans, and curriculums with other users on the platform.
- Requesting feedback from peers via a beacon button.
- Conversing with other users through an intuitive discussion board.

Codal partnered with Tappy to build a fast, responsive, and user-friendly platform that helps educators stay organized, collaborate with their peers, and provide the most valuable experience possible for their students. 

Our team is still working with Tappy to help maintain and support the platform. This involves making regular UX and UI updates, preventing bugs and other issues before they occur, and identifying opportunities for improvement—based on user behavior and feedback, along with new industry trends and technologies. 

Codal is proud to work with companies like Tappy to help modernize the education space—and ultimately make the world a better place—via cutting-edge digital solutions. 

Building a Platform That Helps Teachers Case Study | Tappy

Wordpress logo

Wordpress

Tappy

Helping businesses maximize the value of their data through an innovative platform.

Marketing Attribution case study image

Marketing Technology

Marketing Attribution offers a suite of tools to track customer journeys, website interactions, internal expenses, ROI, and other marketing performance metrics—helping businesses to better predict and forecast sales numbers. Marketing Attribution approached Codal to build a user experience (UX) for its platform from scratch.

The Marketing Attribution platform needed a seamless and engaging UX and UI, where massive amounts of data could be translated into digestible, actionable insights for customers.

Codal collaborated closely with the Marketing Attribution team to understand the legacy platform’s biggest pain points and improvement opportunities. In addition to understanding existing user flows and processes, our team conducted in-depth market research to better understand client needs and expectations, as well as how Marketing Attribution could potentially differentiate itself from the competition.

After a deep dive into the Marketing Attributions platform and its users, our UX designers began mapping out the best way to translate massive amounts of data into a straightforward and visually appealing format. 

This began with an intensive information architecture stage, where we decided on a modular design approach—using intuitive dashboards to keep tasks, graphs, and charts neatly organized and easily accessible. Feature prioritization revealed a need for marketers to customize these dashboards to fit their specific business objectives. 

After cementing the platform’s information architecture, Codal began mapping out user flows, charting the client’s journey from onboarding to task completion.

Our UI designers created menu, table, chart and button styles that would ultimately give the platform its unique look and feel. We also created a stylesheet to help guide future designers on the platform’s colors, fonts, gradients, and so on. 

Finally, while primarily a desktop experience, our design team made sure that the platform was both mobile- and tablet-responsive.

Marketing Attribution helps businesses achieve their sales and marketing goals by providing a smart, user-friendly data analytics platform—which was designed, developed, tested, and launched by Codal. Our team knows how to maximize the value of data from various sources via cutting-edge tools, and we’re proud to help organizations achieve this through our partnership with Marketing Attribution.

Innovative Data Analytics Platform Case Study | Marketing Attribution

Marketing Attribution

Establishing a superior online presence for an innovative brand in the mobile banking space.

MANTL case study image

By implementing MANTL’s self-service platform into their onboarding process, banks can not only improve the customer experience, but also cut costs and increase operational efficiency. 

Financial Technology

In the winter of 2021, MANTL came to Codal in need of a UX redesign. With its legacy website, the brand was struggling to generate leads, keep users engaged, and meet its conversion rate goals. 

With over a decade of experience designing, developing, testing, and deploying websites and applications in the financial services space, Codal was a perfect fit for this project—and our team was eager to get started. 

MANTL was experiencing low conversions and high bounce rates on its website. Most users were not advancing beyond the homepage, requesting product demos, or interacting with the site’s blogs and other content. 

Our mission was to improve these metrics with modern UX design, driven by data and cutting-edge technology. 

At the time, the MANTL platform was just designed to streamline business-account openings. So adding the new consumer-focused product played a big role in the company’s rebranding and UX redesign. 

Now that MANTL offered an onboarding solution to banks for both individual and commercial customers, the brand’s website needed to reflect that. When potential customers visited the site, it was imperative that they could quickly and easily: 

- Understand the high-level features and functionality included in the consumer-account and/or the business-account opening product. 
- Learn about the platform’s key benefits, like the fact that it can increase account application submissions by 4x. 
- View case studies to see real-life examples of how MANTL has helped banks enhance their customer experience. 
- Request a product demo from anywhere on the site. 

Once our team was aligned with the MANTL team on goals, requirements, timeline, and budget, we were ready to kick off the project. 

In the initial Discovery phase, we learned the ins and outs of the MANTL brand, as well as its current sales and marketing processes, customer base, and competitors. This involved conducting market research, analyzing website data, and reviewing the business’ front- and back-end technologies. 

During our Discovery, we found that 60% of users who landed on the homepage would leave without any sort of interaction. This meant that the homepage and navigation bar needed to be updated with a smoother, more engaging user flow. 

We also found that over 20 news articles had been published about MANTL in the past year, but that these articles were only available on the About Us page. What other people say about a brand is arguably more important to potential customers than what the brand has to say about itself—so we decided to promote news content by giving it its own section on the homepage. 

On the product side of things, we needed to reestablish MANTL as a multi-service provider that focuses on both business and consumers as the end user. This would involve building a new product page for the consumer platform, as well as redesigning the homepage to include quick facts and statistics about both products. 

The lack of CTAs was another issue that needed to be addressed. To improve conversions, it was essential that users could—at any point in their journey—click the “Request a Demo” button, fill out a basic contact sheet, and be connected with a sales representative. 

Finally, the website needed a responsive design, so that users could access it via smartphones, tablets, and other devices—without experiencing issues like stressful design layouts or slow page loading times.  

Codal and MANTL met once a week over Zoom to go over designs, demo new website features, and address any potential risks or opportunities moving forward. Our team was in constant communication with MANTL’s stakeholders, SMEs, and marketing personnel to collect feedback on our designs, and ensure that all project requirements were being met. 

Codal elevated MANTL’s online presence by redesigning critical aspects of the UX, including the site’s homepage, product pages, careers page, blog, contact forms, and case studies. 

Specifically, these are some of the key features and functionalities our team designed, developed, tested, and deployed to enhance MANTL’s front-end experience: 

- Components across the site that allow future additions of content whilst remaining on brand.
- Locked case studies that site visitors can download by providing their contact information, which helps generate leads for the sales team. This also helps optimize follow-up emails to prospects, as the salesperson can formulate their messaging based on the specific case study that was requested.
- A new resource library that includes copy and media for a range of audiences—with the added benefit of locking particular materials, then delivering them to visitors that have submitted interest.
- An internal landing page builder to help the sales team create tailored landing pages for events and unique marketing campaigns, without going off brand.
- A careers portal integration with Greenhouse’s recruiting software, so users can view and apply for jobs without having to leave the MANTL site. 
- An enhanced sales funnel that integrates with Marketo’s marketing automation software. The site can now remember if a visitor has already provided their contact information, so they don’t get asked to provide it again, and can continue accessing unlocked materials.

MANTL’s updated website now performs better in search engines, experiences stronger user engagement, and converts more site visitors into leads for the sales team. 

We’re incredibly proud of what our team was able to accomplish on this project, and we’re excited to see how MANTL continues to grow and innovate in the world of online banking. 

Establishing a superior online presence for an innovative brand in the mobile banking space

Innovative Brand in the Mobile Banking Space Case Study | MANTL

MANTL

Establishing an engaging UI text persona through extensive user research & testing.

Samsung case study image

Electronics

Codal partnered with Samsung to establish an effective UI text strategy, recommend changes, and define best practices for a superior user experience across its mobile footprint for the North American market. A long-time proponent of user testing, Codal helped Samsung’s stakeholders see its value and embrace it as a vital step in enhancing the user experience.

As part of its value proposition, Samsung strives to provide a streamlined, intuitive mobile user experience. Seeking to provide a consistent and inclusive experience for all users, Samsung is committed to ensuring its mobile UX helps users quickly navigate through tasks and focus on what really matters to them. 

An essential component of this accessible UX is a clear and concise UI text strategy. Samsung is a large company that innovates at an extremely fast pace. As Samsung continues to unveil new, cutting-edge features and applications for its mobile devices, it’s crucial that the text within these features and applications is governed by an effective strategy. Ultimately, this strategy ensures consistency across all text in Samsung releases and serves to reinforce Samsung’s unique brand persona and value proposition. 

Codal’s mission was to build a strong UI text strategy with a user-friendly messaging structure for Samsung mobile devices and applications. In a multi-phased approach, Codal set out to analyze Samsung’s UI text, compare it to its competitors, and outline a high-level strategy—including a new persona, voice, and tone for Samsung text. Then, Codal aimed to provide a set of actionable recommendations to existing Samsung mobile content, backed by extensive user testing.

Codal began by undertaking a content audit of Samsung’s mobile devices, as well as those of its competitors Apple, Google, and Huawei. Our team analyzed nearly 250 individual screens per device. Reviewing the tone, voice, diction, and structure of the text on each of these screens, we ascertained and articulated each brand’s unique UI text strategy. Using adjectives such as “detached,” “thorough,” “casual,” and “poorly expressive,” Codal’s content analysis detailed the positives and negatives of each device’s UX text.

This audit was crucial to understanding the nature of Samsung’s UI text in its current state, as well as how it stacks up to the competition. But more context was needed to truly grasp Samsung's brand persona, how the text is conveying it, and what improvements can be made to it.

Codal conducted brand-consumer research to extract a solid impression of how Samsung and its competitors are viewed in the marketplace. Pulling data from two of the largest market research providers in the U.S.—Resonate and comScore—our team gained valuable customer insights for each brand. 

Our team determined that while Samsung's existing UI text was helpful, friendly, and approachable, it was also neutral and lacked an engaging disposition. Our objective was to revamp and modernize Samsung’s mobile UI text, making it bolder, more confident, and empowering. 

Phase two of the engagement saw Codal undertaking extensive user testing to determine how to best make improvements. With the goal of evolving Samsung’s UI text to be more engaging and accurately reflect its brand persona, our team targeted UI text improvement opportunities within multiple touchpoints and applications on its mobile devices.

To gain perspective and understand direct user data, we developed a user testing strategy with three distinct rounds of qualitative testing. Codal worked with a premier Chicago-based research firm to recruit participants and create a secure remote testing environment that allowed users to participate in sessions from the safety of their own home.

Finally, round three of testing saw participants engage with these revamped screens through an unmoderated, web-based environment. This round of testing served to validate changes made after the round-two analysis and helped our team receive necessary clarity on specific phrasing and word choices. 

After completing the user testing phase, Codal had a bevy of recommendations on how to improve Samsung’s UX text to more effectively reflect its unique brand persona. While participants responded positively overall to the existing Samsung context, Codal identified overarching themes that should be addressed to create a better user experience.

Based on our research and validation through testing, Codal recommended specific text changes and content principles in order to increase user experience comprehension, while creating a more consistent and engaging persona. These principles were intended to govern all UI text on Samsung’s mobile devices, ensuring consistency, and reinforcing the brand’s unique persona. 

Samsung needed a clear and concise UI text strategy to ensure an effective mobile UX for its cutting-edge devices. Partnering with Codal helped Samsung understand its value in relation to its competitors, and how this can inform its unique persona. Then, through comprehensive user testing, Codal ascertained issues with Samsung’s existing content and supplied tried and tested solutions to these based on key strategic principles. 

The result was a UI text strategy rooted in Samsung’s unique brand persona that helps the company provide a streamlined user experience for its mobile devices. Codal and Samsung, in close partnership, evolved the company’s mobile UX to be more engaging, accessible, and modern.

User Research & Testing Case Study | Samsung

Comscore

Resonate

Samsung

Helping an innovative pet food brand launch its first eCommerce website.

Nulo case study image

Nulo products are available in 5,000+ retail stores across North America, Forbes named it one of the “Top 25 Most Innovative US Brands” in 2016, and it boasts an impressive group of brand ambassadors—including professional athletes and well-known Olympians like Michael Phelps and Tara Lipinski.

Retail/eCommerce

While Nulo had found significant success in retail, it had not yet launched its eCommerce presence. Nulo needed a trusted development partner to architect and stand up an eCommerce site that would match the quality of its pet food products. 

Codal has extensive experience helping brands launch modern, cutting-edge eCommerce solutions without throwing a wrench in their operations. Our task was to help Nulo launch a transformational eCommerce site that would expand its digital footprint and increase revenue without a hitch.

Nulo needed to bring its customer experience online with a modern eCommerce website. 

Due to its scalability, reliability, and sophisticated app integration capabilities, Nulo chose to build its online store on the Shopify Plus platform. As a certified Shopify Plus partner, Codal is extremely familiar with the ins and outs of one the most capable cloud-based eCommerce platforms—and was therefore well-positioned to stand up Nulo’s first eCommerce site. 

Bringing to the table in-depth knowledge and experience around Shopify Plus implementations, Codal collaborated closely with Nulo stakeholders to fully understand the key goals and requirements for this new eCommerce site.

Working from 70+ designs provided by another agency partnered with Nulo, Codal developers got to work architecting its Shopify Plus site. 

Our team worked to tailor Nulo’s selected theme while building custom-designed pages from scratch. We also implemented an intelligent user interface (UI) to ensure easy site navigation for customers. Once developed, the site was pushed to a staging environment for initial testing, configuration, and migration. 

Nulo was operating an existing website built on the Contentful content management system (CMS). Data from this site—as well as many other different systems—needed to be migrated to its new eCommerce site. Codal engineers mapped out an extensive data migration process that ensured all relevant data was seamlessly transferred over to Nulo’s new Shopify Plus site. 

Among the features and functionality that our team implemented for Nulo’s eCommerce site was a complex product locator. Implemented using Destini, a leading product locator solution, the feature allows customers to easily find Nulo products available at retailers near them.

Representing its first foray into the world of eCommerce, Nulo’s Shopify Plus website is built for long-term success. 

Thanks to its flexibility and extensive integration capabilities, Shopify Plus was the perfect platform on which to build Nulo’s eCommerce business. Codal’s expert designers and engineers were able to identify exactly how to tailor the Shopify Plus platform to Nulo’s business goals. 

Thanks to our extensive experience in the space, Codal was able to help Nulo launch its first eCommerce site in under 10 weeks.

Pet Food Brand eCommerce Website Case Study | Nulo

Shopify Logo

Shopify

Nulo

Redesigning the website for an innovative brewery and restaurant in Chicago.

Moody Tongue case study image

Hospitality

Codal teamed up with Moody Tongue to revamp its online presence, designing a website that effectively tells the brand’s story and showcases its locally brewed culinary beers.

Looking to strengthen brand awareness, while providing customers with insight into its process and product line, Moody Tongue’s redesigned website had to be clean and elegant, and embody the company’s ethos.

Before Codal got to work planning, architecting, and designing Moody Tongue’s revamped website, we conducted a series of collaborative ideation sessions with the client and its employees. 

Brainstorming with the Moody Tongue team, we generated novel approaches to some of the project’s main design challenges, and even ideated what would become some of the site’s most distinctive features—like an interactive way for users to learn about the flavor profiles, ingredients, and pairings of Moody Tongue’s wide selection of beers. 

Moody Tongue’s redesigned website had to project an aura of elegance and refinement, encouraging users to explore its offerings, learn about Moody Tongue’s story and process, and discover upcoming events, products, and tastings. 

To execute this aesthetic, our UX team took a minimalist approach to the experience design process, while still prioritizing the principles of user-centric design above all other concerns. We were able to deconstruct the end user’s needs and expectations into smaller pieces, making it easier to reduce both the amount and complexity of pages.

Avoiding common extraneous elements like traditional hero sections, an overabundance of interactivity, tall footers, and unnecessary sidebars, our designers dedicated more screen real estate to the product—putting Moody Tongue’s culinary beers front and center.

Codal redesigned the site’s homepage, press page, about page, and product pages with simple layouts that convey the Moody Tongue essence. Our team also streamlined the process of purchasing merchandise—such as hats and t-shirts—from the company’s site, which involved deploying a new shopping cart, checkout, and order confirmation page. 

Moody Tongue continues to provide a unique and delicious culinary beer experience for foodies and beer-drinkers alike. After partnering with Codal, the brand has a website that’s as smooth, engaging, and aesthetically pleasing as its brewery and restaurant in Chicago.

Website Redesign Case Study | Moody Tongue

Moody Tongue

Designing a custom eCommerce solution for a wholesale retailer.

M&M Merchandisers case study image

M&M Merchandisers chose Codal as its design and development partner because it needed a full-stack eCommerce solution that would both enhance the customer experience and streamline product management. The businesses also needed an agency that could integrate its preferred eCommerce platform, Shopify, with its entire technological infrastructure—especially its ERP system.

M&M Merchandisers was in need of a revamped eCommerce experience. On the front end, the online store was experiencing low customer engagement and sales. And on the back end, legacy tools were producing inefficient workflows and high costs. To drive revenue and improve business scalability for M&M, Codal needed to modernize its front- and back-end systems with superior tools and integrations.

Codal kicked the partnership off with a technical audit of M&M Merchandisers’ entire technology stack, from its eCommerce platform, to its ERP system, and everything in between. Through stakeholder interviews, market research, and data analysis, our team was able to create a roadmap to success—which focused on building out integrations between critical business applications and developing custom features and functionality for the eCommerce store.

To architect a truly holistic solution for M&M Merchandisers, Codal’s Shopify experts conducted a theme analysis of the eCommerce platform’s vast library of templates, eventually passing the perfect one on to our design team for customization. 

Our designers customized the website’s UX and UI, based on the learned goals and expectations of M&M’s target audience. The main focus here—given the wide range of available products on the site—was making the process of locating and purchasing items as fast and user-friendly as possible.

For the new site, we built out features and functionality that would enable new and existing customers to: 

- Create a profile and log in.
- Track the status of orders.
- Receive pricing quotes.
- Read product reviews and ratings.
- See the quantity of available products.
- Search for items by brand, UPC, SKU, VPN, and other filters.
- View multiple images for one product and be able to zoom in on those images. 
- Access a live chat feature for customer support.
- Share purchases on social media accounts with a single click.

In addition to a more customized online shopping experience, Codal needed to streamline M&M’s back-office processes to save time, money, and energy—and ultimately provide more value to customers. Our team integrated the business’ ERP system with Shopify Plus to enable:

- Automated inventory feeds from the ERP to the site.
- Automated order downloads from the site to the ERP.
- Automated shipping rate updates from UPS and LTL.
- Simple uploading of new product information and images.
- Dynamic pricing based on contract and customer type.

On the sales and marketing side of things, we implemented custom features and plugins for recovering abandoned carts, displaying upsell and cross-sell opportunities during checkout, sharing blogs and other helpful content, and processing refunds. 

Codal’s partnership with M&M Merchandisers resulted in a fast, intelligent, and effortless eCommerce experience for both customers and employees. 

New and existing customers can enter the site, find what they’re looking for, and checkout with little to no assistance from a sales representative, while employees can automate repetitive, time-consuming tasks—such as updating product information and inventory data—and therefore utilize business resources more efficiently. 

Our front- and back-end modernization work for this project has given M&M Merchandisers the foundation it needs to succeed in the rapidly growing wholesale eCommerce space.

Custom eCommerce Solution Case Study | M&M Merchandisers

M&M Merchandisers

Developing a transformative workflow management solution for corporate legal teams

Proxy Case Study Image

After initially building a minimum viable product (MVP) for Proxy, Codal worked to transform it into a complex, enterprise-grade solution over multiple ongoing releases. Understanding the complexities of legal project management and the unique needs of corporate legal teams, Codal designed and architected a transformative solution.

Legal

NMBL Technologies partnered with Codal to design and develop Proxy, a comprehensive workflow management tool for the legal space. Founded in 2018 by attorneys and tech specialists, NMBL seeks to boost productivity in the legal space for in-house lawyers by building software that streamlines workflows and facilitates effective collaboration. 

As a design and development agency committed to delivering pixel-perfect solutions for real business challenges, Codal was a perfect fit to build and launch this cutting-edge legal workflow management tool. 

After initially building a minimum viable product (MVP) for Proxy, our team worked to transform it into a complex, enterprise-grade solution over multiple ongoing releases. Understanding the complexities of legal project management and the unique needs of corporate legal teams, we set out to build a transformative solution. 

With a three-tier organizational structure between projects, workflows, and tasks, the solution needed to empower in-house lawyers to assign, delegate, and prioritize items, as well as directly document management capabilities. 

Codal began with an initial Discovery phase, where we collaborated with Proxy stakeholders to solidify goals and requirements. 

Working through sketches and potential user flows gave our UX design team a foundational understanding of the application’s usability. Codal designers then worked to create a modular platform with interconnectivity mapped out at an architectural level. From this, the team created a fully standardized and documented design system, which they applied to wireframes, producing user interface designs for our engineers to reference. 

This design system was developed in accordance with Proxy’s mission statement and company values. It provided a roadmap for successfully implementing Proxy’s brand guidelines, as well as its key visual elements—such as the logo, typography, iconography, data visualizations, and more. This system was also crucial in establishing a consistent look and feel for Proxy, and informing an intuitive and aesthetically pleasing user journey.

Codal’s engineering team worked on an Agile timeline alongside designers, quality assurance analysts, and the Proxy team to bring this product to life. Creating an effective legal workflow management tool required implementing several essential features and functionality. 

The application’s tiered approach to organizational architecture—including projects, workflows, and tasks—as well the sensitive nature of legal projects and initiatives, meant that a number of provisions needed to be built in. These included a robust document management system, with the ability to assign permissions to specific groups or individuals within an organization. 

In addition to features related to navigating the solution itself, the Codal team built in a user-friendly service request and legal intake platform, allowing users to submit service requests directly to legal teams via email or from the Proxy application. 

Additionally, Codal built the application to be successfully hosted on different server instances, including a multi-tenant or secure private cloud. Proxy can be installed on on-premise systems, or in a dedicated cloud-server environment—for companies with a large number of users, or those wary of sharing cloud space with other Proxy customers.

As with any application handling large amounts of legal documentation, security and privacy were top of mind. At the server level, Proxy uses 256 AES encryption for all data at rest, and implements end-to-end encryption from browser to server. When it comes to customers using a multi-tenant cloud instance, all documents and data are compartmentalized and never interact with the data of other customers. Proxy was built using Privacy by Design concepts, meaning the authentication, access controls, permissions and roles, and other security measures apply to all features and functions within the application.

Codal—working in close collaboration with the legal experts at NMBL—delivered a top-notch legal workflow management solution. 

Elegantly designed and developed with an impressive set of features, Proxy is a comprehensive solution for corporate legal teams looking to get things done faster and more efficiently. And with flexible deployment options, firms seeking a traditional on-premise solution, or those looking for a Software-as-a-Service (Saas) approach, can get up and running in a short period of time. 

Proxy represents one of the most all-inclusive project management solutions in the burgeoning legal tech space. The tool helps companies handle anything from small, ad hoc requests to full-scale projects via a fast, intuitive user interface. With extensive organization and delegation functionality, in-house counsel can easily manage workloads, assign tasks, and monitor progress. 

See how Codal designed and developed a transformative workflow management solution for corporate legal teams.

Workflow Management Solution Development Case Study | Proxy

angular

Angular

python

Python

Proxy

Streamlining the path-to-purchase for exercise equipment, apparel, and accessories

Mark Bell Sling Shot Case Study Image

MBSS was selling innovative products with compelling branding on a premier eCommerce platform. It just needed a little help to deliver a truly cutting-edge commerce experience and drive conversions. That’s where Codal stepped in.

Bell developed the original Sling Shot in 2008 to train his chest while recovering from a torn pectoral muscle. Officially launched in 2010, the Sling Shot quickly became a key piece of equipment for gym rats and fitness newbies alike. Since then, MBSS has grown into a successful eCommerce business, launching additional pieces of equipment—like the popular Hip Circle—while also becoming a popular lifestyle brand. 

As MBSS continued to grow, stakeholders recognized its eCommerce website needed some work. While it was operating on the popular Shopify Plus platform, the site’s user experience (UX) was lacking. Enter Codal. Our team was proud to partner with an innovative brand like MBSS to help refine and improve its eCommerce presence.

While MBSS offers truly inventive fitness products, its eCommerce site was cumbersome and difficult to navigate—so its paths-to-purchase and overall shopping experience needed to be streamlined. Plus, the MBSS site was seeing almost six times as many mobile users as desktop users, yet lacked a truly mobile-first design. 

MBSS was employing the robust Shopify Plus platform, but it wasn’t taking full advantage of the platform’s best-in-class tools to deliver a seamless and engaging online shopping experience. MBSS had innovative products, compelling branding, and the power of a premier eCommerce platform. It just needed help delivering a cutting-edge experience that would drive customer engagement, conversions, and sales.

Codal began by conducting a full-scale eCommerce audit of MBSS’ website. Analyzing everything from the site’s homepage, to its product categorization, to the checkout process, our team determined key areas for improvement to help streamline the customer journey. 

By putting the entire site under a microscope, then comparing it to fitness eCommerce industry standards, trends, and best practices, we were able to identify key areas where MBSS could improve how customers engage with and move through the site. 

Based on the eCommerce audit, our team isolated multiple improvements. A key principle became making it as easy as possible for customers to access the products that are most relevant to their wants, needs, and interests. This could be achieved through several modifications, such as implementing more thematic paths to products and category pages, and making search and filtering more robust to allow for more users to easily access products and content.

Codal executed these changes by migrating the MBSS site to Shopify Plus’ Impulse theme, which offers key functionality that improves site navigability. This includes the ability to display menu lists on the site’s homepage, create collection sub-listings, and create custom filters and tags to help customers easily browse for and locate products. The Impulse theme also provided a perfect foundation for Codal to implement custom designs. 

In addition to these UX improvements, Codal helped MBSS implement key plugins to improve its marketing efforts, including Shogun, Yotpo, and Klaviyo. Our team also launched an international version of the MBSS site—complete with automatic currency exchange and translation functionality—to cater to users outside of North America, and ultimately extend the brand’s international reach. 

Codal’s optimization of MBSS’ online store resulted in a more seamless and engaging eCommerce presence that drives engagement, conversions, and sales. 

Thanks to some crucial UX changes—namely those specific to the Shopify Plus Impulse theme—MBSS’ eCommerce site delivers a superior online shopping experience worthy of its quality fitness and lifestyle products. 

In a testament to Codal’s status as a trusted MBSS partner, Codal continues working on the site, optimizing and building out new features and functionality to enhance the customer experience across devices.

See how Codal lead Mark Bell Sling Shot through a brand evolution with superior eCommerce user experience (UX).

eCommerce User Experience Case Study | Mark Bell Sling Shot

Yotpo logo

Yotpo

Klaviyo logo

Klaviyo

Shogun logo

Shogun

Mark Bell Sling Shot

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

Mahlkonig Case Study Image

The real challenge wasn’t the sheer amount of products, but rather designing a simple, user-friendly way a customer could navigate the catalog, without getting lost in a sea of part numbers and similar-looking components.

800+

4.21%

$219.42

As a leading coffee grinder manufacturer with an international market, Mahlkönig needed a strong digital presence in the US. Looking to launch a destination where Mahlkönig’s stateside customers could order replacement parts, access product manuals, and purchase accessories, Mahlkönig tapped Codal to build and launch a user-friendly eCommerce site on Shopify Plus.

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.

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. 

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 embodied both the Mahlkönig brand and offered an easy-to-use, effortlessly navigable customer experience. We look forward to future work with Mahlkönig’s US-based eCommerce site.

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

Shopify eCommerce Website Case Study | Mahlkönig

Liquide

Liquid

Mahlkönig

Going headless for an international outdoor retailer

Gore Case Study Image

As a trusted partner to GOREWEAR, Codal’s task was to design and develop a responsive, agile eCommerce ecosystem that is able to respond to customer feedback and deliver a superior all-around shopping experience.

GOREWEAR needed a modern eCommerce solution to bring its global online retail operations under one roof. Codal was proud to help this outdoor gear brand revamp its online shopping experience, reach more customers internationally, and streamline internal workflows by migrating to headless commerce architecture. 

Traditionally, GOREWEAR had contracted much of its eCommerce operations to a costly, inefficient third-party provider, resulting in workflow bottlenecks that contributed to an overall lack of business scalability. Updates to online stores were slow to implement, product time-to-market was constantly impeded, and order fulfillment had a lengthy turnaround time. 

GOREWEAR sought to bring all of its eCommerce operations in-house to deliver a superior customer experience, while also streamlining internal processes and procedures. The company wanted two of its sister brands, VIEV and SITKA Gear, under its singular eCommerce umbrella as well. 

As a trusted partner to GOREWEAR, Codal’s task was to design and develop a responsive, agile eCommerce ecosystem—able to effectively respond to market trends, customer feedback, and data, and deliver a faster, smarter online shopping experience.

The first step in this project was to complete a full Discovery. Here, the Codal team gained an understanding of GOREWEAR’s current eCommerce ecosystem, from its various tools and processes, to the strengths and weaknesses therein. 

Codal worked in close collaboration with the GOREWEAR team to understand the business logic, workflows, procedural tasks, required input/ output information, and solutions necessary for the eCommerce site. 

Our team identified, defined, and documented all existing and proposed features and functionality for the site, while determining all relevant third-party plugins for each feature. Based on information gathered during this Discovery process, Codal created the technological roadmap to deliver a transformative eCommerce solution that would bring GOREWEAR into the next generation of online retail.

Codal determined that the best approach for GOREWEAR was to implement a headless eCommerce architecture. In a headless approach, the front-end presentation layer of an online store is decoupled from its back end. 

By separating these two elements, GOREWEAR can isolate traditional commerce tasks like product and order management from customer-facing, front-end content. Because its eCommerce data is not specifically tied to a single front end, it can be replicated across multiple different sites—including all of GOREWEAR’s global sites, as well as its sister brands VIEV and SITKA Gear.

Our team architected GOREWEAR’s new eCommerce solution using BigCommerce. Providing a powerful back-end commerce engine to support the brand’s numerous global sites, BigCommerce was the perfect platform on which to design an innovative online shopping experience designed to scale. 

We implemented Contentful as a content and channel management solution, allowing GOREWEAR to easily publish and localize content according to the needs of its individual eCommerce sites. With Contentful, it’s easy for the marketing team to manage all of its content—including promotions—across multiple storefronts, while keeping them all connected to a centralized commerce back end. 

Next, Codal incorporated Vercel into the GOREWEAR ecosystem, helping current and future in-house developers quickly and intuitively deploy new front-end features and functionality. Vercel is the ideal framework for headless setups because front-end teams can deploy instantly, scale automatically, and easily launch personalized content around the world. 

Our team also incorporated a number of third-party plugins to ensure a streamlined front- and back-end experience. These included Salsify for product information management, Klaviyo for email marketing, Yotpo for customer reviews, Avalara for automated tax compliance, and Adyen for payment processing.

Codal delivered a headless eCommerce solution to help GOREWEAR grow its international presence, scale internal operations, and consistently deliver a superior customer experience in the current and future retail landscape. 

This project is a solid example of why so many retailers consider headless architecture to be the future of eCommerce. With key functionality like multi-language and multi-currency support, along with the ability to rapidly deploy new content and user experiences across channels, this modern approach enables GOREWEAR—and its sister brands—to be more nimble and responsive to ever-evolving industry trends and customer behavior.

Working with our extensive set of eCommerce technology partners, including the robust BigCommerce platform, Codal successfully crafted a cutting-edge headless eCommerce solution for GOREWEAR that will enable long-term, sustainable growth for its family of brands.

How Codal helped GOREWEAR go headless for an integrated eCommerce ecosystem.

Headless eCommerce Case Study | GOREWEAR

BigCommerce-logomark-whitebg

BigCommerce

Contentful logo

Contentful

Vercel logo

Vercel

Salsify logo

Salsify

Avalara logo

Avalara

Adyen logo

Adyen

GOREWEAR

Building a modern eCommerce store for a legendary gift retailer

Garrett Popcorn Case Study Image

Codal was proud to partner with such a legendary Chicago institution to deliver a cutting-edge, intelligent eCommerce solution built to scale and Garrett continues to grow its brand globally.

To bring its in-store shopping experience online and extend its reach internationally, Garrett Popcorn needed a modern online storefront. Codal was honored to partner with such a legendary Chicago brand to launch a truly transformative eCommerce solution.

Prior to partnering with Codal, Garrett Popcorn had an outdated eCommerce website, operating on the legacy InsiteCommerce platform. This platform presented efficiency and scalability issues, with its inflexible admin portal, and a general inability to manage site content in a timely manner. Significant time and effort was required from the in-house development team whenever a front-end update was needed.

Garrett needed to migrate to a more robust eCommerce platform that would allow front-end developers to make essential changes, without being stopped or slowed down by technical limitations. The specialty retailer also wanted to ensure its new online store had a superior UX and UI design—one that would establish a real emotional connection with customers, and ultimately promote higher engagement, conversions, and sales. 

Garrett needed a true design partner to craft an intelligent, user-friendly, and aesthetically pleasing online storefront that mirrors the unique in-person shopping experience. Codal’s task was multifaceted: Deliver an engaging, immersive eCommerce journey that caters to the unique needs of Garrett’s customers, while also incorporating extensive admin functionality to ensure that the internal team can efficiently manage and update the site as needed. 

With the lofty goal of bringing a cherished Chicago brand into the next generation of eCommerce, our team got to work.

The Codal team began by conducting an on-site discovery session with Garrett stakeholders in Chicago. Over the course of a week, Codal worked in close collaboration with the Garrett team on requirements gathering. Through numerous activities and discussions, the Codal team came to understand the current state of Garrett’s eCommerce business, including its product catalog, fulfillment strategy, branding guidelines, content strategy, and more. The Codal team also worked with Garrett stakeholders to understand ideal user journeys and sales channels to understand how to streamline paths to purchase.

The information gathered from this intensive discovery phase helped the Codal team craft its project plan. After assembling the user journeys, ecosystem map, and the current site map, the Codal team had a comprehensive understanding of all work required to launch Garrett’s new eCommerce site. The Codal team delivered a proposed system architecture, as well as an extensive project plan encompassing all design and development work. Then, it was time to get to work.

The Process

We kicked things off by conducting an on-site Discovery session with Garrett Popcorn’s stakeholders in Chicago. Over the course of a week, Codal worked in close collaboration with the Garrett team to define project goals and requirements. Through numerous activities and discussions, our team came to understand the current state of Garrett’s eCommerce business, including its product catalog, fulfillment strategy, branding guidelines, content strategy, and technology stack. 

The data, research, and insights gleaned from Discovery guided our team’s roadmap to success. After assembling the user journeys, ecosystem map, and current site map, Codal and Garrett shared a comprehensive understanding of all the work that was required to launch this new eCommerce site. We delivered a proposed system architecture, as well as an extensive project plan encompassing all design and development work. Now, it was time to start building. 

Codal’s UX design team had three goals in mind when creating Garrett Popcorn’s new eCommerce experience: 

- To support and guide Garrett’s customers.
- To inspire site visitors to purchase.
- To effectively convey Garrett’s unique brand story and messaging. 

These goals were top of mind during the entire design process. The site’s UX needed to accommodate user navigation and browsing patterns, helping visitors to quickly and easily understand Garrett’s product offerings and variants—including different popcorn recipes, tin sizes, and tin designs.     
It was also imperative that the site gave users insight into the diversity of Garrett’s product catalog, with its wide range of flavors and combinations. Lastly, the site needed to convey Garrett’s most important brand attributes: A freshly-made, high-quality product; a customer-centric, Chicago-focused persona; and a unique, indulgent shopping experience.

To ensure these goals were met in the final product, Codal conducted extensive user research, which provided valuable context and perspective, allowing our team to implement useful, simplified, and productive design solutions. 

Some features of the site—like the ‘Build Your Own Tin’ feature—presented significant business limitations that had to inform UX design. With tin combinations limited by Garrett’s cooking process and expenses, our design team had to come up with an intuitive and friendly way for communicating to customers why certain popcorn combinations cannot be purchased.

To accommodate all of Garrett Popcorn’s new and existing functional requirements, Codal determined that migrating its eCommerce store to the BigCommerce platform was the best step forward. BigCommerce’s extensive native functionality and flexibility provided the perfect foundation to build Garrett’s new eCommerce site. 

A historic brand with unique and delicious products, Garrett Popcorn is one of the most sought after gifting retailers. Codal was proud to partner with such a legendary brand to deliver a cutting-edge, intelligent eCommerce solution that’s built to scale.

Garrett continues to grow its brand globally. With an intuitive, customer-focused user experience and first-rate functionality, Garrett’s new eCommerce site brings the brand into the 21st century. Taking advantage of the flexible and reliable BigCommerce platform, as well as Codal’s custom development capabilities, Garrett launched an eCommerce solution that really pops.

How Codal built a modern eCommerce site for a legendary gift retailer.

eCommerce UX Case Study | Garrett Popcorn

Stencil Logo

Stencil

Garrett Popcorn

Launching an online B2B sales portal for a specialty retailer’s wholesale clients

DEMDACO Case Study Image

Codal successfully delivered an intuitive and easy-to-navigate B2B portal catered specifically to DEMDACO’s wholesale customers.

DEMDACO needed to implement an intuitive and efficient B2B sales portal, tailored to the goals and requirements of its wholesale clients. Leveraging the BigCommerce platform, Codal built a portal that’s customizable and easily maintained, helping DEMDACO provide a B2B experience that drives client engagement and sales.

After initially partnering with Codal to optimize and maintain its eCommerce site, it became clear that a separate portal was necessary to meet the unique needs of DEMDACO’s wholesale clients. While B2B clients were successfully ordering from DEMDACO’s singular eCommerce site, there was no functionality for these buyers to monitor their orders, track shipments, pay invoices, and more. As a result, wholesalers were following up on this information with DEMDACO reps outside of the eCommerce site, resulting in significant manual customer support work and a frustrating buyer experience.

Our first step was to understand the path to purchase for DEMDACO’s B2B clients. We conducted an in-depth audit of the typical buyer journey, from the customer’s first visit, to the checkout process. By dissecting DEMDACO’s conversion funnel, we were better prepared to implement an intuitive B2B portal. 

After our design team completed its analysis of DEMDACO’s user flow, we worked together to define all required pages—architecting the navigational structure, and organizing the layout and presentation of content. The messaging on DEMDACO’s existing B2C site was geared towards traditional consumers, and needed to be adapted for wholesale clients.

With DEMDACO providing initial designs and documentation, it was Codal’s job to implement the B2B portal’s front end. Our engineering team’s depth of knowledge and experience was extremely beneficial here, as we were able to work confidently within Stencil—BigCommerce’s design framework—as well as PHP, HTML, and Node.js. 

Codal and DEMDACO were true partners throughout the development process. The client’s in-house IT team provided APIs, while our team provided technical consulting, code improvements, and successful implementation—which was especially crucial when integrating the new B2B portal with DEMDACO’s complex ERP system. 

Once a breakdown of necessary features and functionalities were identified and mapped, integrations with the BigCommerce platform were required. Codal built, tested, and deployed enterprise integrations for: 

- Product comparisons
- Product recommendations
- Shopping feeds
- Order modifications
- UPS access points
- Preorders
- Gift card management 
- Product filter and sorting 
- Search
- A/B testing
- Product reviews

DEMDACO’s B2B client portal—easily accessible from its main eCommerce site—offers a UX and UI that’s tailored to wholesale clients. 

The portal is a central hub for wholesale buyers to monitor orders, track shipments, and review account balances. Clients can pay invoices within the portal and add credits to payments. The B2B portal also includes provisions for high-volume and frequent ordering, like the ability to search for items by SKU, and a ‘quick-order’ function for convenient and time-saving reordering. The portal also includes custom content geared towards B2B users, like buying guides, retailer success kits, and relevant contact information for territory managers. 

As a result of a great working relationship and a shared vision, Codal successfully delivered an intuitive and engaging B2B sales portal—allowing DEMDACO to extend its excellent online shopping experience to one of its most important customer bases.

See how Codal launched an eCommerce portal for B2B customers for DEMDACO.

B2B eCommerce Portal Case Study | DEMDACO

Node JS logo

Node JS

DEMDACO

Launching a website to help educate people on the efforts to cure epilepsy

CURE Case Study Image

Non-profit

$60+

220+

Codal worked to reconfigure CURE’s tech stack, migrating its CMS from Drupal to a more efficient, user-friendly content manager built on WordPress.