TiriVelo Pet Care Inc. is seeking a design-focused student team to create a dev-ready UI/UX foundation in Figma for our new website. The goal is to establish a brand-aligned design system (colors, typography, spacing, icons, components) and produce responsive wireframes and high-fidelity screens for key user journeys on mobile, tablet, and desktop.

Priority flows include owner sign-up and onboarding, browsing providers and provider profile, booking basics, and provider setup (profile, services, availability). Accessibility is a must: designs should meet contrast guidelines, include labels and error states, and show keyboard focus behavior.

The final output should be implementation-ready so TiriVelo’s engineers (who build in Next.js) can translate the designs to code without guesswork. Students will collaborate via brief weekly check-ins; an NDA is required before accessing brand assets or internal references.

Design deliverables (Figma):

• Design System / Library: color tokens, typography scale, spacing, icon set, and core components (buttons, inputs, cards, navbar, footer, form steps) with states (hover, focus, disabled, error).

• Responsive screens: wireframes → high-fidelity designs for Home, Pricing, Contact; Auth; Owner onboarding; Provider onboarding; Browse Providers & Provider Profile; Booking basics.

• Clickable prototypes: primary flows linkable end-to-end (sign-up → onboarding → basic action).

• Accessibility & content notes: contrast checks, focus order, labeling and error patterns, brief microcopy guidance.

Handoff package (engineer-ready):

• Organized Figma file (pages for Library, Components, Templates, Screens), naming conventions, and Figma Inspect/specs for spacing and sizes.

• Export-ready assets (SVG icons, WebP hero images), favicon set, and a short “how to implement” readme.

Out of scope for this Riipen project: writing production code, databases, hosting, or payments. (Our engineering team handles build-out in Next.js/Supabase after design sign-off.)