Arnold's Fruit Market

Arnold's has supplied fresh fruit and vegetables to the people of the Albury Wodonga region since 1892.

Next.jsFramework
PrismicCMS
MyFoodLinkE-Commerce

Tom McCulloch

Read Time: 3 min

Arnoldsonline.com.au is designed to be a robust and user-friendly platform that seamlessly integrates content management and e-commerce. The primary technologies used in this project are:

  • Next.js: For building a flexible and scalable frontend.
  • Prismic: For managing content efficiently.
  • MyFoodLink: For handling e-commerce functionalities on a separate subdomain (shop.arnoldsonline.com.au).

Key Features

Custom Frontend Solution

We developed a custom frontend solution using Next.js and Prismic, which ties into the shop.arnoldsonline.com.au e-commerce platform managed by MyFoodLink. This approach ensures a seamless shopping experience for users.

Specials Displayed on Homepage

One of the significant challenges was displaying specials from MyFoodLink on the homepage. Since MyFoodLink does not offer any APIs, we implemented a scraping technique to obtain this information from the specials page. This ensures that users always see the latest deals and promotions directly on the homepage.

Family History Display

Another challenge was effectively showcasing the family’s history. We integrated a dedicated section on the website that highlights the rich history and legacy of the Arnold family, providing users with an engaging narrative about the brand.

Custom Frontend Solution

Scraping Specials Page

To provide the latest specials on the homepage, we used a scraping technique to extract information from the MyFoodLink specials page. This approach ensures that the homepage is always up-to-date with the latest deals and promotions.

Search Bar Integration

The search functionality on the website is linked to the MyFoodLink site. When users enter a search term, it gets injected into the shop.arnoldsonline.com.au URL, redirecting users to the relevant search results on the MyFoodLink platform.

Family History Integration

We created a dedicated section to display the Arnold family’s history, ensuring that users can easily learn about the brand’s legacy. This section includes a detailed narrative, along with photos and significant milestones in the family’s journey.

Marketing and Analytics

Email Marketing Integration

We integrated a robust email marketing solution to manage and optimise marketing efforts. This tool allows for personalised email campaigns and better audience engagement, helping to connect with the audience more effectively.

Analytics for Insights

To track user behaviour and gather insights, we integrated a comprehensive analytics tool into the website. This tool provides detailed reports on user interactions, helping to inform future improvements and marketing strategies.

Challenges and Solutions

Scalability and Performance

Ensuring the website could handle a growing user base and increasing content was a top priority. Next.js's scalability, combined with optimised hosting solutions, ensures that the site performs well under load and remains fast and responsive.

Seamless Integration

Integrating multiple platforms (Next.js, Prismic, MyFoodLink) required careful planning and execution. By leveraging custom solutions and scraping techniques, we achieved a seamless integration that provides a cohesive user experience.

Conclusion

The development of Arnoldsonline.com.au showcases the power of modern web technologies and the benefits of a custom frontend solution. By combining Next.js, Prismic, and MyFoodLink, we created a scalable, high-performance website that meets the unique needs of the Arnold family’s brand. The custom specials display, family history integration, marketing solutions, and analytics capabilities further enhance the platform, providing a comprehensive solution for Arnold’s online presence. This project not only supports the current needs but also sets the foundation for future growth and innovation.