Senior for Senior Website Design
Website and mobile app for Senior for Senior. A website whose target are senior citizens looking for some -four legs- company. I intended to use a yellow lab as my main picture because it's one of the most popular dogs and their personalities are friendly. I use a simple color palette with very muted tones to give some feeling of vintage and classic.
Target: Senior Citizens looking to adopt or foster a senior dog
Market: Senior for Senior
Role: Web Designer
Software: Figma and Adobe XD
The intended outcome:
Showcase Senior dogs living in shelters waiting to be adopted
Bring Senior Citizens and Senior dogs together
Grab the attention of prospective families wanting to give a Senior dog a final home
Overview
The Challenge
The Solution
Senior dogs are often overlooked in shelters, while many senior citizens are looking for companionship but may not know where to start. The challenge was to design a site that not only introduced the organization, but also made it simple and inviting for older users to explore adoption, fostering, or even just taking a senior dog on a walk for a day.
I designed Senior for Senior with clarity and warmth in mind. The site opens with a big hero section featuring a senior dog, and a strong headline to create an immediate emotional connection. Large photos, clear descriptions, and oversized buttons make the experience easy to navigate, while keeping the focus on the services. Overall, the design balances empathy with usability, creating a welcoming space for seniors to connect with senior dogs.
The Design Process
Research
The concept for Senior for Senior was inspired by seeing how many senior dogs remain in Bay Area shelters and recognizing the opportunity to connect them with seniors looking for companionship. This insight shaped the direction of the project and guided the design choices.
Wireframes
The wireframes were the first step in shaping the site. They focused on the structure, where to place the hero section, big buttons, and step by step section. This stage was all about organizing the content in a way that would make sense to users and highlight the main services.
Low Fidelity Prototypes
The low-fi mockups brought the layout to life in a simple, black-and-white style. This version allowed me to quickly test how users might move through the site, making sure important actions like “Adopt” or “Foster” were intuitive to spot. It also helped me refine spacing and navigation before committing to design details.
High Fidelity Prototypes
The high-fi mockups introduced the full visual design including a large photo of a yellow lab senior dog, bold buttons, and warm brand colors. This stage showed how the final site would feel, emphasizing accessibility with bigger text and clear CTA. It combined everything from structure, usability to visuals to havea clear-looking finished project.
Testing
To validate the designs, I conducted a Monkey Survey with 5 college students. They provided both quantitative and qualitative feedback on the layout, usability, and clarity of the CTAs. Their insights confirmed that the big buttons and hero section were effective, while also guiding small refinements in text size, spacing, and the overall message of the webpage.
Final Product
Takeaways
Design for clarity and empathy: Large buttons, clear navigation, and an inviting hero section helped make the site accessible while creating an emotional connection with users.
User feedback matters: Testing with 5 college students confirmed that the layout and calls-to-action were easy to understand and guided important refinements.
Visual hierarchy drives engagement: Thoughtful use of size, color, and spacing helped guide users’ attention to key actions like Adopt, Foster, and the step by step process.