Подпишитесь на блог

Закрыть
Мир

Путешествую и фотографию

Блог

Пишу о личных наблюдениях



Читаю и пишу в твиттер. Хочешь обсудить мою заметку? Пиши.


Делюсь мыслями. Общаюсь с близкими по интересам людьми.


Публикую новости, статьи и собственные размышления.


Делюсь наблюдениями и интересными моментами из жизни.
Подпишитесь на блог
Подпишитесь на блог по RSS
1 заметка с тегом

сайт

Как разрабатывался и верстался мой сайт

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

Первоочередной задачей стояло сделать Главную страницу для сайта и немного изменить уже писавшийся мною к тому времени Блог, добавив туда легкую возможность подписки для читателей. Уже немного погодя, после того, как было принято решение о создании сайта, я решил также изменить и концепцию моего фотоблога. Таким образом предполагалось создать главную страницу сайта с навигационными разделами из нее к блогу и фотоблогу (теперь это Мир).

Общие требования:

Главная страница
Было решено, что на главной странице будет небольшой блок с кратким описанием обо мне, определенное количество заметок из моего блога (например 10 самых популярных), система тегов для статей для удобства навигации, и текст моих жизненных позиций. Также было предложено выводить на главную в рандомном порядке фотографии с моего фотоблога, и это было логически правильным, поэтому я сразу согласился. Кроме того, в обязательном порядке предполагалось, что на главной странице будет блок подписки, где читатели смогут подписаться к социальным сетям и следить за моими публикациями удобным для себя образом, кнопки соцсетей, чтобы можно было поделиться страницей со своими друзьями и знакомыми, а также форма обратной связи.

Самая первая схема для будущего сайта выглядела так...

Блог
Тут все намного проще, ничего придумывать было не надо, поскольку блог к тому времени уже давно существовал и писался. Оставалось немного подкорректировать шаблон блога, чтобы добавить туда блок подписки, аналогичный тому, что был сделан для главной страницы. Теперь потенциальному читателю не составляет никакого труда подписаться на обновление моих публикаций. Блок подписки есть, как в верхней части страницы блога, над его контентом, так и внутри самой публикации.

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

Начало работы

На обсуждение были представлены несколько макетов главной страницы будущего сайта. При предварительном обсуждении макетов возникало не мало вопросов относительно содержательной части текстов, количества выводимых записей с блога, наличия тех или иных блоков на главной старнице и т. п.

В окончательном варианте был утвержден следующий макет главной страницы:

А так выглядел макет отдельной страницы в блоге:

Макет отдельной страницы в блоге с открытым блоком подписки:

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

Результат
Результаты работы выглядят следующим образом:

Главная страница
Блог
Мир

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

2018   блог   дизайн   мир   разработка   сайт