Learning strategy, or where to start to solve this problem?

Question

css

| I ask you to help build a learning strategy to solve this problem, because in a similar vein, this task is set before being hired, I have 5 months to learn this, I'm sure that I will have time to learn this.
Task
It is necessary to create a modal window on the main page of the site in the
modal window to issue a registration form and, based on the text, create an illustration that will encourage the user to fill out the form. All user interface elements must be thought out and implemented.
The illustration technique is collage, photo manipulation, retouching.
• Modal window
• Registration form (+ element behavior)
• Illustration
| Text
Join the winners club! It's your time to become a leader!
Sign up now and get 25% Discount off your first project.
Form: Username, E-mail, Password
Checkbox: I have read the Terms and Conditions and Privacy Policy
Button: Join Now for Free
Link to close the modal window: No thanks. Ask me later.
| Specification
Program for the task: Adobe Photoshop CC
Modal window: 847x566 px
Final layout format: JPG, PNG
DPI: 72
Color: RGB
| Evaluate
• UI elements and their behavior
• Typography
• Color scheme
• Creativity/Idea
• Accuracy and accuracy
• Illustration quality
• Composition
| Terms
The term of the test task is 7 days.

Answer 1

Open this site or this one and there you will find a bunch of examples for inspiration. They even have free templates.