Project 5: Fresh Eats – A Fresh Take on Food Delivery

Code Editor: Visual Studio Code

Photo Editor: Affinity Photo

Languages: HTML/CSS

Generator Tools: Awesome Icons

  • Designed and coded a one-page client website for a fictional food delivery service called Fresh Eats.
  • Aimed to create a professional and visually appealing website with a welcoming, hip, affordable, and modern vibe.
  • Emphasized the design principles of emphasis and contrast.
  • Utilized provided assets, including images and a logo for Fresh Eats.
  • Presented the client with three wireframes for desktop and mobile views using Figma, showcasing design options with a focus on emphasis and contrast.
  • Final deliverables included a header with internal navigation, a “How It Works” section, a “Choose a Plan” section, and a footer.
  • Linked each section seamlessly in the navigation menu using anchors to the respective divs.
  • Incorporated interactivity and enhanced the user experience through hover states and animations for buttons.
  • Utilized Awesome Icons for social media icons, linking users to Fresh Eats’ external sites.
  • Included contact information and a copyright symbol in the footer.

Wireframes

Style Tile

Fresheats
Desktop View
Mobile View

Cyber-Stalk Me On LinkedIn