FatPet

FatPet was a pet shop in Vinnytsia, Ukraine, selling food, accessories and care products for cats, dogs, rodents and birds. The design is by my friend Art Nigmatic, a UI/UX designer; I built the site from it on WordPress in August 2018: a home page that leads straight into four product categories, category pages with collapsible sections listing the brands and lines in stock, an About page, contacts with a map and opening hours on every page, and a pop-up form for questions.

A custom WordPress theme written in PHP, with semantic HTML5 markup and a responsive layout — a 1140px grid on desktop down to a separate mobile layout at 480px. Hover states for the navigation, category tiles and buttons; collapsible category sections; a question form with reCAPTCHA; and a Google map with a link to directions.

An early project, kept in the archive. The screens here are Art Nigmatic's mock-ups the site was built from.

• Open image: The FatPet logo — a rabbit, a budgie and a cat around the name — on a polka-dot background
• Open image: Home — the four product categories, contacts and a map

  Home — the four product categories, contacts and a map

• Open image: A category page — collapsible sections with the brands in stock

  A category page — collapsible sections with the brands in stock

• Open image: The question form, opened from any page

  The question form, opened from any page

• Open image: The 404 page

  The 404 page

• Open image: The home page on a phone

  The home page on a phone

• Open image: Style sheet — static and hover states, fonts and colours

  Style sheet — static and hover states, fonts and colours