Redesign and adaptation of existing layouts in Figma

CONTEXT

WinWin Education - an educational center that teaches adults and children English, mathematics, and Ukrainian. It has a main landing page https://www.winwin.education/ and a test site https://test.winwin.education/ that is used as an interactive tool for lead generation. 

TASK

Using existing layouts in Figma,  develop an adaptation of the main site design to the layout of the English language test. DO NOT MAKE significant structural or functional changes, only visual. We must fully follow the styling of the main site. 

Layouts of both sites - are available in Figma and are responsive for 4 screen sizes. 

EXPECTED RESULT

• Responsive layouts in 4 sizes for the following pages of the English language test (screenshots of layouts in the attachment)
  • main page
  • question page
  • result page
  • result breakdown page (NOT responsive - one size)
• The header and footer of the test are fully identical to the header and footer of the main site
• All layouts are made in Figma and ready for export and further handover to the developer for coding
• Graphic elements, styling, fonts, colors are inherited from the main site, namely - the page https://www.winwin.education/
• Design variations are allowed at your discretion, but DO NOT MAKE significant structural or functional changes

Screenshots of layouts in the attachment. Also, both sites exist and are operational, please familiarize yourself for a complete understanding. Access to the layouts will be provided upon your request. 

I look forward to your budget and timeline proposals. 

Thank you. 

КОНТЕКСТ

WinWin Education - освітній центр, що навчає дорослих та дітей англійської мови, математики та української. Має основний лендинг https://www.winwin.education/ та сайт тесту https://test.winwin.education/ що використовується як інтерактив для збору лідів. 

ЗАДАЧА

Використовуючи існуючі макети у Figma,  розробити адаптацію дизайну основного сайту до макету тесту з англійської мови. НЕ ВНОСЯЧИ суттєвих структурних або функціональних змін, виключно візуал. Ми маємо повністю наслідувати стилістику основного сайту. 

Макети обох сайтів - є у наявності у Figma та зверстані у респонсиві на 4 розміри екрану. 

ОЧІКУВАНИЙ РЕЗУЛЬТАТ

• Респонсів макети у 4 розмірах для наступних сторінок тесту з англійської мови (скріншоти макетів у аттачі)
  • головна сторінка
  • сторінка запитання
  • сторінка результату
  • сторінка розшифровки результату (НЕ респонсів - один розмір)
• Хедер та футер тесту повністю ідентичні хедеру та футеру основного сайту
• Всі макети зроблені у Figma та готові до експорту та подальшої передачі розробнику у верстання
• Графічні елементи, стилістику, шрифти, кольори наслідувані з основного сайту, а саме - сторінки https://www.winwin.education/
• Допускаються варіації у дизайні на ваш розсуд, але НЕ ВНОСЯЧИ суттєвих структурних або функціональних змін

Скріншоти макетів у аттачі. Також, обидва сайти існують та працюють, будь ласка, ознайомитеся для повного розуміння. Доступ до макетів надам за вашим запитом. 

Чекаю ваших пропозицій по бюджету та строкам. 

Дякую.