<?xml version="1.0" encoding="utf-8"?>
Open full project

Design Approach & Thought Process

When designing Petly, my focus was on creating an interface that is visually appealing, emotionally engaging, and user-friendly. Every decision—from color selection to typography and interactive elements—was made to enhance both the functionality and emotional connection users have with the platform.

Color Palette: A Calming and Trustworthy Experience

I chose a purple and lavender color scheme to establish a sense of warmth, trust, and sophistication.

  • Purple is often associated with care, creativity, and compassion, making it a great fit for a pet care platform that offers multiple services.
  • Lavender adds a soft, playful, and calming touch, ensuring the interface feels inviting rather than overwhelming.
  • The combination of these hues provides a balance between professionalism and playfulness, resonating with both pet owners and service providers.

Typography: Clean & Readable

For typography, I selected Open Sans, a modern and highly legible sans-serif font.

  • It ensures clarity and readability across different screen sizes.
  • Its neutral yet friendly appearance complements the overall welcoming feel of the platform.
  • The font’s versatility helps maintain a professional yet approachable tone throughout the interface.

Visual Elements: Playful Yet Functional

To keep the platform fun and engaging, I incorporated custom 3D models created in Spline.

  • These elements add depth and interactivity, making the design feel more dynamic.
  • The soft, rounded aesthetics of the models help reinforce a sense of warmth and friendliness, ensuring that Petly remains an inviting space for pet parents.

Sections & Services: Structuring for Clarity

The landing page was designed to provide clear, structured information, ensuring users can quickly find what they need. The key sections include:

  • Introduction – A welcoming hero section that highlights what Petly offers.
  • Services – A well-organized breakdown of pet training, fitness, play sessions, veterinary care, nutrition planning, and pet matchmaking. Each service is visually represented for quick recognition.
  • Why Choose Petly? – A section that emphasizes Petly’s unique benefits with concise, pet-centered points.
  • Testimonials & Social Proof – Establishing credibility through user reviews and community engagement.
  • Subscription & Newsletter – Encouraging pet parents to stay updated with helpful insights and special services.
  • FAQ Section – Addressing common queries to improve user confidence and reduce friction.

Final Thought

With Petly, my goal was to create a seamless, enjoyable, and emotionally engaging experience that makes pet care effortless. The soft colors, playful 3D models, and structured layout all work together to enhance usability while evoking warmth and trust. Every design choice was made to reflect the love and care pet owners have for their furry companions.

Share your insights — leave a project review and help others grow their skills

Reviews

2 reviews


Your design effectively balances visual appeal, usability, and branding. The lavender and purple palette creates a warm, trustworthy feel, while the 3D illustrations add a unique and engaging touch. The clear navigation, structured content, and prominent CTAs enhance usability.

Strengths:

✔ Well-structured information hierarchy

✔ Engaging visual elements and typography

✔ Strong use of social proof and trust signals

Areas for Improvement:

  • Optimize mobile tap targets for better accessibility.
  • Clarify the newsletter value proposition to increase conversions.
  • Introduce subtle micro-interactions for enhanced engagement.

Hey Saumya,

Love the concept and the style.

The soft color pallet works well too.

Here are a few areas you could improve:

  • General shadows across board could be improved. Make them softer and in a slight shade of the primary colors
  • I see what you're going for in the services section but I think it could be executed a bit better or just keep it simple with a hard grid alignment instead of the current masonry style
  • You can introduce some description texts for the sections to support the headers
  • Left align the header on the join our team section and also introduce more input options for the form since this is not just a newletter signup. Think of name, location, message field etc

Work on these to take the design up a notch.

Cheers!


12 Claps
Average 4.0 by 3 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>