Cheeky - The next generation of underwear, loungewear and shapewear.

These are my design decisions & rationale:

Accessibility:

• Decision: Employed a high contrast ratio between the vibrant red of the product and the white background of the product images and surrounding text elements.
  • Rationale (Accessibility): This decision aims to meet WCAG contrast requirements, ensuring readability for low-vision users. The stark contrast makes the product visually prominent and the text easily readable.

• Decision: Intended to include descriptive alternative text for all product images, detailing the garment's features, color, and style from various angles.
  • Rationale (Accessibility): Providing comprehensive alt text ensures that screen reader users can understand the visual content and gain the same information as sighted users about the product.

• Decision: Planned for clear and visible focus states on all interactive elements (e.g., size dropdown, quantity input, "Add to Cart" button).
  • Rationale (Accessibility): Visible focus states are crucial for keyboard navigation, allowing users who cannot use a mouse to easily identify the currently selected element and interact with the page.

• Decision: Utilized standard and properly associated labels for all form elements (e.g., "Size," "Qty").
  • Rationale (Accessibility): Correctly labeled form elements are essential for screen reader users to understand the purpose of each input field and interact with them effectively.

Content:

• Decision: Included multiple high-quality images showcasing the product from various angles and potentially on a model.
  • Rationale (Content): These visuals serve the purpose of providing a comprehensive understanding of the product's appearance, fit, and details, contributing significantly to the user's decision-making process.

• Decision: Incorporated customer reviews and ratings prominently on the page.
  • Rationale (Content): User-generated content like reviews adds valuable social proof and provides potential buyers with insights from other customers, enhancing the functionality and trustworthiness of the page.

• Decision: Included a concise product name ("Our Sporty Set") and price (Rp 869.000) clearly visible above the fold.
  • Rationale (Content): This ensures that users can quickly identify the product and its cost, serving the primary purpose of an e-commerce product page.

• Decision: Featured a "You May Also Like" section with visually similar or complementary products.
  • Rationale (Content): This content serves the purpose of increasing product discovery and potential sales by suggesting relevant items to the user.

Usability:

• Decision: Implemented a standard e-commerce layout with clear navigation at the top and product information logically arranged.
  • Rationale (Usability): Utilizing familiar design patterns allows users to navigate and find information easily and efficiently, enhancing their overall experience.

• Decision: Placed a prominent and visually distinct "Add to Cart" button near the product information and size selection.
  • Rationale (Usability): This clear call to action guides users towards the primary conversion goal and makes the purchasing process straightforward.

• Decision: Used a dropdown menu for size selection, a common and generally understood UI element.
  • Rationale (Usability): This pattern allows users to easily view and select available sizes.

• Decision: Intended for the page to be fully responsive, adapting seamlessly to different screen sizes (desktop, tablet, mobile).
  • Rationale (Usability): Ensuring responsiveness allows users to perform tasks effectively and enjoy a consistent experience regardless of the device they are using.

Presentation:

• Decision: Opted for a clean and uncluttered visual design, focusing attention on the product images and key information.
  • Rationale (Presentation): A clean aesthetic improves the visual appeal and makes it easier for users to focus on the product details and calls to action.

• Decision: Utilized clear and legible typography for product descriptions, reviews, and other text elements.
  • Rationale (Presentation): Proper formatting and legible fonts enhance readability and contribute to a positive user experience.

• Decision: Organized the product information in a logical hierarchy, with the most important details (name, price, images, "Add to Cart") presented prominently.
  • Rationale (Presentation): A well-structured layout improves clarity and helps users quickly find the information they need.