713-489-0845
(02)-9191-2621
(0)-203-514-2412
Developing an interactive content-based website for an organic food brand
Developing an interactive content-based website for an organic food brand
Overview
Farm-Fresh is a subsidiary brand of GMG that wanted a content-based website to sell and educate people about the goodness of healthy farm foods. With this UX case study, we want to show you how we can create a content-based platform around food products.
Farm Fresh is a food website specializing in nutritious and wholesome food for the family. Their product ranges from chicken breasts to organic eggs and other condiments that ensure a delicious meal for you.
As a subsidiary brand of GMG, Farm Fresh focuses on two major features on their website—product and education. The clients needed a platform to educate people on healthy yet tasty eating habits.
The client wanted a content-based website that would also feature their product ranges in category and sub-category-wise. The client provided us with the UI design of the website and we built the site based on the initial design from scratch.
Just like their product that serves nutrition without tasting bland, we had to ensure that the website depicted the message of healthy and fun eating. Thus, we decided to keep the design fun with interactive UX design elements in the website.
Farm Fresh has a section called “Your Food Buddy.” It is a virtual assistant that helps you to select, advise, suggest, and sort meals tailored to your preferences. Once you are done selecting, Food Buddy creates a curated shopping list for its users.
Challenges
From high-quality animation work to meeting a tight deadline, our team had to face quite a few challenges to complete this project.
Farm Fresh lists many organic food items and also provides recipes to try for the users. It’s a content-based website that focuses on healthy eating habits. Although it was a WordPress platform, we faced some challenges during the project execution.
The first difficulty our developers faced was the challenge of time. Unfortunately, we got a short time to deliver a complete project which was a massive challenge. So, we had to put together a solid team of experienced developers who understands how to create a content-based website with interactive UX design elements. We had to work extra hours to make sure that the platform went live after the client’s approval.
The next challenge came with the animation work we had to do for the website. As mentioned before, time was short. However, the client initially requested a lot of animations on the website. Although some of them didn’t make it to the final version, we had to make videos, create sub-categories for products, and separate categories for recipes for the platform. But, thanks to our expert team of developers, we were able to deliver the project even on a short deadline
Technology
It is a completely WordPress-backed website. Here is a list of technologies we have used for this project:
Our tech stack included:
- CMS- WordPress 6
- Web Frontend- HTML, CSS
- Database- MySQL
Our Project Execution Protocol
Sections Introduced to the website:
- Products
- Recipe
- FAQ
- Dynamic Quiz
- Question Answer section on the Food Buddy page
Admin Panel Categories:
- Product Uploading
- Product Management
- Food Buddies
- Quiz Management
- FAQ management
- About Us
- Admin User Management
- Setting Permission Option
- Recipes Management
- Contact Page
- Contact Form Management
Solution
Our website redesign process led to the following results:
- WordPress CMS makes the platform extremely SEO-friendly and flexible. Considering that WordPress is the predominant choice for website development globally, we ensured the site was lightweight and fast.
- As per our client’s requirement of keeping the website lightweight, we chose the WordPress platform with a Linux server. Due to its low infrastructure requirement, Linux shows an exceptional performance rate and freedom of customization.
- The website has product listings, customer data, and other information that needed a robust database. MySQL database will provide the necessary data protection for transactional processing, data support, and customer information.
- As it’s a content-based website, the primary structure and UX designs are built to meet scalability.
- The use of design elements like quirky fonts, videos, quizzes, pictures, and subtle animation gives an interactive quality to the platform.
Testimonials
How our services bring about success
Jason Korkin
As a professional in the web development field for the last 15 years, we retained Brainium to redesign and rebrand ProDataFeed.com. The quality of work by the designer, timeliness of delivery, and knowledge of user interactivity was highly impressive for an overseas, outsourced company. We have had Brainium now design multiple sites and look forward to opportunities to work together in the future.
Kevin
The team was very helpful during the course of website development. We had a few issues after launching the site but the team attended to them quickly. I strongly recommend them if you know what you are after.
Jacinta Sani
We are very happy with the development of the site and all of the menu options. The design is also very good and we can see that a lot of effort was put to meet our design objectives. This is a very good beginning for the start of our new business, thank you!
Vijay R. Venkat
I wanted to take some time to let you know that your team has done great work in building the site. It took a lot of pain all the way to build a very good site. If you or your company needs any references in the future, feel free to let me know of the same. I am sure we are going to work again in the future to take this site to mobile phones. Thank you once again for helping me in setting up my business.
