Unicorn landing

Что бы вы ни хотели изменить, сначала вам нужно будет включить режим правки (в админке, в самом верху страницы, справа):



Основная часть контента реализована включаемыми областями. Это значит, что для изменения блока вам нужно будет навестись на него мышкой, дождаться всплывающего окна и нажать кнопку "Изменить область".

Будоражащие душу подробности:

Шрифт Rex стремится разбавить некую серость нашего существования – поэтому иногда он становится разного размера и проявляется заборчиком. Почему так – мы не знаем, но убирать его не стали, потому что нам смешно.

Цвета, конечно, странные, но мы так чувствуем. Их вы сможете поменять. Кроме терракотовой полосы под слайдером и синего цвета под синим котиком.

Теперь расскажем подробнее (если мы что-то не учтём в описании, вы всегда можете нам написать, не стесняйтесь).

1. Логотип можно менять (включаемая область). Картинка, которую вы будете загружать на место логотипа, должна быть в формате .png или .jpeg.

Ограничение по размеру заливаемого файла: 100-100 px.

Мы даже попробовали вставить пачку макарон, и это работает! Невероятно!

2. Меню.

Есть 2 вида меню – основное и вспомогательное, ещё не доросшее до основного.

В основное (оно расположено ниже, шрифт крупнее – ну да, оно же основное) мы вынесли ту информацию, которую пользователь обычно ищет, покупая товар:

1. портфолио (добавили спец.проект, чтобы было),

2. цены (т.к. всегда интересно знать, почём нынче радость обладания),

3. отзывы (чтобы случайно не наступить на чьи-то грабли).

Во вспомогательное вынесена информация о команде, всяких новостях, зачем-то про инструкцию и контакты.

Все ссылки якорные – т.е. вы по ним кликаете и попадаете на нужный этаж этой же страницы. Отдельные страницы есть для новостей (список новостей и страница отдельной новости) и проектов (список проектов и страница отдельного проекта). На страницу проектов вы можете попасть, кликнув на соответствующем этаже по соответствующему заголовку.

Редактировать якорные ссылки удобнее всего здесь:

3. Телефоны.

Телефоны выведены во включаемой области. Больше трёх не добавляйте – всё ползёт и выглядит коряво. Серьёзно, кто в шапке выводит с десяток телефонов? Не делайте так.

Телефоны вводим с кодом страны, чтобы номер телефона отрабатывал по клику корректно.

И если вы хотите, чтобы телефон оставался кликабельным, обратите внимание на скрины:

4. Если у пользователя с первого взгляда возникнет безудержное желание оставить вам заявку на что бы то ни было, в правом углу мы вывели возможность с вами связаться, такие порывы игнорировать нельзя:

Ссылка здесь тоже якорная, перекидывает на форму обратной связи в футере. Впрочем, сюда можно разместить любую информацию (в пределах разумного) - это тоже включаемая область.

5. А, вот ещё, тут есть поиск.

Сначала мы сильно сомневались, зачем нужен поиск на лэндинге, потом уже сомневались не очень сильно, а потом вообще перестали. Поиск резво выезжает, если кликнуть по лупе, и так же стабильно заезжает обратно, если кликнуть по ней же. Замечателен в своей лаконичности.

6. Слайдер.



В слайдер можете вставлять или текст, или картинки. Можете прямо
прямоугольными баннеры добавлять, а можете что-то на прозрачном фоне. Потому что иногда картинки надоедают, и за очередную улыбающуюся девушку, рекламирующую бензопилу, глаз не цепляется.

Добавлять и удалять слайды можно в инфоблоке "Баннеры на главной".

Раньше там плавал большой нарвал.

Теперь там плавает маленький дракон. Не спрашивайте.

7. Условное описание компании.

Под слайдером вы можете рассказать о том, какие вы прекрасные, замечательные, незаменимые и вот это вот всё. Даже если об этом можно говорить бесконечно, вложитесь в пару строк заголовка и 4-5 строк описания.

8. Скачивание чего-нибудь интересного.

Как только пользователь прочтёт о вашей прекрасности и скромности, его снова начнёт пожирать желание что-нибудь у вас заказать. Дайте же, дайте ему такую возможность! Мы, в общем, дали.

Слева пишете текст, чего вы там именно даёте, кнопка справа позволяет это что-то скачать.

Это может быть инструкция к вашим товарам или каталог продукции, или меню, или прайс. Разберётесь, в общем.

Реализовано включаемыми областями. В нашем примере файл для скачивания лежит в папке Download, вы можете его поменять, или тянуть с любого другого сайта, например, из dropbox.

9. Спец. проекты.



Спорный, конечно, этаж. Но среди всех проектов бывают прямо любимые. Или которыми важно похвастаться. Или у вас уже 568 проектов, а вам важно, чтобы на глазах всегда был третий, двенадцатый и двадцать первый. Мы вас понимаем, конечно, поэтому
даём возможность добавить их сюда.

Обратите внимание, что детальных страниц у этих проектов нет, они не тянутся из списка проектов, добавляясь вручную в отдельном инфоблоке «Наши спец.проекты» (название этажа тянется из названия инфоблока).

Также обратите внимание, что вы сюда можете залить вообще всё, что угодно: преимущества, правила поведения, законы термодинамики и робототехники. Вы просто меняете заголовок, картинки и описание – и радуетесь, какой же вы молодец, и как всё легко получилось.

Цвета блоков и текста меняются. Вы можете добавить больше трёх элементов, но на сайте всё равно отобразятся 3 последних.

10. Этаж с котиком. Да. Это странно, мы знаем. Но котик
красивый, мы не хотели его убирать. И вам не советуем. Синий котик на сайте – это здорово. Ещё у него потрясающие усы – все четыре.



Рядом с котиком пишите, что хотите. Сейчас там правила, но вы же уже поняли, что это восхитительное решение позволяет вам делать всё, что хотите (почти) – поэтому вы можете туда залить информацию о себе, историю своего создания (только не увлекайтесь), интересные факты о своём продукте или услуге, призыв смотреть «Богемскую
рапсодию» или «Венома».

Ладно, котика можете поменять, если у вас совести нет. Мы попробовали, но вышло так себе.

А синий фон всё ещё не меняется, извините.

11. После такого котика пользователь, конечно, снова захочет с вами связаться. Давайте же ему снова не мешать.



Этаж аналогичный этажу с лифтом Шрёдингера.

12. Дальше команда. Добавляете себя, называете себя, описываете
себя. И да, снова л – лаконичность: 2-3 короткие строчки. Будем честными – люди любят сами себя, про других им нужно знать только самое основное (*грустный вздох)

У нас добавлено три члена команды, вы можете добавлять больше, - новые лица будут добавляться точно так же – по три в строку.

Члены команды добавляются в инфоблоке «Команда».

13. Отзывы.

Как это работает в нашей голове: вам пишут отзыв через форму обратной связи в футере (в правом верхнем углу блока с отзывами есть якорная ссылка «Оставить отзыв», перекидывающая на эту форму). Вы с ним, конечно, соглашаетесь и выкладываете его на сайт. Если фотографии благодарного пользователя нет, остаются вот те рисованные мордочки с, например, голубыми волосами. Вся эта радость прокручивается слайдером.

Добавляем отзывы в инфоблоке «Отзывы».

14. Последние проекты.

Это ваша галерея. Сюда вы грузите и описываете то, чем занимаетесь. И вот тут – отпустите себя. Не сдерживайтесь. Всё, что вы готовы сказать этому миру, вы можете заливать в этот раздел. Ведь у каждого проекта (или товара, или услуги – вам виднее) здесь уже есть отдельная страница для описания. И список всех проектов тоже есть – на отдельной странице. А на этаж выводится 6 последних.

Последние проекты добавляются в инфоблок "Последние проекты".

15. Новости.



С новостями то же самое. Есть и список новостей, и страница отдельной новости. Тоже туда пишите от души. Последняя добавленная новость выводится слева с картинкой. 2 предпоследние выводятся справа от картинки.





Новости добавляются в инфоблок "Новости".

16. Прайс.

Вряд ли вы настолько переполнены любовью ко всему сущему, чтобы работать бесплатно. Поэтому есть прайс. Ну т. е. если всё-таки переполнены (нет, вам показалось, мы не смеёмся), вы можете прямо туда так и написать «ребята, всё бесплатно» - ведь все блоки (сколько бы вы ни добавили) всё равно редактируются.

Мы подумали, что будет здорово иметь три варианта ценовой политики.

Если вы с нами согласны, и у вас тоже три ценовых пакета, вы можете их редактировать в инфоблоке «Прайс на лифтовое сопровождение» (инфлоблок можно переименовать, чтобы изменился заголовок этажа).

Если вы с нами не согласны, вместо ценовых пакетов вы можете просто указывать свои цены, например:

1. плетение дредов на бровях – от 124,00 грн.,

2. фрезеровка гипсокартона – от 324,00 грн.,

3. консервированные помидорки – от 600,00 грн. за бидон.

Цвета блоков меняются, цвета текста – тоже. По умолчанию – блоки жёлтые, текст терракотовый (ну, вот тот, который ближе к красному).

Количество блоков тоже на ваше усмотрение (от одного до сколько хотите).

17. Прямо над футером – форма обратной связи. Это стандартная форма Битрикс, которую мы просто круто сверстали, поэтому с её настройкой не возникнет проблем. В качестве небольшой защиты от всяческих оленей предусмотрена капча.

18. Футер.

Логотип в футере аналогичен логотипу в хэдере и меняется так же. Меню дублируется с основного. Телефоны тоже дублируются с хэдера. Соц. сеточки – это включаемая область, они работают и настраиваются во время установки.

Ещё раз напоминаем, что полную инструкцию можно скачать.

Вопросы и предложения можно сбрасывать на почту bazk@rarus.kiev.ua