Email Template and HTML Web Page - Postcards
Budget: €30 – €250 EUR
1. Email template.
The letter should contain a button (clickable - with the Hover effect) a link to the website page. The main focus is a growing tree .gif file.
The design of the letter template is prepared in figma (All texts and graphic elements are pictures in .png format, available).
We should get an .msg file from you to send from Outlook, which we will send to clients ourselves.
2. HTML web page
The web page design is already prepared in Figma. There must be a responsive design for all mobile screens, display correctly. An example of last year's page - postcards: https://www.kn.lt/sveikinimas/2020/lt/.
You must transfer the zip archive with the site files (Pages). All Javascript, CSS and others libraries must be in one package and not run from external servers.
The page consists of three screens:
2.1. Screensaver.
Center logo screen (falling snow / snowflakes animation). On the logo, a finger (arrows) icon "Press to speak" is blinking. Animation: snow / snowflakes falling. By clicking anywhere on the screen, the music turns on and the screen smoothly slides to Congratulations. There may be a Parallax effect of large snowflakes.
2.2. Congratulation.
Congratulation screen. Background pictures - forest. Animation - snow is falling. Christmas music is playing.
On the left side of the screen there is a congratulatory text. On the right side is a growing .gif tree.
When scrolling down the screen, go to the facts screen.
2.3. Facts.
Facts about trees. Background picture - trees, snow. Music and animation continue to play - snow / snowflakes are falling.
There are 5 white trees in the center in two rows. When you hover over any tree, it smoothly becomes colored, and text appears under it. If you remove the cursor, the tree becomes smooth white again.
The letter should contain a button (clickable - with the Hover effect) a link to the website page. The main focus is a growing tree .gif file.
The design of the letter template is prepared in figma (All texts and graphic elements are pictures in .png format, available).
We should get an .msg file from you to send from Outlook, which we will send to clients ourselves.
2. HTML web page
The web page design is already prepared in Figma. There must be a responsive design for all mobile screens, display correctly. An example of last year's page - postcards: https://www.kn.lt/sveikinimas/2020/lt/.
You must transfer the zip archive with the site files (Pages). All Javascript, CSS and others libraries must be in one package and not run from external servers.
The page consists of three screens:
2.1. Screensaver.
Center logo screen (falling snow / snowflakes animation). On the logo, a finger (arrows) icon "Press to speak" is blinking. Animation: snow / snowflakes falling. By clicking anywhere on the screen, the music turns on and the screen smoothly slides to Congratulations. There may be a Parallax effect of large snowflakes.
2.2. Congratulation.
Congratulation screen. Background pictures - forest. Animation - snow is falling. Christmas music is playing.
On the left side of the screen there is a congratulatory text. On the right side is a growing .gif tree.
When scrolling down the screen, go to the facts screen.
2.3. Facts.
Facts about trees. Background picture - trees, snow. Music and animation continue to play - snow / snowflakes are falling.
There are 5 white trees in the center in two rows. When you hover over any tree, it smoothly becomes colored, and text appears under it. If you remove the cursor, the tree becomes smooth white again.