Skip to main content

Recipe Codes

Menu
Get a Quote

E-commerce

Pets Shop E-commerce

Pets Shop E-commerce is an online store UI/UX design for a pet shop, designed by Recipe Codes. The work covers an Arabic right-to-left storefront with homepage, best sellers, product, cart, checkout, account and 404 screens, shown across desktop, tablet and mobile layouts.

Client
Pets Shop
Industry
Pet supplies e-commerce
Services
E-commerce UI design, UX design, Mobile and desktop screens
Tools
Adobe XD, Adobe Photoshop
Start a similar projectView on Behance

The project

About Pets Shop

Recipe Codes designed the user interface and user experience for Pets Shop, an online store for pet products such as beds and clothing. The screens include a homepage with a hero banner and promotional cards, a best sellers section, a product page with favorites, a shopping cart, a multi-step checkout address form, an account area with saved addresses and a 404 error page, presented on laptop, tablet and phone mockups.

The interface is built right-to-left in Arabic, with an En/Ar language switch in the header. The logo is a friendly dog face in purple and orange, and orange carries the primary buttons, icons and section backgrounds against white. Rounded input fields, pill-shaped buttons and a three-step progress indicator guide checkout, while large lifestyle photos of people with their pets set the tone. Prices are shown in Egyptian pounds (L.E).

Design highlights

  • Right-to-left Arabic interface with an En/Ar language switch in the header
  • Purple and orange dog-face logo paired with an orange interface accent
  • Three-step checkout progress indicator with rounded address form fields
  • Account area with sidebar navigation and saved address cards
  • Custom 404 page with a pug photo and two clear action buttons

Project FAQ

What did Recipe Codes design for Pets Shop?

Recipe Codes designed the UI/UX for the Pets Shop online store: an Arabic right-to-left storefront with homepage, best sellers, product page, cart, multi-step checkout, account and saved addresses, and a 404 page, laid out for desktop, tablet and mobile screens.

Does the Pets Shop design support Arabic and English?

Yes. The screens are designed right-to-left in Arabic, and the header includes an En/Ar switch for changing language. Orange buttons, rounded fields and a progress indicator keep the flow consistent in both directions.

More Projects

View all projects →

Have a Similar Project in Mind?

Tell us about your project and our team will get back to you.

Request a Quote
WhatsApp Us