Design and build B2B site

I. Design Build a new B2B showcase website for a telecommunications operator. It shall look professional and correspond to current cutting the edge modern (minimalistic) design. Some animations are needed too. - Cut all images for integration. Follow the precise instructions have to name all images in the programming section. - Provide all colour codes and fonts used. - All images and files must be HD and modifiable in PSD and JPG. Please read carefully all instructions in the attached PPT file before you make an offer. Once the desktop design finished, build a simplified design on this basis for a mobile version of the site. The images of the site have to be created in 3 languages: English, Greek and Russian – Greek and Russian will be designed by another designer on the bases of files you designed. Only professional and experienced designers who perfectly know what is state of the art in terms of design in Western Europe. No ready-made stuff. The landing page needs a slide modification. The order of client logos has to be respected (see attachment). Animations a. The iPhone screen should switch on and display “Hello” like the screen when you turn on an iPhone (white b. The bulb of Elena and the speaking bot bulb (Elena) will load after 10 seconds once the screen of the landing page is loaded c. The visuals of all topics will be assembled while scrolling down (see [login to view URL]) II. Programming Integrate all visuals and texts in 3 languages either in Wordpress or HTML and upload it to our server. The site has to display and auto-size properly with the last 3 versions of IE, Chrome, Safari and Firefox. The maximum loading time per page is 3 second. The site shall have a SEO-friendly structure. When loaded a background music shall start playing and phase out at 1 min 12 sec: [login to view URL] (start the music at 12 sec and shall be finished at 1 min 12 sec). Add a mute button and volume button. All images have to display a logic title when scroll over like for instance the title “MICROPAYMENTS” will show “micropayments Aragon Telecom” or “Aragon Telcom micropayments” (please only 1 of those possibilities). The internal indexation (see slides 4,5 and 7 PPT) will be the following for visible indexation on H1 level: - Micropayments - Technology note: the scroll over will be “blockchain technology” and shall be indexed like this in the code as well - Project management - Invest All other titles and sections have a lower indexation level. The frame title will be: Aragon Telecom smart solutions URL shall be short and SEO-friendly: [login to view URL] for example for the topic micropayment. Build all other topics with the same logic. - Write an HTML Code for all pictures always starting with „Aragon Telecom“ - Keyword and site title in the browser bar: „Aragon Telecom smart solutions“ - All menu titles: title + „Aragon Telecom“ example slide 9 PPT: - Example slide 9 PPT: The image Disrupt you save as “Aragon Telecom [login to view URL]”, the ALT Mega tag is also “Aragon Telecom disrupt” in the source code and scroll over, the word “blockchain technology” you save as “Aragon Telecom blockchain [login to view URL]”, the ALT Mega tag is also “Aragon Telecom blockchain technology” in the source code and scroll over AND a H1 indexation in the source code. The same logic applies to all titels and images. - Optimize picture resolution regarding page loading time - Build XML sitemap or equivalent in Wordpress The mobile version has to display and resize on all iPhone devices from iPhone 6 to 11 and Galaxy on all models of the past 3 years. - Build a responsive mobile version of the site - No transfer with sitemap from desktop to mobile site, build a genuine sitemap for the mobile version - Mobile content has to be readable on all iPhone models since iPhone 6 onwards and all models Samsung Galaxy since 2017. No transfer with sitemap from desktop to mobile site. see Word, budget US$ 450