Table of Contents |
---|
Icons
Icon Specs
...
Icon Size -300 x 300 px with small margin
Type -Graphic or Image
File Format -.PNG .JPG .GIF .SVG ensure images are optimised for web use
...
Icon file names should be formatted relevant to the preezie Questions Answers and Logic Sheet
File Name Format -QuestionNumber_AnswerNumber_AnswerCopy
...
Example
1_1_Red
1_2_Blue
1_3_Green
1_4_Pink
...
Are low contrast
Avoid blacks and bright whites
Have limited detail
Image Specs
Image Size
Desktop – 2000 x 1000 px
Tablet – 800 x 1000 px
Mobile – 480 x 800 px
Type - Graphic or Image
File Format -PNG .JPG ensure images are optimised for web use.
Example Backgrounds
...
Loading Animation
We will always include a loading screen before showing results. Doing so increases conversions due to a perception that the tool is putting effort into analysing the preezie shopper’s inputs to generate results. This is known as the effort heuristic!
...
A simple loop with no text
An animation of up to 4 seconds
Specs -The animation must be a 300 x 300px animated .GIF and web optimised to be under 400kb file size.
...