Обучение веб-дизайну

Как я делала дизайн для Genius Marketing или Эпический Landing Page

Как я делала дизайн самого эпического макета за всю мою жизнь для Genius Marketing, первого в СНГ сообщества интернет-предпринимателей. И сегодня его увидит аудитория в более чем 18.000 участников сообщества GM и всех, кто вскоре к ним присоединится.

Вчера я закончила дизайн самого эпического макета за всю мою жизньLanding Page для Genius Marketing, первого в СНГ сообщества интернет-предпринимателей. И сегодня, он уже выложен в интернет и его увидит аудитория в более чем 18.000 участников, которые уже являются частью сообщества GM и всех тех, кто вскоре к ним присоединится.

Вы тоже можете увидеть этот landing по ссылке.

P.S. Скажу по секрету, я не только участник этого масштабного сообщества, но, с недавних пор, я также являюсь частью команды Genius Marketing. Как так получилось, спросите вы? Я проходила первую версию того самого коучинга, новый дизайн для которого рисовала последние недели, и… основатель GM, Олесь Тимофеев, заинтересовался моими работами по дизайну сайтов :) Он спросил, интересно ли мне поработать в их команде, и я согласилась, т.к. почувствовала огромные возможности повысить свои скилы.

И вот, первый масштабный результат моих трудов, который увидят тысячи людей… 

Со 100% уверенностью могу сказать, что даже за такое короткое время мои навыки и скорость работы нереально повысилась в РАЗЫ. А такие возможности – лучшее, что может быть для дизайнера.

Макет получился длиной под 70.000 px (!!!), и я впервые узнала, что на PSD файл у Photoshop есть ограничение по длине стороны в 30.000 px. Пришлось создавать целых 3 PSD.

Так выглядел мой открытый Photoshop когда я закончила первый PSD:

 

genius_marketing_design_2

 

Я использовала в работе 12 колонок из 960 grid system и область контента составила 940 px. Слои были сгруппированы по смысловым блокам.

 

genius_marketing_design_4

 

Что мне очень нравилось – так это работать с фотографиями. У GM очень много своих крутых фоток. Люблю качественные фото, снятые на проф. камеру :)

 

genius_marketing_design_5     genius_marketing_design_6

 

Отдельного внимания заслуживало оформление описания Сессий. Это как 8 модулей обучения, каждый из которого длится неделю. У каждого своя Задача, To Do List, Домашнее задание и Результат, который достигается по окончании этой сессии.

Я придумала разбить сессии и блоки в них визуально таким образом:

https://vilchinskaya.com/wp-content/uploads/2014/06/genius_marketing_design_8.jpg

 

 

Но этот макет лучше всего смотреть вживую :)

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

P.P.S. Эта статья понравилась и хотите видеть больше таких? Жмите “мне нравится”

Напишите в комментариях, как вам дизайн обновленного коучинга Genius Marketing?

---

The End

Юлия Вильчинская

Автор и идеолог проекта. Специалист по продающему дизайну и упаковке бизнеса в интернете

Комментарии

Вам также может понравиться