50 заметок с тегом

дизайн

Позднее Ctrl + ↑
2014   дизайн   книги   обложки   ссылки

Как создавался сайт «На уровне»

Необходимо разработать сайт бригаде сантехников, электриков, сварщиков и отделочников из Санкт-Петербурга.

Изначально клиент просит сделать два акцента: на сантехнические работы и работы по электрике.

В этот раз работа начинается с написания текста. А написание текста начинается с того, что мы задаём вопросы нашего копирайтера Сергея клиенту. Из ответов Сергей пишет черновой текст, посмотрев на который, создаём примерный дизайн будущего сайта.

Показываем промежуточный итог заказчику:

Клиенту нравится дизайн-подход и не нравится подход к тестам. «Да», — говорим, — «текст пока и не может понравиться — это же Черновик Черновикович — лишь далёкий предок Итога Итоговича Текстова.» Клиент просит добавить ещё два акцента: на сварочные и отделочные работы.

Также клиент просит придумать название для сайта: «Хочется объёмное слово, которое можно было бы трактовать по-разному. Например, слово „уровень“. Оно может означать уровень мастерства, подразумевать строительный уровень и так далее.» Важно, чтобы под придуманное название можно было купить созвучный домен. Копирайтер придумывает название «На уровне» и сообщает, что домен na-urovne.com не занят. Клиенту нравится название.

Потом Сергей присылает новую версию текстов. По мнению клиента, и сейчас получилось «сыровато». Меняем писателя, добавляем детали и уточнения в текст:

Кстати, тексты мы пишем в Документах Гугла — это удобно: документами легко делиться, они доступны с разных устройств, все изменения в них сохраняются.

Всё это время дизайн-макет меняется в соответствии с новой информацией:

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

Дизайнер тем временем рисует с помощью сервиса favicon.ru фавиконку к сайту:

Запускаем: http://visor-v.ru/all/na-urovne.

Сайт «На уровне»

Создали сайт бригаде сантехников, электриков, сварщиков и отделочников из Санкт-Петербурга.


www.na-urovne.com

Сайт открыт 24 сентября 2014 г.

Разработчики
Дизайнер — Егор Козлов
Технолог — Тимофей Сучков
Название и основа текста — Сергей Васин

Как создавался сайт: http://visor-v.ru/all/kak-sozdavalsya-sayt-na-urovne.

2014   дизайн   игры   ссылки

Посетил «Железобетонную вёрстку»

Железобетонная-вёрстка.jpg

«Железобетонная вёрстка» — это мастер-класс Игоря Штанга, на который я с интересом сходил на прошлой неделе.

Мероприятие проходило в популярном петербургском месте с совершенно дурацким названием «Лофт Проект ЭТАЖИ». Послушать докладчика пришло человек двадцать.

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

Задание необходимо было выполнять на ноутбуках, поэтому те, кто с ними пришёл, кооперировались с теми, кто был без них. Я пригласил к объединению в творческую группу Наташу и Евгения, которых на тот момент не знал. Втроём мы уселись за стол. Женя решил уточнить есть ли на моём ноутбуке Фотошоп. Я ответил, что Фотошоп у меня, конечно, есть, но лучше задание в Пэинте выполнять — я в нём больше разбираюсь. Выждав паузу, я сказал, что шучу и мы, посмеявшись, приступили к делу.

Примерно через час время на выполнение задания подошло к концу и Игорь прокомментировал работы, которые сделали участники мероприятия. Затем мы задавали автору встречи вопросы, на которые он отвечал. После все разошлись.

Я рад, что мне удалось сходить на «Железобетонную вёрстку». Докладчик был хорошо подготовлен к своему выступлению и интересно всё рассказывал. Мне удалось узнать новые вещи, а также познакомиться и пообщаться с интересными людьми. Советую вам посетить этот мастер-класс, если у вас появятся желание и возможность сделать это.

Как создавался сайт «Умной электрики»

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

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

Приступаем к созданию фона. Находим на сайте Библиотеки паттернов картинку про метро и переделываем её в паттерн про провода:

У клиента нет логотипа. Решаем набрать слова «Умная электрика» шрифтом «Стими» (Steamy), встреченным когда-то у Джованни Лемонада. В этом шрифте шестерёнки, электрическая вилка и другие мелочи, подходящие к нашей теме.

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

Не нашлось подходящей иконки для блока про гарантию. Тогда мы взяли иконку с контуром и вставили туда цифру 3, набранную шрифтом «Наутилус» (Nautilus Pompilius).

Создаём остальной дизайн за выходные. Встречаемся с заказчиком и показываем что получилось:

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

Утверждаем получившееся. Верстаем. Укладываемся в сроки.

Готово: http://visor-v.ru/all/smartelectrician-site.

Голосуйте за красную птицу

Оля решила принять участие в конкурсе оригинальных, не публиковавшихся нигде ранее, украшений. Предлагаю поддержать конкурсантку! Вот её обращение:

Дорогие друзья!
Прошу вас поддержать меня на конкурсе «Вкус лета» и проголосовать за мою брошь птичку «Полёт в лето»!
Чтобы проголосовать, поставьте «Мне нравится» ♥ под вот этой фотографией → http://vk.com/photo-21435992_307313836
Спасибо!))

Из описания украшения:

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

Голосуйте — ставьте «Мне нравится» на этой странице: http://vk.com/photo-21435992_307313836.

Ранее Ctrl + ↓