Добавить в корзинуПозвонить
Найти в Дзене
NeuroWeb

Неделя 11. Делаем сайт на заданную тематику с нуля

Одиннадцатая неделя моего обучения на исходе. Мой заработок на данный момент равен нулю, и я все еще не начинаю искать клиентов. На этой неделе в рамках обучения у нас была курсовая работа. Никаких теоретических и практических знаний не было. Нам просто дали текст для создания сайта. На котором должны были быть применены все принципы прорабатывавшиеся все предыдущие уроки. В качестве исходника был дан текст для двухстраничного сайта и логотип. Тематика - курсы английского языка. Здесь можно посмотреть на проделанную работу. Если в ближайшую пару дней вы сможете найти какие-нибудь недостатки, я еще успею внести корректировки до сдачи работы =) С чего начиналась работа Многие советуют начинать работу с сайтом заказчика с разведки. Нужно обойти потенциальных конкурентов вашего заказчика и посмотреть, чем наполнен и как оформлен их сайт. Так я и сделал. Наполнение у меня уже было. А вот как определиться с дизайном - вопрос сложный. Я не самый творческий человек (да-да, такой вот веб-диза
Оглавление

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

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

В качестве исходника был дан текст для двухстраничного сайта и логотип. Тематика - курсы английского языка. Здесь можно посмотреть на проделанную работу.

Английский по телефону
Если в ближайшую пару дней вы сможете найти какие-нибудь недостатки, я еще успею внести корректировки до сдачи работы =)

С чего начиналась работа

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

Наполнение у меня уже было. А вот как определиться с дизайном - вопрос сложный. Я не самый творческий человек (да-да, такой вот веб-дизайнер), поэтому решил улучшить то, что увижу на сайтах конкурентов.

Но, вопреки моим ожиданиям, интересных сайтов я не нашел. Даже сайт SkyENG, который рекламируется со всех щелей меня нисколько не впечатлил. Поэтому я решил обратиться к моему любимому каналу на YouTube по созданию сайтов на Tilda. Всем советую зайти на канал Макса Куратова.

Найдя довольно простую концепцию для первого экрана, я стал собирать сайт.

Первый вариант главного экрана в рамках курсовой
Первый вариант главного экрана в рамках курсовой

Дальнейшая работа

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

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

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

Вот, что получилось после переработки цветовой концепции.

Конечный вариант  главного экрана в рамках курсовой.
Конечный вариант главного экрана в рамках курсовой.

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

Этот маленький лафхак помог значительно сэкономить мое время и о нем я не слышал от других учителей.
Возможно это неправильный подход или мастера своего дела с легкостью выполняют адаптацию для мобильных устройств и планшетов. Но для меня на данном этапе это самый унылый и трудоемкий процесс при создании сайта.
Конвертация базового блока в Zero-блок Tilda
Конвертация базового блока в Zero-блок Tilda

SEO-оптимизация

Конечно же я не прошел стороной и SEO-оптимизацию. О том, как это делается я писал в двух статьях тут и тут.

Оптимизация под SEO не самый творческий процесс. Но, благодаря лафхаку из пункта выше, я сделал эту работу всего за час.

Так, собственно, и прошла 11 неделя обучения.

Информация оказалась интересной или полезной. Ставь лайк и подписывайся на канал. Посмотрим, что принесет новая неделя.

P.S. Если понравился сайт, созданный в рамках курсовой работы, готов взять свой первый заказ. Сделаю лендинг всего за 3 тысячи рублей. После обучения стандартный прайс на эту услугу от 10 тысяч, так что лови удачу за хвост.