Table of contents

Definition

Open questions

...

Hainzenreder, Diego and Fisher, Luke to decide if this is hidden behind LD flag or not

Requirements

Problem statement

The menu items located in the customer's profile on Popeyes are unclear. They do not present a clear hierarchy of first and second level links, as well as it is not evident that they are clickable. The current app also uses icons that identify each area, and this is not available in the new version. 

Acceptance criteria

• Icons are displayed on first-level menu items and with the arrow after the label

• There is greater emphasis on the links for " Encuentra tu restaurante" and " Inicia sesión o crea tu cuenta" 

• Second-level icons are highlighted

Success metrics

Solution

Potential

• Add icons for each menu item. 

• Prioritize the importance of each link with 2 different solutions: 

• Orange color for the first level 

• Underline for the second level 

...

Design

Figma design here: PLK - BK

Development

• Task 1 - Create feature flag

• Task 2 - Add new icons

  • Some icons we have in storybook, so just need to import here.

  • But new icons we need to add in the repository ctg-components-library, for to get new icons here.

  • Add the new icons in storybook too.

• Task 3 - Create a new component for icon

...

Attention, because the font label, color of label and icons changed and now the colors changed according to brand. (look figma) - The colors used have in file primitives.ts, for intl-whitelabel and ctg-components-library.

...

Assumptions

Release