Fresh & Tasty website snapshot

Fresh & Tasty website case study

Overview

Fresh & Tasty is a gastronomy startup, based in Czech Republic, that aims to improve experience and food quality in corporate and school canteens. Fresh & Tasty does this by preparing and delivering healthy meals to companies and schools. Fresh & Tasty also built a couple of its own canteens that are opened for public.

Our role

We were hired to build a pixel-perfect and responsive website that covers the whole business. In the beginning, we received complete design for all pages we were tasked to code. During the work, we made some adjustments and improvements to the design to ensure the best experience. We discussed all these changes with all stakeholders before we realized them.

Project specifications

  • Deadline: 4 months (completed in 2.85 months)
  • Number of pages: 29

Goals and objectives

  • – Create site architecture and navigation for easy browsing and frictionless experience
  • – Build responsive pixel-perfect website
  • – Use extensive testing to ensure cross-browser compatibility
  • – Implement best practices to achieve maximum performance and accessibility

Tech stack

  • Front-end: HTML, CSS, JavaScript
  • Back-end: PHP

The Process

This project was built with HTML, CSS and JavaScript, and PHP, mainly for forms. We didn't use any front-end or back-end framework. All pages were coded as static, using latest HTML5 and CSS3 specifications. For JavaScript, we used, back then, the latest ES6. The whole website was built as a system of components, each of these components being re-usable. This made it easier to gradually extend the website to its final size.

We were always working on page at the time. When page was finished we went through extensive testing and reviews with Fresh & Tasty CEO. Only when any potential issues were solved the page was accepted and we started working on another page.

The Solution

We've built the website from scratch with HTML, CSS and JavaScript. We didn't use any front-end or back-end framework. During the work, we followed the best practices for asset optimization to make sure website will load fast, even on low-end devices and slow internet connection. The website has been thoroughly tested on a wide range of devices, from mobile phones and tablets, to small and large desktops to ensure maximum compatibility.

Final score

89%

Performance

81%

Accessibility

88%

Best practices

92%

SEO

PWA

Progressive Web App (PWA)

Visit the website