It is necessary to create 2 images
1. Project timeline. Consists of 6 blocks. One block has a "length" of 2 weeks.
Each block contains information about the tasks and goals that will be achieved. The blocks follow one another as in the file.
Week 1 -> Week 2 -> Week 3 -> Week 4
The text of the tasks is in the file. See the link below.
As an option, you can use this template https://www.figma.com/community/file/1045731141584677708
and adapt it to the task. Or use your own version.
The image will be used on the website, in the article, so it is important that the information fits the width of the screen, is clear and readable. Assume that the maximum width of the image should be 1024 pixels.
The essence of the task is to show the reader the sequence and volume of tasks.
2. Metrics block. Consists of 4 blocks.
The overall idea of the Results Metrics Block
In 5–7 seconds, provide the reader with an answer to the question:
“Does this work and do I need it?”
These are not graphs or tables, but a value snapshot.
Recommended format.
Layout: Metrics Cards (4–6 cards)
- 1 row (desktop)
- 2×2 (mobile)
Each card = 1 key result
That is, 2 variants of blocks are needed for desktop and for mobile devices.
Structure of the card
[ICON]
BIG NUMBER
Short label
1-line explanation
To understand which Metrics Cards are being referred to, I am adding an example https://dribbble.com/shots/24506822-Key-metrics-UI
Texts. In the file, there are 2 tabs.
https://docs.google.com/document/d/1I8EAmQaSM2BE31NIxeQSV9RDTSEEgnTPj7GMA6sF_bM/edit?usp=sharing
The final result should be sent in an editable Figma file where images, texts, etc. can be modified.
Thank you.