Zara Logo Redesign

Mood board created based on brand descriptors consumer-driven, quality, fashionable, affordable, and elegant.

Screen Update Overview:

• Reason 1: Lack of Organized Filters

  • Original filter options were inconsistent, including irrelevant filters such as bed size, frame size, and guest size.

  • Updated the filter menu with more relevant categories like product subcategories (e.g., decor, laundry).

  • Added a price range bar and checkboxes for necessary filters to enhance usability.

• Reason 2: Overwhelming Number of Products

  • Reduced the display to two rows of products, ensuring they are relevant to each other.

• Reason 3: Missed Opportunity for Hero Image

  • Added two images to the hero image block within the hierarchical grid.

  • Included a link to the holiday collection, enabling users to easily explore all related products.

Design Principles:

• Design Principle 1: Information Architecture - Choice

  • Refined and streamlined filter categories to provide users with clear, relevant, and understandable options.

• Design Principle 2: Gulf of Execution

  • Simplified the filtering process, reducing the time and effort needed to find relevant products.

  • Limited the number of displayed products, improving navigation and user focus.

Screen Update Overview:

• Reason 1: Lack of Hero Image

  • Original design immediately displayed products without context or introduction.

  • Added a hero image using a hierarchical grid to break up the modular grid, providing clarity and context for the screen's purpose.

• Reason 2: Lack of Clarity on Zara SRPLS

  • Included a tagline in the hero image to explain Zara SRPLS as their bi-annual limited edition collection, giving users a better understanding of its significance.

• Reason 3: Excessive Scrolling for Collection Drops

  • Original design required extensive scrolling to view all collection drops.

  • Created modules showcasing products from each collection drop, with clickable photos for users to explore further.

Design Principles:

• Design Principle 1: Fitt’s Law

  • Reduced scrolling and consolidated content, making it easier for users to reach target products and interact with the screen efficiently.

• Design Principle 2: Gulf of Evaluation

  • Clearly displayed collections and added context, reducing the time and effort required for users to understand the system's purpose and how to interact with it.

  • Enhanced clarity by including product names and descriptions, addressing the lack of information in the original design.

Screen Update Overview:

• Reason 1: Bland and Unclear Newsletter Form

  • Original form lacked appeal and did not explain the benefits of signing up for the newsletter.

  • Added a new, engaging newsletter sign-up form with an interactive section allowing users to select categories of interest for tailored newsletters.

• Reason 2: Unclear Call to Action (CTA)

  • Original text was entirely black, making the CTA less noticeable.

  • Updated buttons to dark brown, aligning with the selected color palette.

  • Used distinct typography for clarity:

    • Call to action: Arial 20pt bold.

    • Newsletter sign-up text: 16pt.

    • Placeholder text: 12pt.

  • These changes improve visibility and help users distinguish different sections of the page.

• Reason 3: Excessive White Space

  • Original screen felt dull due to too much white space.

  • Added a hero image to make the screen visually interesting and fill unused space.

Design Principles:

• Design Principle 1: Visibility

  • Implemented a golden ratio grid with content and the hero image placed in the right two-thirds of the screen, and navigation in the remaining third.

  • This design directs the user’s attention to key elements on the screen, enhancing visibility.

• Design Principle 2: Effectiveness

  • Redesigned the screen to be more engaging and informative, showcasing the benefits of signing up for the newsletter.

  • Highlighted exciting aspects of the Zara brand, making the newsletter more appealing to users.