Farm Animals Website

Farm Animals Website

1. Task Requirements

   • Self-Determined Criteria
     • SOC 1
       • Use high-quality images instead of heavy text
       • Bright, farm-themed colors for a friendly UI
     • SOC 2
       • Clear headings and bullet points for easy scanning
       • Simple and educational language for children
   • Prescribed Criteria
     • PC 2
       • The website must include different forms of data display.
     • PC 3
       • Functional navigation buttons using hyperlinks
     • PC 1
       • a multi-page website to include aesthetic features that match a specific user and theme

2. User Persona

   • Needs
     • A website that tells me everything about farm animals, from feeding methods to behaviour.
   • Frustrations
     • There are too many pet websites, and the animals are too complicated. It is hard to identify them without pictures. Too much text makes it boring.
   • Goals
     • Looking for a comprehensive website that provides detailed guides to help people familiarize themselves with the habits, behaviours, and feeding of various farm animals.
   • About them
     • 11-year-old school studentLive in a farm & Farm livestock keeperInterests: Keeping pets, knitting, room organization

3. Coding Evironment

   • Developer Tools
     • Notepad++
       • Text Editor for writing code
     • Coding Language
       • HTML
   • Key Algorithms
     • Website Navigation
       • Page selection using IF-ELSE statements
     • Other Important Algorithms
       • Image display loop for animal table

4. Existing Solutions

   • Wikipedia
     • Pros
       • Covers a very wide range of animals
       • Highly detailed and accurate scientific facts
     • Cons
       • No clear layout for daily animal care guidelines
       • Too much long text which makes it boring for kids
   • General Pet Websites
     • Pros
       • Includes pictures of animals
       • Easy and simple language to read
     • Cons
       • Mostly focus on dogs and cats, lacking farm livestock details
       • Disorganized layout makes it hard to find specific facts quickly

5. User interface

   • Aestetic
     • Colours
       • ight blue, dark blue, white, creamy pink, off-white, light brown, light green, green, light orange, and orange
   • User Interface Components
     • Buttons
       • Click to home page
       • 🐖 Click to Learn About Pigs
       • 🐂 Click to Learn About Cattle
       • 🐓 Click to Learn About chicken
       • 🦆 Click to Learn About Duck
     • Images
       • pink dots pig eat little pig pig sows Pigs and hay
       • yellow dots sheep eat Sheep and wool Sheep and fence Sheeps
       • green dots cows and hay cow and grass cows and trees cow swaying its ears
       • Chickens eat feed Chicken Coop henhouse quiet hen
       • Farm Animals Group Photo ducks and hay duck eat ducks and pond duck flock
     • Links
   • Features