Здравствуйте, уважаемые читатели!

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

Все так же продолжаю пропагандировать CMS 1С-Битрикс, так как очень привык к данной CMS и понял принципы ее работы. С каждым проектом мне все проще и проще находить выходы из сложных ситуаций. Так и новый проект я так же строю на 1C-Bitrix. Сайт будет посвящен покупке/продаже/аренде квартир и других помещений за рубежом. Проект нужен человеку, который хочет на постоянной основе переехать за рубеж и в качестве работы выбрать именно область риэлторства.

На данный момент уже есть наброски дизайна, который я с гордостью хочу показать вам:

Логотип сайта намеренно скрыт, по факту он находится чуть выше кнопок социальных сетей. Итак, несколько принципов, которые используются в современных проектах — это нарисованные при помощи CSS тени и переливы фона. Конечно же это сугубо мое мнение, но на мой взгляд получается намного симпатичнее, чем без их использования.

Что бы не заниматься ерундой и не химичить с кодом этих самых теней и переливов мной были найдены отличные генераторы. Итак, давайте посмотрим эти сервисы!

1. Генератор (BoxShadow) теней. Генератор находится по адресу: http://css3gen.com/box-shadow. На мой взгляд генератор построен достаточно интуитивно и любой человек даже без знания языка сможет им воспользоваться.

2. Генератор градиентов. Так же достаточно удобным сервисом оказался генератор градиентов. В случае с последним проектом градиент используется на фоне. Сайт генератора: http://www.colorzilla.com/gradient-editor/

3. Так же в проекте было решено вынести в шапку кнопки социальных сетей, но они оказались очень яркими и сразу привлекали внимание. В итоге было решено использовать их затемнее путем подключения JS. Подробности здесь.

Так же из сложностей проекта стала мультиязычность. Почитав мануалы я так и не понял есть ли стандартный компонент у битрикса, поэтому было решено делать все в ручную. Получилось так:

а при добавлении в адресе /en/ произойдет переключение языка на английский и все будет выглядеть так:

Естественно я продумал все и в плане SEO, к примеру ALT картинок и заголовки автоматически меняются при переключении языка. Параллельно провел модернизацию стандартного компонента хлебных крошек и установил в него микроразметку. Соответственно в результатах поиска сайт будет выглядеть красивее.

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

На данный момент сайт еще в стадии разработки, но сделано уже около 60%, думаю по скринам это видно. Очень интересно узнать Ваше мнение по поводу дизайна, поэтому отписывайтесь в комментариях, возможно интересные идеи возьму на заметку и даже внедрю.


Раздел: Сайтостроение
Тема: Новый заказ на разработку сайта
Протраффик.RU: www.protraffik.ru