Инструменты:
— Figma
— Photoshop
— Tilda
1. Обсудили с клиентом все детели проекта и собрали все необходимые материалы. Также проанализировали нишу и конкурентов.
2. Создали прототип сайта и согласовали с клиентом. Затем сделали два варианта дизайна и после утверждения начали верстать сайт.
3. Создали анимацию используя "Step-by-step Animation", но только для компьютерной версии.
Анимация для мобильных отключена, чтобы пользователям сайтов было удобнее использовать сайт на мобильных. Также:
— на мобильных маленький экран и сложные анимации усложнят восприятие информации
— мобильные браузеры не такие мощные и анимация может быть причиной медленной загрузки, и уменьшения конверсии
4. Адаптировали сайт под все устройства: пк, планшеты и телефоны.
5. Проанализировали на скорость загрузки.
6. Проработали иерархию заголовков и прописали мета-теги.
7. Перенесли на домен и поставили SSL-сертификат.