High-Level Details
Objectives
• Design a visually engaging, user-friendly prototype for an Animal Rescue website
• Include three key pages: homepage, dog category, dog specific and contact
• Simulate real interactivity using hover effects and clickable elements
Tools Used
• Figma for wireframing and prototyping
• Custom branding assets (logo, color palette)
• Basic HTML knowledge for favicon integration (embedded via <head> snippet)
Role & Responsibilities
• Collaborated in a two-person team to design layout, UI elements, and branding
• Ensured visual consistency and intuitive navigation across all pages
Key Deliverables
• High-fidelity designs for three core pages: Home, Dog Category, Dog Specific and Contact
• Interactive prototype demonstrating transitions and clickable functionality
• Custom favicon design
Home Page
Dog Category Page
Dog Specific Page
Contact Page
Design Process
Research & Inspiration
• Studied other animal rescue websites to understand common design patterns and user needs (e.g., pet listings, shelter contact info)
Wireframing
• Sketched each page layout by hand
• Focused on a clean, intuitive structure with easy-to-navigate sections
High-Fidelity Mockups
• Converted sketches to digital designs in Figma
• Applied the brand’s color palette, typography, and custom logo elements
• Selected imagery that builds emotional connection with potential adopters
Interactivity
• Created hover effects for navigation and CTAs
• Linked Home to Dog Category and Contact pages
• Added subtle transitions to icons and images for a smoother experience
Favicon Implementation
• Designed a small paw icon
Conclusion
This project demonstrates our ability to design a cohesive, functional prototype that combines branding, intuitive navigation, and interactive elements, key components of a modern, user-friendly website. By showcasing adoptable animals, guiding visitors through the adoption process, and offering clear contact options, the Animal Rescue Website aims to support both increased adoption rates and stronger community engagement.
