Arngren

Arngren Electronics is a company that sells electronics, gadgets and post office mail items. Arngren's website is often cited as an example of poor web design due to its disregard for the CRAP principles:

• Contrast: The site employs a chaotic mix of colors and backgrounds, leading to visual confusion and difficulty in distinguishing between different sections.
• Repetition: There is a lack of consistent styling; various fonts, colors, and design elements are used haphazardly, resulting in a disjointed appearance.
• Alignment: The layout appears cluttered, with images and text placed arbitrarily without a clear alignment, making navigation cumbersome.
• Proximity: Unrelated items are crammed together, and related content is scattered, forcing users to sift through overwhelming information to locate what they need.

The site’s chaotic mix of colors, inconsistent fonts, and misaligned elements create visual confusion and clutter. Poor proximity between related content forces users to search through scattered information, making navigation difficult and overwhelming.

Apple

Apple Inc. is an American multinational technology company headquartered in Cupertino, California, in Silicon Valley. Apple's official website is renowned for its clean and intuitive design, effectively implementing the CRAP principles:

• Contrast: Apple uses a minimalist color palette with ample white space, allowing product images and key messages to stand out prominently.
• Repetition: Consistent use of fonts, colors, and design elements across all pages reinforces brand identity and provides a cohesive user experience.
• Alignment: The website features a well-structured grid layout, ensuring that text, images, and buttons are perfectly aligned, which enhances readability and aesthetics.
• Proximity: Related information and products are grouped together logically, making it easy for users to find relevant content without unnecessary searching.

Apple's website uses a minimalist color palette and ample white space, making key content stand out. Consistent fonts and design elements create a cohesive experience, while a structured grid layout enhances readability. Related information is logically grouped, ensuring easy navigation.