Technical task:
1. General concept - create a template for PWA design in Photoshop, where:
- Background: simple, unsaturated, but consistent with the color scheme of the game
- A silhouette of a phone is placed in the background, occupying the central part of the image
- The upper part of the image is left for text (main text block (title) and description)
2. Main requirements
2.1. Element placement:
- Background: Static, color can be changed in the game palette.
- Phone silhouette:
- The image of the phone should be centered, occupying most of the screen.
- The content of the phone screen should be easily changeable (game or other image).
- Add an area for two text blocks:
- Main text block: “How to find a game on the casino site”
- Description: “Play now and win!”
- The font should be readable and adaptable to different text sizes.
2.2. Template flexibility:
- Ability to easily change: text, background color, image on the phone screen
- The template should be layered (for ease of replacing elements).
3. File format
- PSD (Photoshop)
- Layers must be clearly labeled: Background, Phone Silhouette, Game Content, Text Block 1 (Main text block), Text Block 2 (Description)
4. Examples and references (in the attachment)
- Use the second app (Magnus Trainer 2) as the main reference for the background and phone placement:
- Simple background
- Large phone silhouette in the center
- Text at the top with a call to action
In the first attached file, I noted with numbers:
1 - Main text block
2 - Description
In the second attached file, screenshots to be used now inside (where the image should be on the phone)
In summary, the output should be:
- PSD template with all the specified criteria above
- Based on the reference from the attached screenshots (preferably Magnus Trainer 2)
- And insert the screenshots from the 2nd attached file into it