Richmond Rescue landing page
I designed a landing page for Richmond Rescue, a small animal shelter committed to helping vulnerable animals find safety and love. The aim was to create a website that not only informs but also inspires users to take action — whether through adoption, donation, fostering, or volunteering.
The process began with competitive analysis of existing shelter websites to identify best practices in layout, content, and user flow. I also conducted a user survey, which revealed that many people want to help but aren’t sure how. Most respondents preferred emotionally engaging, easy-to-navigate websites.
In the research and analysis phase, I developed user personas (new adopter, returning volunteer) and mapped user journeys to uncover friction points and key opportunities, especially around involvement and trust.
During the ideation phase, I created low-fidelity wireframes to explore layout and flow. After testing these with a small group in a usability test, I made key improvements in button placement and content hierarchy.
In the design phase, I applied a minimalist aesthetic guided by the 60–30–10 color rule, using #C44708 as the main accent color to energize the layout and emphasize calls to action. I ensured the design was responsive and accessible, working consistently across desktop (1440px) and mobile (360px) — both popular and practical screen sizes for reach and usability.
The result is a clean, intuitive, and emotionally resonant landing page designed to help Richmond Rescue grow its community and impact.
Tools used
From brief
Topics
Share
Reviews
3 reviews
Lovely work on the Richmond Rescue Landing Page! The warm visuals and friendly tone match the mission perfectly. The layout is clean and inviting, with clear CTAs and heartwarming imagery that builds trust. Maybe a bit more emphasis on donation or volunteer buttons could help drive action, but overall, it’s a thoughtful and compassionate design! 🐶❤️
Hi Alisa,
Congratulations on your work creating a full-page design with this level of structure and visual elements is a big achievement, especially at the beginning of your design journey. It’s clear that you have a good eye for layout and a strong sense of purpose behind your content. With just a few refinements, your design can look even more polished and user-friendly.
- The same content appears both in the main section and the sidebar, which creates a repetitive effect and tires the user: showing it in only one place makes the layout cleaner.
- Having too many different CTA buttons makes it hard for the user to understand which action to take: keeping 1–2 buttons aligned with the main goal improves navigation.
- On mobile view, the elements are crowded and poorly arranged, which weakens the user experience: placing components with proper sizing and spacing improves readability and control.
- The lack of visual difference between headings, subheadings, and body text reduces information hierarchy: adjusting font sizes and colors helps users quickly understand what to read first.
- Patterns are too contrasty and bright, which draws attention away from the images: lightening their tone and reducing opacity shifts the focus back to the visuals.
Design is an ongoing process of experimenting, learning, and improving. You're already on a great path these small adjustments can elevate your design and make the user experience smoother and more visually balanced. Keep going, your potential is clear!🔥🚀
Good step keep it up
Few suggestions
1.better use of spacing . enlarge the images for attention grabbing
2.less distracting patterns or elements
3.more padding to top nav
You might also like
GoDaddy Sign-in Page Accessibility Optimization
My Bestie Nessie - Making a game in one day at the Oakland Museum of Art & Digital Entertainment
Web SaaS Sign-Up Flow
Gaming Gear 404 Page
Push notifications
Samyoung Chemical
Visual Design Courses
UX Design Foundations
Introduction to Figma
Design Terminology
