DES-23 — Smart notifications design — Notification Centre, action buttons, promotion tabs, flash-sale countdown
Designs the additions of HOCO's document 03: the home Notification Centre with its six groups, the action button on notification rows, the grouped inbox, group preferences, the Promotions / Ventes flash tabs and the flash-sale countdown card, on the reseller app and the reseller web.
| Field | Details |
|---|---|
| Task code | DES-23 |
| Phase | P1 — V1 build & integration |
| Product scope | V1 |
| Status | Planned |
| Start | Wed 18 Nov 2026 |
| Due | Thu 19 Nov 2026 |
| Responsible | Akram — UI/UX designer |
| Co-responsible | — |
| Effort | 1 person-day(s) planned · 3 from scratch · size S |
| Area · app | Reseller app design · design |
| Depends on | DES-22 |
| Unblocks | WEB-06, MRA-11 |
| Milestones | — |
Summary
Designs the additions of HOCO's document 03: the home Notification Centre with its six groups, the action button on notification rows, the grouped inbox, group preferences, the Promotions / Ventes flash tabs and the flash-sale countdown card, on the reseller app and the reseller web.
Description
HOCO's document 03 (18 Oct 2026, change request) arrived after the reseller-app design days, so its V1 surfaces are designed as a P1 addition right after the client feedback round (DES-22), before Imad builds them in MRA-11 and Anis in WEB-06. Inputs: /docs/srs/smart-notifications (groups, actions, anti-fatigue rules, French copy), PRM-07, NOT-09/10/17 and the existing RA-09, RA-24, RA-26 and RA-35 frames. Components first, then the screen states. Out of scope: V2 loyalty surfaces (missions, Top 3, Offres exclusives), which go into DES-30.
Subtasks
| # | Subtask | Owner |
|---|---|---|
| 1 | Components: NotificationGroupChip (six tones of NotificationGroup, unread count, selected/disabled), NotificationRow with an action button (primary small, secondary), FlashSaleCard with Countdown (under 24 h: hh:mm:ss; from 24 h: « Se termine dans 2 jours »; ended state) | Akram |
| 2 | RA-09 home: « Centre de notifications » card (chips + 3 latest unread with actions, « Vous êtes à jour » empty state, loading), flash sale in the carousel with « VENTE FLASH » | Akram |
| 3 | RA-26: group tabs « Toutes · Urgent · Promotions · Nouveautés · Suggestions », hidden empty tabs, grouped item (« 3 nouveautés chez HOCO »), row with action button, read/unread | Akram |
| 4 | RA-24: tabs « Promotions » / « Ventes flash », flash list sorted by end, ended card, tab hidden when empty | Akram |
| 5 | RA-35: per-group push switches with Urgent locked and its explanation | Akram |
| 6 | Reseller web: RW-02 Notification Centre card, RW-11 dropdown and page with the group column, RW-10 tabs and flash grid | Akram |
| 7 | Same-day feasibility check of the Android push action button and the per-second countdown | Imad |
Deliverables
- Claude Design › Reseller App ›
RA · Notification Centre,RA · Promotions · flashand the matching Reseller Web frames - Updated components in the design system (
NotificationGroupChip,NotificationRowwith action,FlashSaleCard) - Handoff notes for MRA-11 and WEB-06
Acceptance criteria
- Every V1 group, the action button, the flash-sale card and the tabs have frames for loading, content, empty and error
- No stock quantity and no loyalty element appear in the V1 frames
- Countdown and action button meet 48 dp targets and 4.5:1 contrast
- The six group tones are distinguishable without colour (icon + label)
Requirements covered
| Requirement | Title | Release |
|---|---|---|
| NOT-09 | Notification groups and the Notification Centre on the reseller home (Urgent, Promotions, Nouveautés, Points et niveaux, Academy, Suggestions) | V1 |
| NOT-10 | An action button (label and deep link) on every reseller notification | V1 |
| NOT-17 | Anti-fatigue rules: promotional push caps, priority, merge, quiet hours, opt-out per group | V1 |
| PRM-07 | Flash sales (2 h to 48 h) with countdown and the promotion tabs Promotions / Flash Sales | V1 |
Screens
| Screen | Name | App |
|---|---|---|
| RA-09 | Home | RA |
| RA-24 | Promotions & daily offers | RA |
| RA-26 | Notifications | RA |
| RA-35 | Settings | RA |
| RW-02 | Home | RW |
| RW-10 | Promotions & daily offers | RW |
| RW-11 | Notifications | RW |
| RW-12 | Profile, store, addresses & settings | RW |
Test measures
- Walk the smart-notification catalogue and check that each V1 deep link has a target frame
- Design QA checklist on the new components (detached instances, raw values)
Risks
- HOCO asks to see missions or the Top 3 — show the release placement on /docs/srs/smart-notifications; log them for DES-30
KPI
- Delivered by Thu 19 Nov 2026 within 1 person-day(s).
- Every acceptance criterion above demonstrated before hand-off; linked requirements' acceptance criteria pass.
- Zero open critical defects, permission gaps or data-integrity regressions at sign-off.
Generated from content/plan/tasks.json by scripts/generate-team-tasks.mjs. Dates are computed by the scheduler (Sunday–Thursday weeks, holidays excluded) — change the plan, not this page.
DES-22 — Client feedback round & design revisions
Consolidate HOCO's feedback on the three solutions, revise, re-validate, publish design v1.1.
DQA-09 — Document templates — invoice, delivery note, picking list, receipt
A4 PDF layouts with HOCO branding and the legal mentions (NIF, NIS, RC, AI, VAT), French now and Arabic-ready, delivered as HTML/CSS-friendly specs.