Верстка одной страницы FIGMA
https://figma.com/file/olbPCp3XjLgGwQcDa5hFJU/GetFollowers-24?node-id=0%3A1
ТЗ на верстку сайта.
Основныеисточники:
1. Отрисованные макетыhttps://www.figma.com/file/olbPCp3XjLgGwQcDa5hFJU/GetFollowers-24?node-id=0%3A1
2.Анимация для главной страницы -
3.Сайты взятые за основу https://www.topgrowth.net/
Версия длякомпа
Главная страница.
- Заголовок Н1: Let’s Make Your Instagram the Best
Н2: Get Real Instagram Followers, Likes, Comments and Views in the unique SMM service!
- Выделенные значки добавления лайков и подписчиков
хаотично перемещаются.
- Анимция прорисована в фигме на main banner1, main banner2, main banner3 (3 экрана)
работу подобной анимации можно посмотреть
здесь https://socialcaptain.com
картинки для анимации берем из фигмы
- Таймер
под ним надо оставить 2 пакета
(https://www.topgrowth.net/ как здесь на главной)
пакеты на 900 Active Followers и 2700 Active Followers
- Следом как в фигме на main banner1 идет раздел Our Uniques (взят с https://www.topgrowth.net)
- Затем раздел How it works (Реализован с сайта https://blastup.com/)
прорисован в мобильной версии главной
страницы.
Выдвигаться блоки должены также, как на сайте донаре.
Текст:
- второйCheckout
There’s no registrationprocess and we won’t ask for your Instagram password. Just enter
your username, email and go to the next section to confirm your
order
- третийSee Results
You’llstart seeing results instantly. Your Instagram will be blowing up
with activity!
- Далее вставляем отзывы (Раздел Customer Reviews)
в мобильной версии он готовый
обращаем внимание на кнопку More все будет работать как у сайта донора
все те же самые отзывы с теми же фото
пользователей)
- В конце страницы футер
берем готовое решение из фигмы (их два, берем
верхний с темно-синим фоном)
В этом разделе также отмечу наличие в конце
страницы Get started now кнопок Real Followers и Real Likes. Они же должны следовать за пользователем,
когда тот листает любую из страниц
(смотреть https://www.topgrowth.net/).
Кнопки соответственно ведут в свои одноименные разделы)