Project Documentation

Site map, wireframes, development process, testing, and policies for the Happy Paws website.

1. Site Map

Hierarchical structure of all 8 pages and how users navigate between them.

Home (index.html)
│
├── About (about.html)
│
├── Available Pets (pets.html)
│    └── Adoption Information (adoption.html)
│
├── Gallery (gallery.html)
│
├── Contact Us (contact.html)
│    └── Thank You (thanks.html)         [reached after form submit]
│
└── Documentation (compliance.html)

2. Wireframes

Home page layout

┌────────────────────────────────────────────────────────────┐
│  🐾 HAPPY PAWS    Home  About  Pets  Adoption  Gallery ... │
├────────────────────────────────────────────────────────────┤
│  ┌──────────────────────┐   ┌────────────────────────────┐ │
│  │  H1: Find your new   │   │                            │ │
│  │       best friend    │   │       HERO IMAGE           │ │
│  │  intro paragraph...  │   │   (dog + kitten photo)     │ │
│  │  [Meet our pets]     │   │                            │ │
│  └──────────────────────┘   └────────────────────────────┘ │
├────────────────────────────────────────────────────────────┤
│   [850+ pets]  [120 carers]  [10 yrs]  [97% success]       │
├────────────────────────────────────────────────────────────┤
│   ┌─────────┐    ┌─────────┐    ┌─────────┐                │
│   │ Rescue  │    │  Care   │    │ Rehome  │                │
│   └─────────┘    └─────────┘    └─────────┘                │
├────────────────────────────────────────────────────────────┤
│              CTA banner: "Ready to change a life?"         │
├────────────────────────────────────────────────────────────┤
│  FOOTER: about · contact · quick links · copyright         │
└────────────────────────────────────────────────────────────┘

Contact page layout

┌────────────────────────────────────────────────────────────┐
│   H1: Contact Us                                           │
├──────────────────────────┬─────────────────────────────────┤
│  Contact details card    │  Comments form                  │
│  • Address               │  [ Name           ]             │
│  • Phone                 │  [ Email          ]             │
│  • Email                 │  [ Comments       ]             │
│  • Opening hours         │  [ Submit → /thanks ]           │
└──────────────────────────┴─────────────────────────────────┘

3. Development Process

Planning & research — analysed the brief, sketched the site map, identified the 8 required pages and the user journey from Home → Pets → Adoption → Contact.
Design — chose a warm, friendly palette (teal #0f766e + orange #f97316 on a cream background) to feel welcoming but trustworthy. Built wireframes for each page before coding.
Content gathering — wrote original copy for every page; sourced real photos from Unsplash (royalty-free, copyright-safe) instead of scraping search engines.
Build — implemented a shared layout (header + footer + nav) so design is consistent across all 8 pages. Used semantic HTML5 (header, nav, main, section, article, footer) and CSS for responsive layout.
Form handling — Contact form validates Name (2–100 chars), Email (regex), and Comments (5–1000 chars) on the client before redirecting to the Thank You page.
Accessibility — every image has alt text, every form field has a visible label, colour contrast meets WCAG AA.
Testing — manual tests across browsers and screen sizes (see table below), plus W3C HTML/CSS validation.
Deployment — packaged as static HTML/CSS for Moodle submission and deployed as a live site for review.

4. Testing Summary

#	Test case	Expected result	Actual	Status
1	Click each nav link	Loads the matching page	Loads correctly	✅ Pass
2	Submit valid contact form	Redirects to Thank You page	Redirects correctly	✅ Pass
3	Submit empty contact form	Shows validation errors	Errors shown inline	✅ Pass
4	Submit invalid email	'Please enter a valid email'	Error shown	✅ Pass
5	All images have alt text	No missing alt attributes	All present	✅ Pass
6	Responsive at 375px (mobile)	Layout stacks, no overflow	Layout stacks correctly	✅ Pass
7	Responsive at 768px (tablet)	2-column where appropriate	Renders correctly	✅ Pass
8	Responsive at 1440px (desktop)	Multi-column layout	Renders correctly	✅ Pass
9	Tested in Chrome 126	Renders correctly	OK	✅ Pass
10	Tested in Firefox 127	Renders correctly	OK	✅ Pass
11	Tested in Safari 17	Renders correctly	OK	✅ Pass
12	Tested in Edge 126	Renders correctly	OK	✅ Pass
13	W3C HTML validator	No errors	0 errors	✅ Pass
14	W3C CSS validator	No errors	0 errors	✅ Pass
15	Broken link check	No 404s	All links work	✅ Pass
16	Phone link tel:+61401433686	Opens dialler on mobile	Works on iOS/Android	✅ Pass
17	Keyboard navigation (Tab)	All interactive elements reachable	Reachable in order	✅ Pass
18	Colour contrast (WCAG AA)	Ratio ≥ 4.5:1 for text	Meets AA	✅ Pass

5. Privacy Policy

What we collect

When you submit the contact form, Happy Paws collects only the information you provide: your name, email address, and the comment you write. We do not use tracking cookies, advertising pixels, or third-party analytics on this website.

How we use it

To reply to your enquiry about adopting, fostering or volunteering.
To keep an internal record of correspondence for up to 24 months.
To contact you about a pet you have specifically expressed interest in.

What we do NOT do

We never sell, rent or trade your personal information.
We never share your details with third parties for marketing.
We never add you to a mailing list without your written consent.

Your rights under the Australian Privacy Principles (APPs)

Under the Privacy Act 1988 (Cth) you have the right to: (a) request a copy of the personal data we hold about you, (b) ask us to correct inaccurate information, and (c) request deletion of your data at any time. To exercise these rights, email privacy@happypaws.com and we will respond within 30 days.

Data retention & storage

Form submissions are stored on encrypted servers located in Australia. Records are deleted automatically after 24 months unless you have an active adoption application with us. Backups are encrypted and rotated every 90 days.

Children's privacy

We do not knowingly collect personal information from anyone under 16. Adoption applications must be made by an adult.

6. Security

Transport security

The entire site is served over HTTPS using TLS 1.3. HTTP requests are automatically redirected to HTTPS. We use HSTS to prevent protocol downgrade attacks.

Input validation

Every form input is validated both client-side (instant feedback) and server-side (enforced). We strip HTML tags from comments to prevent cross-site scripting (XSS) and use parameterised queries to prevent SQL injection.

Authentication & access control

Staff access to the customer database requires multi-factor authentication. Role-based access ensures volunteers can only see what they need to do their job.

Monitoring & incident response

Server logs are reviewed weekly. In the event of a data breach affecting personal information, we will notify affected users within 72 hours and report to the Office of the Australian Information Commissioner (OAIC), as required by the Notifiable Data Breaches scheme.

Dependencies

Third-party libraries are kept up-to-date and scanned weekly for known vulnerabilities (CVE database).

7. Copyright

Original work

All written content (page copy, pet descriptions, policies) on this site is original work created for the Happy Paws project and is protected under the Copyright Act 1968 (Cth).

Photography

Photos used on this site are sourced from Unsplash under the Unsplash Licence, which permits free commercial and non-commercial use without attribution. We deliberately chose this source instead of scraping image search engines (e.g. Google Images) because most search results are owned by photographers, news outlets or stock libraries and re-using them without a licence would infringe their copyright.

Trademarks

The "Happy Paws" name and paw-print logo are used for educational purposes in this assignment and are not registered trademarks.

User contributions

By submitting a comment via the contact form, you grant Happy Paws a non-exclusive licence to store the message for the purpose of responding to you. You retain ownership of your words.

Reporting infringement

If you believe any content on this site infringes your copyright, email copyright@happypaws.com with details and we will investigate within 7 days.

8. Censorship & Content Moderation

Our approach

Happy Paws supports free expression but reserves the right to moderate user-submitted content to keep the community safe and respectful.

What will be removed

Hate speech, harassment or threats directed at any person or group.
Content that promotes animal cruelty or illegal activity.
Spam, advertising, or links to malicious sites.
Sexually explicit material or content unsuitable for minors.
Defamatory statements about individuals or organisations.

Moderation process

All comments submitted through the contact form are reviewed by a human moderator before any reply is sent. Comments are not published publicly on the website, so there is no risk of offensive material appearing on the site itself. If a submitted comment violates the policies above, it is logged, the sender is informed (where appropriate), and the message is deleted.

Balancing freedom and responsibility

We acknowledge that moderation involves judgement. Our goal is to remove content that causes harm — not to silence honest criticism. Constructive feedback about our shelter, even if negative, is welcome and will be responded to in good faith.

Appeals

If you believe a comment was removed in error, email moderation@happypaws.com and a different staff member will review the decision within 14 days.