7 Тра 2012
16 коментарів
Коментувати!
trackback

Унікальність дизайну цього сайту в тому, що інтерфейс для нього був спеціально вишитий на домотканому полотні. Потім відсканований і зверстаний із застосуванням css3 та jquery.

Візуальне рішення народжувалося довго і в певні миті просто не було жодного уявлення, як втілити цей проект. Ідея прийшла вночі, коли я вже ліг спати. Подумалося, що якщо ця творча майстерня займається саме вишивкою, то чому б і не вишити структуру сайту?

Потім я намалював чорновий ескіз, Олександра Теліженко його довела до пуття і перед Новим роком завдяки замовнику були готові два шаблони для головної і внутрішніх сторінок. Сканував в домашніх умовах і клеїв зображення з кількох шматків, бо площа полотна перевищувала розміри мого сканера. Від сканування у спеціальному сервісі відмовився, бо великі сканери протягують аркуш паперу крізь себе. З домотканим полотном такі кроки робити ризиковано.

Далі довго думав, як не лише зберегти унікальність ідеї, а й доповнити її засобами верстки, css і javascripts. Врешті вирішив зробити пункти меню на головній сторінці рухомими завдяки css3 (transitions). Пункти меню закруглив додатком arctext. А для старих браузерів на зразок Internet Explorer зробив нерухомі графічні копії написів. Щоб перевірити, чи той чи інший браузер розуміє css3 використав modernizr. А для того, щоб не займатися марудною справою і не прописувати для кожного оглядача окремі правила css3 знайшов чудовий додаток для jquery -prefix-free.

В основі сайту традиційно для мене зараз WordPress з деякими власноруч написаними додатками. Нарешті щасливий оприлюднити цей довгоочікуваний проект, хоч деякі його складові ще будуть «допилюватися напильником».

Адреса сайту: telizhenko.com.ua

Попередні варіанти дизайну:


Ключові слова: , , ,

Leave a Reply

16 Comments on "Майстерня Олександри Теліженко або веб-проект з вишитим інтерфейсом"

Notify of
avatar

Артем
Guest
Артем
4 years 15 days ago

Круто вийшло!

Комент залишити проблематично, поля з ім’ям, поштою та сайтом чомусь перебігли у праву колонку.

Ольга
Guest
4 years 13 days ago

ВІТАЮ! Чудова робота.

Стас
Guest
4 years 10 days ago

Гарна робота!

Текст в статтях на фоні полотна важкувато читається, може збільшити розмір і додати засічки?

volodymyrl
Guest
4 years 3 days ago

Дуже гарна робота, а головне унікальна — з іншим сайтом не сплутаєш!

Микола
Guest
4 years 2 days ago

Суперський сайт!! У мене є питання, а каталог товарів («Придбати») самописний чи організований з допомогою плагіна?

Ліза Омельчук
Guest
4 years 1 day ago

Гарнезно-прегарнезно!

Світана
Guest
3 years 11 months ago

Казкова! Прекрасна робота! ))

favicon ще б в тому ж стилі сайту... ; )

Микола Сварник
Guest
Микола Сварник
3 years 10 months ago

Чудова робота! Гарна ідея, прекрасне втілення. Так і треба!

Алексей Сергеев
Guest
3 years 9 months ago

Отличный сайт, больше бы таких

Олена Бджілка
Guest
Олена Бджілка
3 years 6 months ago

дійсно унікальна робота! такі ідеї варто «довго виношувати» — народжується ж диво)))

Роман
Guest
3 years 4 months ago

Неповторний дизайн, об'ємність завдяки різним швидкостям прокрутки. Я в захваті. Дійсно з кимось не переплутаєш...

ML
Guest
3 years 3 months ago

Там би ще шрифт смачний поставити.

А дизайн гарний

наталя
Guest
наталя
2 years 1 month ago

Аж дух захоплює від такої атмосфери і теплоти, язик не повертається назвати це просто дизайном.

Хочеться зразу поїхати до мами і обійняти її =)

wpDiscuz
Сайт ґрунтується на WORDPRESS; Первинна тема: The Unstandard від Derek Punsalan