Задача:
Создать сайт с адаптивной версткой на Тильде для консалтинговой компании «Sinoruss», помогающей российским компаниям выйти на китайский рынок.
Цель:
Ознакомить посетителей сайта с услугами компании и привлечь аудиторию к заполнению формы обратной связи для получения дальнейшей консультации специалистами компании.
Реализация:
Реализация проекта осуществлялась на базе заранее подготовленных и согласованных с клиентом этапов с описанием действий, промежуточных результатов, зон ответственности.
Этап 1
На первом этапе мы создали смысловой прототип будущего сайта:
Создать сайт с адаптивной версткой на Тильде для консалтинговой компании «Sinoruss», помогающей российским компаниям выйти на китайский рынок.
Цель:
Ознакомить посетителей сайта с услугами компании и привлечь аудиторию к заполнению формы обратной связи для получения дальнейшей консультации специалистами компании.
Реализация:
Реализация проекта осуществлялась на базе заранее подготовленных и согласованных с клиентом этапов с описанием действий, промежуточных результатов, зон ответственности.
Этап 1
На первом этапе мы создали смысловой прототип будущего сайта:
- проанализировали текущий контент
- изучили исходные данные в социальных сетях и на основном сайте компании
- изучили основных конкурентов на предмет подачи смыслов целевой аудитории через digital и дизайн
- превратили массив информации в структурный продукт в виде смыслового прототипа лендинга, раскрывающий верные смыслы, ценности, акценты
- предоставили заказчику, внесли корректировки и утвердили прототип.
![](https://static.tildacdn.com/tild3635-3233-4335-b666-306433636238/Frame_1.png)
Этап 2
На втором этапе мы разработали дизайн лендинга в Figma по утвержденному смысловому прототипу:
На втором этапе мы разработали дизайн лендинга в Figma по утвержденному смысловому прототипу:
- сначала собрали референсы стилистики будущего лендинга в мудборд
- создали прототип дизайна лендинга в Figma, соблюдая рекомендации фирменного стиля
- презентовали готовый дизайн лендинга, представляли свое видение, аргументировали решения
![](https://static.tildacdn.com/tild3464-3834-4438-b764-653632666634/Frame_2.png)
Этап 3
На третьем этапе осуществили адаптивную верстку лендинга на Тильде:
На третьем этапе осуществили адаптивную верстку лендинга на Тильде:
- сверстали готовый дизайн сайта на Тильде в Zero Block
- собрали все блоки сайта и адаптировали под все разрешения
- добавили анимацию и код
Посмотреть сайт:
![](https://static.tildacdn.com/tild3136-3333-4531-a433-366464393337/Frame_4.png)