Лучший оформленный сайт

10 впечатляющих сайтов-портфолио дизайнеров и разработчиков 2017 года

Чтобы преуспеть на рынке web-дизайна и разработки или в качестве фрилансера, нужно иметь впечатляющее портфолио. Создатели сайта-портфолио сталкиваются с задачами более сложными чем у других креативщиков. О их мастерстве судить будут не по картинке или тематическому исследованию, а тому как работает дизайн. Для этого обзора подобраны самые крутые, свежие дизайнерские сайты 2017 года. Сегодня многие погнались за модными современными спецэффектами. Но творческий подход на основе не стареющих принципов веб-дизайна с уникальным авторским почерком – неоспоримо интересней и выглядит как новаторство.

В настоящее время не уменьшается интерес к смелым дизайнерским решениям от истинных экспериментаторов. Итак, 10 лучших сайтов-портфолио дизайнеров и разработчиков на первую половину 2017 года:

Сайт команды креативных дизайнеров и разработчиков из Австралии

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

02. Cedric Pereira

Простое, но хорошо структурированное и занимательное дизайнерское портфолио

Бывший практикант Deezer и Ultranoir, французский интерактивный дизайнер сейчас заканчивает школу HETIC. Его творческий интерактив с пятном на главной странице завораживает. Креатив начинается с крутой анимированной загрузки сайта. Такие решения сходу делают портфолио дизайнера залипательным.

04. Fabian Irsara

Fabian Irsara показывает каким может быть дизайн современного сайта-портфолио

Австрийский разработчик член awwwards и основатель софт-компании Momate. Стоило ожидать от него внушительного портфолио-сайта с креативными идеями. Впечатляет элегантный глянцевый стиль с красивой типографикой. Использованы лаконичные, интригующие тексты и фишки, вроде размытия фона при прокрутке.

05. Felipe Castro

Пример яркого оформления содержательного дизайнерского портфолио

Дизайнер и фронтенд девелопер размещает свои проекты в информативном портфолио. Достойно выполненные работы сопровождаются описанием подходов, процесса создания и важных деталей (разметка, UI элементы, коды цветовой схемы и т.д.). Красиво оформлены предзагрузка страниц и скролл-эффекты для изображений.

06. Malika Favre

Продающий сайт-портфолио в стиле Flat Design английского иллюстратора

Великолепная графика проектов связно представлена в плоском плиточном дизайне. Малика поражает умением использовать позитивно-негативное пространство. Шикарно выглядит векторная графика оживленная синемаграфией. Эффектные иллюстрации на главной странице создают верный эмоциональный посыл для всего ресурса с портфолио и онлайн-магазином.

07. Web Expert

Персональное портфолио креативного фронтенд-разработчика из Италии

Сайт создан с использованием css3, интерактива, градиент-анимации, canvas, JS. Геометрия во всем дизайне: от прелоадера загрузки до декоративных шрифтов. Красивые фоновые hover-эффекты в меню, эффектные переходы и анимация с контурными фигурами.

08. Prashant Sani

Темный сайт портфолио индийского фронтенд-девелопера со множеством маленьких изящных штрихов

Веб-разработчик специализируется на SVG, JavaScript, HTML5 и адаптивном дизайне. У его портфолио темный дизайн с геометрическими икосаэдр фигурами, эффектами в меню, трансформацией значка-бургера и яркими переходами.

09. Shantell Martin

Необычный интерактив: индивидуальность и персональный брендинг

Продающее портфолио с черно-белым дизайном походит на сон. Главная страница причудливо оформлена hover-анимациями фоновых узоров. Так, Shantell Martin связывает изящества изобразительного искусства с коммерческим миром.

10. Fabiotoste

Персональный сайт-портфолио на HTML5

Личное портфолио бразильца представляет собой микс из эффектно применяемых веб-техник, описания навыков и примеров работ.

Подборка невероятных сайтов веб-дизайн студий

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

Очень крутой одностраничный сайт с оригинальным дизайном.

2. http://www.adv.ru/
Необычный русскоязычный сайт веб-разработки. Порадовали необыкновенные заголовки и иллюстрации к ним, дизайнер постарался на славу.


3. http://liechtenecker.at/

Голубо-оранжевая цветовая гамма, стильный и современный немецкий сайт.

Слайдер в виде ленты на главной странице является самым удивительным элементом сайта.


5. http://www.emotionslive.co.uk

Яркий сайт, эмоции просто зашкаливают от такого глубокого зеленого цвета.

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

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

Очень клевая анимированная панорама Петровки в формате flash при входе на сайт.

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

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

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

Доска и надписи мелом в шапке, пожалуй, изюминка этого стильного сайта. Нестандартные шрифты добавляют шарма.

Невероятно модный тренд в веб-дизайне — эскизы страниц с яркими дизайнерскими элементами.

При наведении мыши, слайдер просто взрывается яркими красками. Попробуйте!

Рисованные от руки красные элементы органично смотрятся на бежевом фоне.

Голубой цвет и рисованные черно-белые объекты достаточно распространенная тенденция.

В шапке сайта — последний веб-проект креативной студии дизайна.

Действительно космический дизайн веб-студии.

Ярко и креативно. Истинная любовь к дизайну.

На этом сайте есть персонажи, их несколько, они меняются в слайдере и сопровождают вас на каждой странице сайта, куда бы вы не пошли.

Ниже мы представляем шаблоны для сайтов из категории «Веб-дизайн». Вы сможете найти уже готовое решение для своей студии.

Шаблон сайта наполнен яркими элементами, которые выдают его специализацию.

Изображение растянуто на весь экран готового сайта, такая опция будет очень полезна для цифрового художника или иллюстратора.

На белом фоне уютно разместились круглые пункты меню, готовый сайт можно полностью наполнить своим контентом и кастомизировать.

Приятная бумажная текстура и яркие оранжевые ленты, как элемент креативного дизайна.

Главная страница данного шаблона состоит из миниатюр работ из вашего портфолио.

Ваше мнение о представленных дизайнах или свои пример оставляйте в комментариях ниже.

ТОП-10 красивых сайтов в Мире и Рунете

Привет дорогие друзья и гости блога seoslim.ru. Сегодня будет очень необычный пост, в котором я покажу вам самые красивые сайты интернета как со всего мира так и Рунета.

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

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

Обратите внимание, что эти площадки выполнены со сложными элементами рисованной графики и флеш (flash) анимации, поэтому тем, у кого не скоростной провайдер internet придется немного подождать, прежде чем сможете насладиться необычным оформлением.

10 самых красивых сайтов в Мире

Многие из сайтов поддерживают звуковое сопровождение, поэтому не выключайте звук на компьютере. Чтобы посмотреть понравившийся сайт достаточно перейти по ссылке.

Этот сайт сделан в виде 3D панорамы, что позволяет его выделить среди аналогичных площадок схожей тематики. Мягкие цвета и не загроможденный дизайн заставляют как можно дольше задержаться на этих страницах.

Очень красивый блог на движке WordPress. Именно к такому красочному дизайну (шапке блога) должен стремиться каждый.

Очень мощный сайт. Навигация по сайту выполнена в виде «афишной тумбы». Нажимая на стрелочки внизу, вы будите путешествовать по всему миру. Окажетесь даже на Красной площади.

Этот проект меня зацепил тем, что шапка на главной странице создана из приветственного видео, раскрывающего тематику сайта.

Креативное агентство, входящее в десятку лучших агентств России.

Мне понравилась загрузка самого сайта, выполненная в виде процентов. Сам сайт посвящен гаджетам продукции Apple.

Еще одно креативное агентство. Потрясающая детализированная графика.

Необычный кулинарный блог G’NOSH одного из ресторанов Великобритании.

Дизайн говорит о том, что здесь будет что-то про еду, но на самом деле это визитка одной из популярнейших компаний по веб-дизайну, графике, видео и других творческих течений.

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

10 красивых сайтов Рунета

Выше были рассмотрены оригинальные сайты забугорного происхождения, однако русские дизайнеры и вебмастера тоже обладают талантом и способны составить неплохую конкуренцию креативным агентствам из США и других стран.

Сайт компании «Лапастафреска» по производству макаронных изделий. Один из самых красивых сайтов интернета. Ничего лишнего, что могло бы отвлекать посетителя.

Я бы назвал этот сайт компании IBERI одним из самых стильных.

Еще одна площадка известной коммерческой компании, где нет ничего лишнего.

Романтикам этот проект точно придется по душе.

Вот таким образом представлено агенство по подбору домашнего персонала в одном из городов России.

Здесь сразу становится понятно, что это сайт одного из дизайнеров в области логотипов, значков и других иллюстраций.

Международная студия веб-дизайна.

Украинский сайт по сдаче яхт в аренду.

Это болгарский интернет-магазин по продаже растений и кустарников с изюминкой в дизайне.

Сайт в виде энциклопедии про животных с красочными картинками.

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

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

Лучшие сайты художников
ARTinvestment.RU 03 апреля 2012

Ресурс Artinfo составил список самых интересных интернет-сайтов художников. В него, увы, не вошли, хотя и были отмечены благодаря звездности имен их обладателей, сайты Дэмиена Херста (Damien Hirst) и Герхарда Рихтера (Gerhard Richter). Если сайт последнего ( gerhard-richter.com ) напоминает по внешнему виду ныне почивший, некогда популярный веб-хостинг GeoCities, то Херст и в Интернете, как всегда, решился на смелый эксперимент: на его сайте в режиме реального времени ведется интернет-трансляция из его студии, в ходе которой можно наблюдать, как ассистенты художника создают очередной его многомиллионный шедевр ( damienhirst.com ). Однако все это далеко от того визуального пиршества, которое предлагают тем, кто гуляет по Сети, другие художники, экспериментирующие с новыми медиа и превращающие свою интернет-страницу в самостоятельное произведение искусства.

Ностальгирует по старым интернет-временам искушенный в компьютерных технологиях американец Кори Аркангел (Cory Arcangel). Его сайт выполнен в стиле раннего Интернета, о чем свидетельствует и его наивно-ироничный, старомодный заголовок: «Интернет-вебсайт и портал Кори Аркангела»: coryarcangel.com .

Сайт концептуальной художницы Таубы Ауэрбах (Tauba Auerbach) taubaauerbach.com напоминает послание инопланетян: только прорвавшись через трудную для понимания вязь загадочного шрифта, в котором с большим трудом угадываются очертания обычных слов, можно добраться до сути — галереи работ художницы и другого содержимого.

Сайт Джона Балдессари (John Baldessari) интересен устройством меню: оно разрастается и ветвится, как дерево, каждая ветвь которого подводит к названию определенного раздела: baldessari.org .

Сайт скандалиста Бэнкси (Banksy) радует рукописным шрифтом меню, стильным оформлением портфолио и уморительным разделом «Часто задаваемые вопросы»: banksy.co.uk .

Изобретателен не в меньшей, а скорее даже в большей степени итальянский коллега Бэнкси, уличный художник Блу (Blu), чей сайт оформлен в виде записной книжки, различные закладки которой играют роль строк меню: blublu.org .

Британский семейный арт-дуэт Джейк и Динос Чепмены (Jake & Dinos Chapman, jakeanddinoschapman.com ) верен себе и в оформлении сайта, где имеются разделы под названиями «Чертова гостевая книга», «Над чем мы работаем в эту самую минуту», а также возможность заглянуть в студию братьев через веб-трансляцию, которая, правда, выдает какие-то беспорядочные изображения с дергающейся камеры, расположенной где-то на уровне пола: то ли дело серьезный подход Дэмиена Херста!

Если вас интересует цифровое искусство, то отличной альтернативой пафосным (или наоборот — шутливым) сайтам известных художников будет сайт команды интернет-художников Computers Club — computersclub.org .

Еще один забавный экземпляр в галерее художественных сайтов — страничка интернет-художницы Петры Кортрайт (Petra Cortright), создающей видеоперформансы при помощи веб-камеры. На главной странице — настоящий сумбур из разнообразных смайликов, выдающий в авторе преданную поклонницу интернет-общения.

Сайт Вима Дельво (Wim Delvoye) wimdelvoye.be выполнен в игровой (и игривой) манере. Главная страница — городок, озаглавленный WimCity (отсылка к известной компьютерной игре), каждое здание которого, украшенное забавной анимацией, — введение в один из разделов сайта и область творчества ироничного бельгийца.

Сайт Шепарда Фэри (Shepard Fairey) obeygiant.com выполнен в том же красно-черном графическом стиле, что и его знаменитые работы. Помимо того что здесь можно наблюдать произведения художника, на сайте можно ознакомиться и с его блогом, в котором он рассуждает на политические темы.

Сайт Дэвида Хокни (David Hockney) hockneypictures.com радует замечательной, нарисованной от руки вводной страничкой, внутри же дизайн лаконичен и строг. Здесь, кстати, можно найти раздел, содержащий рисунки Хокни, сделанные на iPhone.

Сайт голландско-бельгийского дуэта пионеров интернет-арта JODI jodi.org являет собой запутанный лабиринт из бесконечных окон, цифровых тупиков — живой монумент HTML и первозданному компьютерному миру.

Сайт Аниша Капура (Anish Kapoor) anishkapoor.com — концептуальное упражнение в простоте, как и все его творчество. Ничего лишнего: на главной странице только список работ, зато полный и исчерпывающий, где каждая строка списка — ссылка на страницу с соответствующими иллюстрациями.

Дурашливый юмор, наполняющий работы японки Мисаки Каваи (Misaki Kawai), наполняет и ее сайт misakikawai.com : на главной странице посетителя встречает подборка разноцветных персонажей в стиле «детского творчества».

Сайт Такаси Мураками (Takashi Murakami) english.kaikaikiki.co.jp/artists — это, вообще говоря, ресурс его компании Kaikai Kiki, хороший корпоративный сайт, показывающий свой товар — молодых художников, продвигаемых Мураками, — лицом и еще один пример основательного взгляда на самопрезентацию: сегодня, как известно, встречают по интернет-сайту.

Рафаэль Розендаль (Rafael Rozendaal, newrafael.com ) — художник, работающий в жанре новых медиа, создает сайты как арт-объекты. Его новое творение — страница, с которой приятно старомодные иконки ведут на все когда-либо созданные им онлайн-произведения искусства.

Британский художник Кит Тайсон (Keith Tyson), одержимый идеей систематичности, свое творчество на своем любопытном сайте keithtyson.com представляет в виде вселенной, где каждое произведение — отдельная планета.

Сайт сеульского интернет-дуэта Young-Hae Chang Heavy Industries yhchang.com — дань стильному ретро-минимализму. На странице собрана своеобразная анимация коллектива: они обращаются к посетителям с помощью мигающего текста и экспрессивной музыки.

Ну и на закуску — сайт американки Андреа Зиттель (Andrea Zittel) zittel.org — еще один корпоративный ресурс, на этот раз фальшивый. Под маской рекламы выдуманной художницей компании «A to Z Administrative services» скрывается рассказ об ее арт-проектах, но любопытнее всего здесь, наверное, блог — простой и будничный, выполненный совершенно без претензий, в котором художница рассказывает, как кормит черепах и ремонтирует дом.

Материал подготовила Мария Эстрова, AI

Страница «о нас» — первое, что должно быть на сайте

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

Распространенные ошибки копирайтеров

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

Читатели ищут на странице «о компании» ответ на вопрос «чем вы можете быть мне полезны?», поэтому писать сухие факты и цифры нет смысла — лучше подчеркнуть преимущества на фоне конкурентов. Кофе за чекин? Бесплатная доставка? Скидка фанам в Facebook? Упаковка из переработанного сырья? Отчисляете часть прибыли в благотворительный фонд? Копите на офис в Майами?

Хороший пример — сервис email-рассылок Mailchimp. Уже во втором абзаце они пишут:

But enough about us—let’s talk about you. Whether you own a business or manage email newsletters for clients, you need an email–marketing service that takes care of the complicated stuff so you can focus on your job.

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

На странице «о нас» английской печатной компании MOO:

When we say ‘we love to print’, we really mean it. In this section you’ll find out more about MOO and the work that goes on behind the scenes. From the paper to the packaging, the people and the press. Pull up a chair and make yourself at home.

Также хочется отметить любопытные факты, которыми дополняют биографии руководящих персон:

Еще один пример — казахстанская компания GOOD!, предлагающая услуги в сфере маркетинга и рекламы, пишет красиво и лаконично:

А вот так начинается текст про компанию Руторика:

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

Правда, хочется как минимум прочитать дальше? А вот фрагмент страницы «о нас» Yellow Tail:

Каждая часть истории функциональна, информативна и привлекательна. Это тот редкий случай (говорю как копирайтер), когда графическое исполнение побеждает текст. Кстати, примечательно, что после вкладки Our Story следует Your Lifestyle.

Эту страницу выгодно сделать привлекательной — её посещают не только потенциальные клиенты, но и соискатели. Редкая компания не ищет ценных кадров на перспективу. Кроме того, её смотрят партнеры, подрядчики и конкуренты.

Страница «о нас» нужна и интернет-магазинам. В противном случае приходится смотреть на копирайт (год создания) и искать отзывы. А ведь можно облегчить задачу, создав хорошую, продающую страницу о компании и собрав своеобразный FAQ (ответы на часто задаваемые вопросы).

Кстати, это отличный вариант работы с негативными отзывами — даже если таковые есть, нужно на них ответить и предложить альтернативу. «Безликий» бизнес можно оживить, показав, кто работает в офисе, кто доставляет товар и так далее. Вспомните, почему популярна компания Innocent drinks (да, пусть и калька с Ben and Jerry’s).

Попробуйте выразить принципы работы, философию бизнеса и тотчас найдете единомышленников. Чем более незаурядно вы это сделаете, тем больший резонанс вызовете (в пору привлекать маргиналов!). И самое главное — суметь кратко выразить суть. Нужен не слоган (хотя он тоже не помешает), а позиционирование. И вписать его нужно в поле description (метатег страницы), чтобы всем было ясно и светло на душе 🙂

Напоследок покажем, как у нас оформлена страница «о нас»:

Обнаружили ошибку? Выделите ее и нажмите Ctrl + Enter.

Еще по теме:

  • Web разрешение для вк Агент Приветствую, Вад! У нас есть два загрузчика: flash и HTML5. Flash используется на странице «Мои фотографии» и в подобных местах — через него фотографии загружаются быстрее, а это особо актуально на этих страницах, так как там грузят в основном сразу много фотографий. HTML5 […]
  • Внезапная проверка материальных ценностей Акт проверки материальных ценностей в системе судебного департамента Последние публикации 16 Августа 2018 В Курганской области налоговая служба начала публиковать через специальный сервис в интернете сведения о налогоплательщиках, раньше считавшиеся налоговой тайной. Чем этот ресурс […]
  • Выписать несовершеннолетнего ребенка из квартиры без согласия родителей Могут ли выписать несовершеннолетнего ребенка, без согласия матери? Здравствуйте. Мать бывшего мужа собирается продать квартиру,в которой прописан наш общий ребёнок. Могут ли они выписать ребёнка без моего согласия? 13 Сентября 2016, 04:30 Арина, г. Магадан Ответы юристов (1) Выписать […]
  • Повышение пенсий 2018 рб В Беларуси с 1 августа повысят трудовые пенсии В Беларуси с 1 августа вырастут трудовые пенсии. В результате перерасчета выплаты увеличатся в среднем на 10%. Это предусмотрено указом № 278 «О повышении пенсий», который сегодня подписал Александр Лукашенко, сообщают в пресс-службе […]
  • Получить новый паспорт гражданина рф Как и где получить новый паспорт РФ? Содержание Выдача паспорта гражданина Российской Федерации в случае истечения срока действия или утраты (хищения) паспорта. Выдача или замена водительского удостоверения, общегражданского или заграничного паспорта с 1 февраля 2017 года стала […]
  • 10 правил для мужчины 10 правил для мужчины Видеолекция "Уныние и депрессия" Причины уныния и депрессии; механизм их работы. Уныние и депрессия в отношениях. Способы преодоления уныния и депрессии. Неэффективные способы борьбы с депрессией. Что поддерживает уныние и депрессию, мешая получить результат, и […]
  • Санитарно-гигиенические закон Постановление Главного государственного санитарного врача Российской Федерации от 28 июня 2011 г. N 84 г. Москва "Об утверждении СанПиН 2.1.2882-11 "Гигиенические требования к размещению, устройству и содержанию кладбищ, зданий и сооружений похоронного назначения"" Комментарии Российской […]
  • Приказ 169 мю рф Приказ Минюста РФ от 27 августа 2012 г. N 169 "Об утверждении Наставления по организации профессиональной подготовки сотрудников уголовно-исполнительной системы" Приказ Минюста РФ от 27 августа 2012 г. N 169"Об утверждении Наставления по организации профессиональной подготовки […]