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

telizhenky screen 490x353 Майстерня Олександри Теліженко або веб проект з вишитим інтерфейсом

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

DSC 1648 490x326 Майстерня Олександри Теліженко або веб проект з вишитим інтерфейсом

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

DSC 3033 490x327 Майстерня Олександри Теліженко або веб проект з вишитим інтерфейсом

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

DSC 1653 490x326 Майстерня Олександри Теліженко або веб проект з вишитим інтерфейсом

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

DSC 1640 490x328 Майстерня Олександри Теліженко або веб проект з вишитим інтерфейсом

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

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

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

telizhenko4 2 6 150x120 Майстерня Олександри Теліженко або веб проект з вишитим інтерфейсомtelizhenko5 8 150x120 Майстерня Олександри Теліженко або веб проект з вишитим інтерфейсом


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

16 відгуків
  1. Артем

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

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

  2. Bohdan

    Який бравзер?

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

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

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

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

  7. Bohdan

    Плагіном забезпечується лише виведення фоток. Решта на основі стандартних функцій з ядра. Тобто, на основі custom post types і custom fields.

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

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

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

  10. Микола Сварник

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

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

  12. Олена Бджілка

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

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

  14. Там би ще шрифт смачний поставити.
    А дизайн гарний

  15. наталя

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

Посилання на цей допис

Напиши відгук

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