Онлайн форма: лучшие дизайнерские сайты

Лицом к миру

Визитка — конечно, хорошо. Но свой сайт — лучше.

Кому и для чего нужен свой сайт? Ну, с компаниями и предпринимателями-частниками понятно — сайт служит если не информационным ресурсом, то хотя бы атрибутом некоего имиджа, статуса (мол, мы не веники на коленке вяжем — у нас и сайт свой есть). А зачем своя веб-страница рядовому гражданину? Нужна ли она ему?

Наивный вопрос, правда? В Сети проходит изрядная часть нашей жизни, и само собой разумеется, что любому человеку нужно заявить о себе окружающим. Правда, если говорить о социальных сетях, блог-системах, форумах и прочих коллективных ресурсах, то у пользователей нет выбора — они обязаны поделиться определенной информацией, чтобы иметь возможность общаться с другими пользователями конкретных сайтов. Кроме этого у человека нет возможности изменить свою личную страницу, где хранятся публичные данные о нем. Конечно, отдельные ресурсы дают возможность изменить, скажем, фоновое изображение, цвет текстовых элементов и даже их расположение на странице. Однако такие средства оформления либо недостаточно гибкие в настройке, либо не соответствуют требованиям конкретного сетянина.

Поэтому персональные веб-сайты вряд ли исчезнут, поскольку человеку свойственно выделяться среди других. Конечно, владельцу своей интернет-странички приходится решать проблему ее посещаемости — но это уже вопрос содержания, а не формы. 🙂 Что до формы, то здесь — разгуляйся, душа. Нужно просто и со вкусом — сделайте сайт-визитку (это, кстати, нынче модное течение). Хотите что-нибудь посерьезнее — можно связаться с любой дизайн-студией или просто хорошим фрилансером, который «за пять минут и три рубля» сделает «хом-пагу» вам на радость, всем на загляденье. И вместо скучной визитки всем можно давать веб-адрес, где о вас можно почерпнуть куда больше информации, чем может вместить в себя любая карточка размером 9×5 см.

Такой он, нанозум

www.nanozoom.net

Хорошо продуманное Flash-портфолио Пабло Пинаско, выполненное в минималистичном стиле. 

По большому счету структура сайта такова, что ее запросто можно реализовать посредством использования традиционных веб-технологий. Однако Flash придает простой структуре nanozoom дополнительный шарм — плавность анимации, ненавязчивая, точно подобранная озвучка интерфейса.

Мелкие фишки радуют глаз — такие как, например, полоса прокрутки с кнопками быстрого перехода в начало и конец «страниц», или смена фона при просмотре информации о конкретном проекте.

Портит картину неважнецкая поддержка скроллера мыши — прокрутка работает очень вяло, и только в вертикальном направлении. Для просмотра горизонтально располагающихся скриншотов работ используются уже клики левой кнопкой. Чуток не додумал Пабло…

+   очень приятная минималистичная концепция

+   хорошие приемы фокусирования на просматриваемой информации

–   мелкие недоработки в интерфейсе

Трехмерка из Квебека

www.karimzariffa.com

Карим Шарльбуа Зариффа, обитая в канадской провинции Квебек, наработал весьма неплохое (а местами даже отличное) портфолио в области моушен-дизайна и полиграфии. Лучшие свои работы Карим показывает в лаконичной 3D-оболочке, сконструированной в том же «Флеше». Всего перед вами покажется четыре кнопки-трансформера — каждая из них, при щелчке левой кнопкой мыши, разворачивается в длинную ленту, каждый сегмент которой показывает один из проектов или блок информации (новость или данные о дизайнере).

Единственный момент, который смущает при просмотре любой из лент, заключается в том, что ленту нельзя «протянуть» вверх или вниз, проскочив несколько сегментов. Нужно только вовсе оставить просмотр, выйдя за пределы ленты — тогда можно выбрать проект произвольно. Но и в этом случае картинка получается очень мелкой, из-за чего сориентироваться довольно трудно. Еще не совсем удобно оформлен интерфейс видеоплеера в секции MOTION — попробуйте-ка, найдите ползунок прокрутки видео. 🙂

+   простая структура

+   при наличии 3D-графики интерфейс не перегружен

–   мелкие недоработки

Просто и понятно

kennethelgaard.dk

Гламурные гранаты и топоры, выключатели и прочие бытовые предметы. А еще и картинки странные…

Смейтесь-смейтесь! Это на самом деле портфолио молодого, подающего надежды датского художника Кеннета Эльгаарда. И то что «в нормальных людях вызывает суеверный ужас», у него называется картинами. Впрочем, на страницах «Онлайн:Формы» главное не содержание сайта, а его форма. И с формами у Кеннета как раз все в порядке… вернее, с формами его сайта.

Очень здорово реализована навигация: тащите содержимое окна браузера влево-вправо — листаете работы, тащите вверх-вниз — регулируете масштаб картинок. Эти операции продублированы и на клавиатуре, кроме возможности перейти в главное меню. Главное меню, кстати, тоже подыгрывает общей концепции — оно представляет собой куб, который нужно вращать.

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

+   приятная простая навигация

+   дублирование команд навигации на клавиатуре

+   режим слайд-шоу

В масштабе 1:1

www.vermeersch.ca

Симпатичный конопатый бородач Джеф Вермеерх в буквальном смысле, по его же словам, влезает в ваш компьютер каждый раз, когда вы будете заходить на его сайт. Идея его персонального сайта проста до безобразия — Джеф сам себя представляет, запечатлевшись перед фотокамерой в полный рост. А вы — рассматривайте, коли охота…

Информацию о себе Джеф держит в руках. На груди красуются «значки отличия» — дизайнерские рейтинговые ресурсы, на которых сайт Вермеерха получил какой-либо статус. Если же подвести курсор мыши к нижнему краю окна браузера, возникнет привычное меню, через которое можно просмотреть и лучшие работы дизайнера.

+   оригинальная задумка

+   минимум информации — проще воспринимается и запоминается

На столе у художника

www.porliniers.com

Если вы бывали на сайте Джоан Роулинг, то сайт аргентинского художника Рикардо Линиэрса может показаться знакомым. Вместо меню так же по столу разбросаны интерактивные предметы. Но при щелчке на них вы не разгуливаете по дому — Рикардо сам все приносит и кладет на стол: комиксы, рисунки, книги, газетные вырезки…

Вместо курсора, как и положено, на этом сайте вас вооружают карандашом. Тень, правда, поначалу слегка путает. Если выключить зеленую лампу, неизвестно откуда выскакивает рисованный человечек довольно злобного вида — будьте осторожны. 🙂

И все время, пока вы находитесь на сайте, общую атмосферу солнечной Аргентины в виртуальной мастерской Рикардо задает композиция Aftálico Пабло Дакала — очень славная мелодия.

Единственное, что немного огорчает — частичная локализация сайта на английский язык. Хотелось бы и комиксы почитать, да вот беда — без знания испанского не получится.

+   очень приятная атмосфера

+   классные графическое оформление

+   отличная фоновая музыка

–   материалы не локализованы на английский

Где-то в Южном Бутово

www.amigo095.ru

«Всем чмоки в этом чате», — приветствует сайт российского «порнокритика» Сергея Минаева, после чего звучат выстрелы с последующими предсмертными стонами. Здесь несовершеннолетним делать нечего, о чем Сергей, стоя у милицейской фотостенки, лично предупреждает каждого зашедшего к нему на огонек. И как лишнее подтверждение серьезности его слов, предзагрузчик следующей части сайта методично обводит на асфальте силуэт, оказавшегося здесь при весьма пикантных обстоятельствах.

Далее вновь появляется Сергей и, развалившись в кресле посреди окровавленной раздевалки, приветствует своих гостей. С этого момента, орудуя вместо курсора мыши отрезанным пальцем, карандашом, кастетом или живой мухой, можно изучить полное досье на мосье Минаева и его писательский талант. По ходу будете перемещаться из одной локации Южного Бутово в другую.

Сайт, что и говорить, чернушный, но сделан очень добротно. Так что если вам уже стукнуло «18 с плюсом» и вы не кисейная барышня, взращенная на стихах Пушкина и Есенина, — зайдите к Минаеву на раён, не пожалеете. Йоу!

+   безбашенная реализация

+   качественно проработанные детали

Конфетку хошь?

www.janholoubek.com

Тс-с-с… Пока благоверная спит, нужно проверить, как там холодильник поживает — в частности, коробка с чудесным шоколадом. Шоколад чудесен прежде всего своей начинкой — лучшими видеороликами польского моушен-дизайнера Яна Холубека.

По сути вы «рассматриваете конфеты», на нижней стороне которых проигрывается видео, а потом либо кладете обратно в коробку, либо «съедаете». Так на сайте организован процесс добавления работ в «избранное», панель которого располагается в нижней части страницы. Но знайте меру — больше десятка конфет слопать не получится. Впрочем, не стоит подыскивать метафору команде удаления работ из избранного — конфеты попросту возвращаются в коробку (банально, правда?).

Это, собственно, и все. А жаль. Можно было бы развить историю — например, чтобы за поеданием конфет вас застукали, резко включив свет и разразившись базарной руганью… Ну, или чего-нибудь еще в таком же духе. Судя по роликам Яна, он мог бы придумать окончание истории своего сайта на раз.

+   смешная история, объясняющая концепцию сайта

+   забавное добавление работ в избранное

–   мелковат шрифт

–   история без продолжения

И кое-что попроще

Блог — внутри

adellecharles.com

Отличное решение на сайте арт-директора Fuel Brand Адель Чарльз. На главной странице — одни ссылки (профили Адель в соцсетях, RSS-лента, электронный адрес и блог). В итоге первая страница не перегружена — это плюс.

И витрину не забыл

ednacional.com/2009

Первая страница сайта Эда Националя чуть информативнее — на ней дизайнер из Бруклина демонстрирует свои свежие работы и ссылки на последние новости. Все остальное — через меню.

Все перед вами

bedrichrios.com

Еще один бруклинец Бедрих Риос разместил на стартовой странице сразу все, что хотел показать посетителям. Однако все оформлено в крайне минималистичном стиле, поэтому визуального перегруза не наблюдается.

В режиме слайд-шоу

desandro.com

У Девида Десандро блог — основной стержень персонального сайта. Но от записи к записи нужно переходить, как между фотографиями в слайд-шоу. Свежая запись украшает заглавную страницу сайта — хорошо.

Сразу в гущу событий

www.behoff.com

Личный сайт Брайана Гоффа явно служит хранилищем полезной, по мнению автора, информации. Поэтому сразу по заходу на этот ресурс вы окунетесь в мир веб-дизайна и связанных с ним проблем и решений.