Сообщество - Pro веб-дизайн и фриланс

Pro веб-дизайн и фриланс

19 постов 245 подписчиков

Популярные теги в сообществе:

Кейс | Разработка сайта и вывод в цифровую среду бизнес-психолога

Клиент

Лариса Ловцевич — бизнес-психолог и eхecutive–коуч с 25-летним опытом управления организациями здравоохранения в компаниях-лидерах рынка.

Цель

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

Задачи

🔸 Разработка технического задания
🔸 Разработка логотипа и дизайна сайта
🔸 Верстка на Тильде и настройка интеграций

Проект в цифрах

Проект в цифрах

Этап 1. Разработка технического задания

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

Первоначальная идея с лендингом начинала трещать по швам из-за избыточного (впервые!) контента от заказчика, но договорились продавать основную услугу "Разовую консультацию", дальше по воронке "Коучинг в контракте" и отдельным продуктом в самом низу "Коучинг для бизнеса". С учетом, что для каждого продукта появится отдельная микро-страничка с пояснением сути и ожидаемого результата клиента.

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

Этап 2. Прототипирование и дизайн

История с продуктовыми микро-страницами родилась на этапе прототипирования, когда стало понятно, что контента для типового pop-up многовато. Написав тексты, вычитали вместе и по отдельности с заказчиком и внесли правки.

Из ТЗ у нас были рефы и пища для разработки дизайн концепции. Помучавшись с разработкой логотипа (тут отдельная история) и подбором "дорогого и глубокого" темно-синего цвета мы быстро согласовали концепт и загрузили дизайнера.

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

Референсы, дизайн и UI-Kit

Этап 3. Верстка и настройки

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

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

Попутно разработали служебные страницы и политики обработки ПД. В конце развернули стандартный блог и обучили вносить новые статьи.

Проект от обычных отличали три момента:
1) Разработка лого. Мы ни разу не разрабатывали логотипы (стоит написать отдельно).
2) Широкоэкранная верстка. Давно хотел попробовать сам. Результат уже можно посмотреть на готовом сайте.
3) Зрелось заказчика. Детально погружалась в задаваемые вопросы, тексты, прототип, дизайн-концепцию. Задавала много вопросов, комментировала и конкретизировала что нравится, что не нравится. Уважительно, адекватно, в меру и по делу. Халтура вскрылась бы на раз😂

Виктор Бохан. Руководитель "BuroBohan"

Отзыв заказчика

Отзыв заказчика

Команда проекта

Виктор Бохан и Екатерина Русакова

Посмотреть готовый сайт можно по ссылке

Показать полностью 10
2

Макеты Figma (часть 2)

Макеты Figma (часть 2)

Дизайн сайта веб студии
https://www.figma.com/design/6nVMtueUYR50I3TkMlwT9R/Most.pro...


Дизайн сайта медицинской тематики
https://www.figma.com/design/LlN1xxZRBLFKwlR3phV6MQ/_Дизайн-сайта-"Эквамер"____-(Copy)?node-id=4095-4001


Дизайн сайта саморазвития
https://www.figma.com/design/L55U1ysekii8j4dVmAtdpl/На-оценку-вёрстки-(Copy)?node-id=0-1

Показать полностью 1
18

Подборка красивых, но мало удобных сайтов)

Больше неудобных, но интересных сайтов, в нашей телеге – муза на час

Сайт компании Mammut, специализирующейся на производстве снаряжения для альпинизма и других видов экстремального спорта. . eiger-extreme.mammut.com

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

Промо-сайт какого-то крема fossula.com

Промо Сайт рассказывает про щитовидную железу lechefdorchestreducorps.fr

Сайт агентства, предоставляющее услуги по организации свадеб и других мероприятий prior.co.jp/discover

Больше неудобных, но интересных сайтов, в нашей телеге – муза на час

Показать полностью 4
107

Обычный день Гарри Поттера в Челябинске

Побаловался с нейросеткой. Обычный день Гарри Поттера в Челябинске.

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

Погреться у теплой печи и садиться дизайнить сайт. Работа сама себя не сделает)

Показать полностью 6
179

9 кириллических шрифтов к хеллоуину

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

Названия шрифтов вверху у каждого баннера.

Все имеют кириллицу. По авторскому праву плиз глянь сам/ Вроде все они локализованы, переделаны с латиницы, поэтому уже прошли процедуру пиратства. Многие уж очень старые и малоизвестные. Но на всяк случай гугли)

Скачать все шрифты (пост в вк)

Показать полностью 9
4

Дизайн логотипа для агенства недвижимости

За окном холодный февраль, слякоть, дождь. Птицы все улетели уже давно к себе домой. Самое время задуматься и о жилье для людей, но перед этим немного привести себя в порядок. Вот так ко мне и обратилось агенство недвижимости с потребностью в логотипе. Требований особых не было, единственное - использовать в логотипе знак, который будет ассоциироваться со строением. Таким образом, получился очень интересный лого, в котором используется первая буквы двух слов из названия в виде строения на трёх колоннах. Цветовая палитра подобрана на мое усмотрение. Она же в дальнейшем использовалась при создании фирменного стиля.
Заказчик доволен, а люди в тепле 🤗

#дизайн #вебдизайн

Показать полностью 4
Отличная работа, все прочитано!