Groomly - Pet Care Responsive Design

Groomly visual identity

I began by creating a new pet care company named Groomly. I conceptualized the name, designed the logo, and selected typography, colors, and visuals that align with the brand identity.

The visual identity features soft pastel pinks, a gentle typeface, and rounded corners, reflecting the tender and attentive care they provide to pets. This design choice emphasizes the gentle, kind, and nurturing approach of the groomers.

Desktop

For the desktop version of the homepage, I focused on simplicity to ensure the primary CTA, "Make an Appointment," stands out prominently. It is centered on the page to attract maximum attention. The hero image is carefully chosen to showcase Groomly’s services while reinforcing the calm and soft visual identity of the brand.

The layout is centered to highlight the key message, CTA, and hero image. The navigation is placed in a horizontal top bar with the logo centrally positioned, ensuring a cohesive and balanced design.

Mobile

In adapting the layout for mobile, I transitioned from a 12-column grid (desktop) to a more manageable 4-column grid. Consistency in centering elements was maintained to preserve the visual harmony.

Given the smaller screen size on mobile, I simplified the navigation to a hamburger menu, which expands into a vertical menu upon selection. This makes it easier for users to access different sections without cluttering the screen.

The "Make an Appointment" CTA remains the focal point, but it is repositioned lower to be more accessible for mobile users. The button is expanded to full width to improve touch target size.

Typography has been adjusted for mobile, ensuring readability while maintaining hierarchical clarity. Images are scaled down to fit the mobile screen, focusing on keeping the most important visual elements visible.

Since the desktop version is designed with minimal content, no additional content reduction was needed for the mobile version. This approach ensures a seamless experience across both desktop and mobile platforms.