Вот завершились работы по подготовке.
Представляю Вам разработку сайтов на Drupal с помощью "приложений". Приложения - это нечто большее, чем модули. Это уже завершенные бизнес постановки.
Так же есть на выбор 6 бесплатных дизайнов. Можете и свой поставить!
Таким образом можно собрать сайт себе или клиенту без заморочек.
Все подробность на Druta
Комментарии
Порадовал
Перспективно!
Только прокрутка колесиком мышки спотыкается на iPad'e - необходимо поправить этот досадный баг.
Чесслово порадовал! Давно не видел столь приятных и адекватных дизайнов.
Пять баллов!
Что касается контраста - полезно сделать "умеренный контраст в плюс-минус два тона". Учитывая, что публика от радости начнет листать страницу вдоль и поперек (как это сделал я), то сильный контраст стукнет по глазам. И впечатление от сайта будет как от стробоскопа - полезная инфа вылетает от такого из головы за две секунды и не возвращается. Остается только стробоскоп. Тут аккуратнее.
Что касаемо промосайта не на Друпале, то это нормально. Друпал хоть и друг, но некоторые вещи он не умеет. И Вашу сайт так не повторить ни на одном движке. Все правильно сделали: написали одну страницу и вдохнули в нее жизнь. Это и есть настоящее ремесло программиста.
Ложка дегтя. Читаю на Вашем сайте:
"Промо-сайт – это одностраничный креативный сайт (Пример: наш сайт), для представления какой-либо услуги или товара. Данный тип сайта предназначен специально для привлечения внимания посетителей, поэтому разрабатывается красивый уникальный дизайн. Так же при создании сайта могут использоваться необычные подходы в плане юзабилити."
Долой определения! Долой штампованные "данный" и "так же"! Долой рассказы клиенту о том, как это делается!
Автор, напиши о том, что никто не пишет. Напиши, что промосайт приносит светлые нотки в серую жизнь. Напиши, что необычность его заставляет улыбаться. Напиши, что позитив - это то, что люди получат от общения с таким сайтом и понесут с собой следующие несколько минут/часов/дней. И чем больше радости, тем больше людей будут вспоминать о
промосайтетом, что они видели.За это спасибо. Дело в том, что данные текста были написаны за бутылкой Джека как тестовый вариант, и как раз в редизайне хотел их переписать в данном ключе. Спасибо что подтвердили мою мысль.
...тут подумал, что сам немного балуюсь типографикой... в частности в предыдущем моем комменте...
А почему бы не сделать акцент на нужные слова и фразы в тексте разным размером шрифта и надавить легким оттенком цвета? Этакая игра букв, прочтение текста с выражением. Я понимаю, что сложно расставить правильный акцент. Но это могло бы стать еще одной фишкой. А сумма фишек даст хороший синергетический эффект.
Адово!) Точно запилю. Идея класс. Читал как то про это в книжке по психологии, должно отлично сработать)
Не особо.
Только начни Посмотрим как это будет весело.
PS порекомендовал бы я сначала в гимпе или фотожопе побаловаться, на
кошкахкартинках, так сказать... Мне по готовой визуализации проще диз натягивать. Хотя кому как. Не буду в чужой огород со своими сканвордами лезть.Ну вот , как только в студии хороший сайт так и слова сказать некому,видно сильный контраст стукнул по глазам и оторваться ни кто не может от функциональности, сам минут пять игрался ))))
Позитив прёт, минус уже сказан - контраст разделов.
До сих пор не могу понять, почему общество Друпал не любит джумловодов.Признаться я и сам джумлу недолюбливаю (но если клиент просит, ради бога), но такое рьяное отвращение к джумле как на дру я ещё не встречал.....
Но, кажется, что половину на дру с джумлы спрыгнуло.....
ИМХО так и есть! Не хватало мне функционала джумлы. Да и багов там не счесть. Одни детские хаки движка чего стоят. Толком не обновиться до новой версии и т.д.
Сам в свое время думал "как нибудь так сделать", поэтому завидую)
Самое главное форма, а содержание допилите)
тоже себе делали в таком стиле, но потом вернулись к "классике". Всеж юзверь зверь дикий и пугливый
По сайту - дизайн еще сыроват, так в целом задумка нормальная.
Лично я с навигацией по этому чуду местами запутался...
Часть следующей страницы снизу (то есть верхняя часть след стр) выглядывает, что выглядит некрасиво и недоделанно. Также не мешало бы сделать, чтобы пользователь при первом скроле мышью сразу перемещался на следующий слайд с помощью анимации на js. Графика бэков выглядит сомнительно на некоторых слайдах.
В последнее время все забыли про грейсфулдеградейшн и считается, что у пользователя js включен по-умолчанию. Я думаю нужно вывести предупреждение для тех, у кого отключен js, что сайт не работает без включенного js. Ну хотя бы так:
Но это я придираюсь.
Ну или допилить портфолио и услуги, чтобы работало без js
ИМХО для глаз тяжело такое постоянное движение, подсвечивание - единственно как демонстрация для клиентов своих способностей.
Я хочу заказать сайт - зачем мне этот феерверк?
Только что обновил дизайн. SL-7.ru
Полностью под мобильники и планшетосы ещё не настраивал.
Текста ещё поменять не успел. Но вот пункты меню в услугах вроде распределил правильно.
Смотрим, комментируем!
наверное я уже стар. не прет меня эта новомодная фича с горой мимишечных плюшек на главной.
Тоже не удивлен.
Нарисовано что на мобилках, планшетах компах. Но сайт не адаптивный и на мобилках не лезет. Удивительно, такой простой и не сделать адаптивным?
Картинки давят на глаза. Такое ощущение они jpg очень сильно ужаты. У меня не ретина но всеравно есть ощущения ужатой жепегешки.
Многие, я бы сказал большинство элементов сделано картинками, когда можно было спокойно векторно реализовать. И опять же, эти картинки убоги и за живое трогают.
С тенями явный перебор.
Например какие?
А так да, чото я джепеги пережал сильно. Щас норм сделаю.
И кстати да!
Вас то удивлять я не собирался) Такой формат ориентирован на простых смертных!)
вообще этой работы не видно.
50-100 строк CSS) Завтра запилю)
Жду продолжения...
Хотя первый вариант меня как-то больше порадовал. Может, потому что ярко было? А сейчас как-то "няшно".
Та же фигня... Где я? Как сюда попал?
Предложу решение: Бэкграунд каждого слайда сделать прозрачным (50%-75%). Подложка (один бэкграунд в два раза бОльший, чем слайд) под все слайды пусть перемещается за всеми слайдами следом. Добиться эффекта рабочего стола андроид-систем, когда эта самая подложка кусочками отображается на каждом слайде и при переходе по слайдам нежно скроллится. Анимация должна помочь выстроить движение по разделам как по иерархическим вложенным элементам (горизонтально-вертикально: вертикально - по разделам, горизонтально - по материалам; или иная логика).
Что достигнем: оптимальную иерархию материалов/разделов сайта, которая выстроится в голове пользователя в геометрической форме, а не логической. Этакие вложенные папки в проводнике винды, только интуитивно разложенные по уровням в мозгах зрителей. Эффект потрясающий, скажу Вам!
Что касаемо адаптивки, то я как-то затрудняюсь представить себе поведение этого сайта на маленьких экранах... Сегмент "промо" не для 320*128... Хотя именно от клиентов с мобильниками (точнее - планшетниками) будет хорошая отдача.
стрелка назад
Адаптивности не увидел:)
Под капотом хаотичный набор html5 тегов article и section смотрится по меньшей мере странно. Такое ощущение, что они вставлялись без всякого смысла.
Каюсь, не успел.
Сектион - для слайдов параллакса.
Артикл - ??? HTML5 вся инфа на одно странице, как тут без него то, в артикл можно помещать теги хедер и футер в каждую, и получается много страниц на одной. Учите матчасть.
http://i.imgur.com/19ge9j8.png
Внизу на моем мониторе картинка не влезла на страницу. Юзайте background-size: cover или картинки побольше запихните.
Также мне кажется очень стремно смотрится код где логотип на тойже странице. Везде чистые линии а тут непонятная грязь, причем не в тему.
И сохраните картинки в пнг уже, глаза кровью изливаются.
Код вырезан, удлиненные пнг на месте.
Во, первая картинка уже смотрится круто. Чего по остальным не скажешь. Там все заблурено, я думаю нужно как и на первой, делать четкие грани.
http://i.imgur.com/as4dlAA.png - Эти линии я думаю также надо делать строгими без блура. Блур вообще сложно хороший всегда подобрать с тенями, зачастую они только портят, ибо кажется все "грязно".
Также по списку услуг, текст для меня смотрится грязно. Я бы сделал так.
Для обычного состояния http://i.imgur.com/746Uhvs.png
Поменял цвет и текст шадоу на:
color: rgba(255, 255, 255, 1);
А при ховере бы сделал так http://i.imgur.com/iY5QDmM.png
Это сугубо моё мнение, но по моему с тенями на сайте явный перебор.
А еще бы так сделал, ток заголовок отцентровать.
И комп, планшет и мобилу все же надо в одном цвете делать, а то какой-то зоопарк.
Комп, ноут, планшет, мобила
Мне кажется черные девайсы тут не к месту.
не в черном суть, вам мак-комп надо белый найти)
Ну в принципе так и есть. Или я не до понял?
Белого вроде в природе нету) Хотя поэксперементировать можно)
Заменены на белые мак девайсы.
совсем другое дело, хоть глаза кровью не изливаются
Убери тени в меню услуги. Выглядит расплывчато и как будто грязно.
Легкий троллинг:
убрал-бы сие из ветки "выставка",
обычная запись в блоге и все дела)))
Подсказки:
свободного пространства - очень много,
скролл в низ - огромен,
единственно его оправдывает - ну картинки друг на друга "красиво едут"
а юзабилити и информативность - практически на нуле.
Напутствия:
дабы тебе самому понять, а главное - увидеть, что с ним не так
(а с ним реально что-то не так)
ты просто оставь его на неделю - не смотри на него,
после - сам-же свежим взглядом глянешь, и бросишься переделывать)))
когда в услугах в раздел переходишь, там сайт визитка, при нажатии в верхнем меню - услуги ничего не срабатывает
В плане дизайна или самой концепции?
Ага упущение. Дело в том что верхнее меню крутит только слайды вверх и вниз, к самим услугам он не причастен.
Рисовал дизайнер. Я тока кодил.
Гораздо лучше чем когда все размазано было с кучей ненужных эфектов.
Косяк: верхний навбар не очень дропдаунистый на маленьких разрешениях=) Подключи лучше http://www.smartmenus.org/ . Там есть Bootstrap Addon (Navbar).
этот вариант попрятней будет)
Представляю новый вариант сайта http://sl-7.ru
Как показала практика предыдущий сайт хоть и был красив, но конверсия посетитель-клиент была не очень. Была полностью сменена концепция. В совместном консилиуме мы собрали всевозможные уловки для повышении конверсий.
Да, типографика на внутренних страницах услуг ещё не полностью продумана, но это не долго исправить.
Старый дизайн перенёс в раздер промо и сделал его как сайт-пример.
Так же разработаны 3 сборки на друпале: Landing page, Корпоративный сайт, Интернет-магазин (будет попозже). И на всё это дело сейчас придумываются дизайны. Подробнее на внутренних страницах с услугами.
Это да, но там не обычное меню а OM Maximenu со своими наворотами)
Ну тогда пусть будет коряво но с наворотами.
Кстати, а что за навороты.
Да пункты меню по ролям и тем, что может только OM меню. Надо будет заморочиться и переделать под ту меню.
http://drupal.org
Без Технического Задания никто Вам не скажет даже ориентировочную цену. Пишите на info@sl-7.ru если действительно заинтересованны.