Создание сайтов на Drupal

Главные вкладки

Аватар пользователя whiesam whiesam 28 октября 2013 в 21:19

Создание сайтов Druta
Вот завершились работы по подготовке.
Представляю Вам разработку сайтов на Drupal с помощью "приложений". Приложения - это нечто большее, чем модули. Это уже завершенные бизнес постановки.
Так же есть на выбор 6 бесплатных дизайнов. Можете и свой поставить!

Таким образом можно собрать сайт себе или клиенту без заморочек.

Все подробность на Druta

Комментарии

Аватар пользователя AI AI 28 октября 2013 в 21:53

Порадовал Smile
Перспективно!
Только прокрутка колесиком мышки спотыкается на iPad'e - необходимо поправить этот досадный баг.
Чесслово порадовал! Давно не видел столь приятных и адекватных дизайнов.
Пять баллов!

Аватар пользователя AI AI 28 октября 2013 в 21:57

Что касается контраста - полезно сделать "умеренный контраст в плюс-минус два тона". Учитывая, что публика от радости начнет листать страницу вдоль и поперек (как это сделал я), то сильный контраст стукнет по глазам. И впечатление от сайта будет как от стробоскопа - полезная инфа вылетает от такого из головы за две секунды и не возвращается. Остается только стробоскоп. Тут аккуратнее.

Аватар пользователя AI AI 28 октября 2013 в 22:03

Что касаемо промосайта не на Друпале, то это нормально. Друпал хоть и друг, но некоторые вещи он не умеет. И Вашу сайт так не повторить ни на одном движке. Все правильно сделали: написали одну страницу и вдохнули в нее жизнь. Это и есть настоящее ремесло программиста.

Аватар пользователя AI AI 28 октября 2013 в 22:11

Ложка дегтя. Читаю на Вашем сайте:

"Промо-сайт – это одностраничный креативный сайт (Пример: наш сайт), для представления какой-либо услуги или товара. Данный тип сайта предназначен специально для привлечения внимания посетителей, поэтому разрабатывается красивый уникальный дизайн. Так же при создании сайта могут использоваться необычные подходы в плане юзабилити."

Долой определения! Долой штампованные "данный" и "так же"! Долой рассказы клиенту о том, как это делается!
Автор, напиши о том, что никто не пишет. Напиши, что промосайт приносит светлые нотки в серую жизнь. Напиши, что необычность его заставляет улыбаться. Напиши, что позитив - это то, что люди получат от общения с таким сайтом и понесут с собой следующие несколько минут/часов/дней. И чем больше радости, тем больше людей будут вспоминать о промосайте том, что они видели.

Аватар пользователя whiesam whiesam 28 октября 2013 в 22:17

"AI" wrote:
Ложка дегтя. Читаю на Вашем сайте:
"Промо-сайт – это одностраничный креативный сайт (Пример: наш сайт), для представления какой-либо услуги или товара. Данный тип сайта предназначен специально для привлечения внимания посетителей, поэтому разрабатывается красивый уникальный дизайн. Так же при создании сайта могут использоваться необычные подходы в плане юзабилити."
Долой определения! Долой штампованные "данный" и "так же"! Долой рассказы клиенту о том, как это делается!
Автор, напиши о том, что никто не пишет. Напиши, что промосайт приносит светлые нотки в серую жизнь. Напиши, что необычность его заставляет улыбаться. Напиши, что позитив - это то, что люди получат от общения с таким сайтом и понесут с собой следующие несколько минут/часов/дней. И чем больше радости, тем больше людей будут вспоминать о промосайте том, что они видели.

За это спасибо. Дело в том, что данные текста были написаны за бутылкой Джека как тестовый вариант, и как раз в редизайне хотел их переписать в данном ключе. Спасибо что подтвердили мою мысль.

Аватар пользователя AI AI 28 октября 2013 в 22:19

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

Аватар пользователя whiesam whiesam 28 октября 2013 в 22:24

"AI" wrote:
А почему бы не сделать акцент на нужные слова и фразы в тексте разным размером шрифта и надавить легким оттенком цвета?

Адово!) Точно запилю. Идея класс. Читал как то про это в книжке по психологии, должно отлично сработать)
"AI" wrote:
Я понимаю, что сложно расставить правильный акцент.

Не особо.

Аватар пользователя AI AI 28 октября 2013 в 22:38

"whiesam" wrote:
Не особо.

Только начни Smile Посмотрим как это будет весело.
PS порекомендовал бы я сначала в гимпе или фотожопе побаловаться, на кошках картинках, так сказать... Мне по готовой визуализации проще диз натягивать. Хотя кому как. Не буду в чужой огород со своими сканвордами лезть.

Аватар пользователя Allaur Allaur 29 октября 2013 в 0:03

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

"whiesam" wrote:
делал бы на джумле и дальше свои говношедевры))

До сих пор не могу понять, почему общество Друпал не любит джумловодов.Признаться я и сам джумлу недолюбливаю (но если клиент просит, ради бога), но такое рьяное отвращение к джумле как на дру я ещё не встречал.....
Но, кажется, что половину на дру с джумлы спрыгнуло.....

Аватар пользователя whiesam whiesam 29 октября 2013 в 0:14

"Allaur" wrote:
Но, кажется, что половину на дру с джумлы спрыгнуло.....

ИМХО так и есть! Не хватало мне функционала джумлы. Да и багов там не счесть. Одни детские хаки движка чего стоят. Толком не обновиться до новой версии и т.д.

Аватар пользователя q2_faith q2_faith 29 октября 2013 в 0:20

Сам в свое время думал "как нибудь так сделать", поэтому завидую)
Самое главное форма, а содержание допилите)

Аватар пользователя S_F S_F 29 октября 2013 в 1:36

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

Аватар пользователя vovavova84 vovavova84 29 октября 2013 в 6:57

Часть следующей страницы снизу (то есть верхняя часть след стр) выглядывает, что выглядит некрасиво и недоделанно. Также не мешало бы сделать, чтобы пользователь при первом скроле мышью сразу перемещался на следующий слайд с помощью анимации на js. Графика бэков выглядит сомнительно на некоторых слайдах.

Аватар пользователя constcost constcost 29 октября 2013 в 15:29

В последнее время все забыли про грейсфулдеградейшн и считается, что у пользователя js включен по-умолчанию. Я думаю нужно вывести предупреждение для тех, у кого отключен js, что сайт не работает без включенного js. Ну хотя бы так:

<noscript><p>Ваш браузер не поддерживает скрипты!</p></noscript>

Но это я придираюсь.

Аватар пользователя gedeon gedeon 30 октября 2013 в 19:45

ИМХО для глаз тяжело такое постоянное движение, подсвечивание - единственно как демонстрация для клиентов своих способностей.

Я хочу заказать сайт - зачем мне этот феерверк?

Аватар пользователя whiesam whiesam 24 ноября 2013 в 19:24

Только что обновил дизайн. SL-7.ru
Полностью под мобильники и планшетосы ещё не настраивал.
Текста ещё поменять не успел. Но вот пункты меню в услугах вроде распределил правильно.

Смотрим, комментируем!

Аватар пользователя Niklan Niklan 24 ноября 2013 в 20:08

Тоже не удивлен.
Нарисовано что на мобилках, планшетах компах. Но сайт не адаптивный и на мобилках не лезет. Удивительно, такой простой и не сделать адаптивным?
Картинки давят на глаза. Такое ощущение они jpg очень сильно ужаты. У меня не ретина но всеравно есть ощущения ужатой жепегешки.
Многие, я бы сказал большинство элементов сделано картинками, когда можно было спокойно векторно реализовать. И опять же, эти картинки убоги и за живое трогают.
С тенями явный перебор.

Аватар пользователя whiesam whiesam 24 ноября 2013 в 20:26

"Niklan" wrote:
Но сайт не адаптивный и на мобилках не лезет. Удивительно, такой простой и не сделать адаптивным?

"whiesam" wrote:
Полностью под мобильники и планшетосы ещё не настраивал.

"Niklan" wrote:
Многие, я бы сказал большинство элементов сделано картинками, когда можно было спокойно векторно реализовать.

Например какие?

А так да, чото я джепеги пережал сильно. Щас норм сделаю.

Аватар пользователя whiesam whiesam 24 ноября 2013 в 20:41

И кстати да!

"Niklan" wrote:
Тоже не удивлен.

Вас то удивлять я не собирался) Такой формат ориентирован на простых смертных!)

Аватар пользователя AI AI 25 ноября 2013 в 9:06

Жду продолжения...
Хотя первый вариант меня как-то больше порадовал. Может, потому что ярко было? А сейчас как-то "няшно".

Аватар пользователя AI AI 25 ноября 2013 в 9:18

"S_F" wrote:
Лично я с навигацией по этому чуду местами запутался...

Та же фигня... Где я? Как сюда попал?
Предложу решение: Бэкграунд каждого слайда сделать прозрачным (50%-75%). Подложка (один бэкграунд в два раза бОльший, чем слайд) под все слайды пусть перемещается за всеми слайдами следом. Добиться эффекта рабочего стола андроид-систем, когда эта самая подложка кусочками отображается на каждом слайде и при переходе по слайдам нежно скроллится. Анимация должна помочь выстроить движение по разделам как по иерархическим вложенным элементам (горизонтально-вертикально: вертикально - по разделам, горизонтально - по материалам; или иная логика).
Что достигнем: оптимальную иерархию материалов/разделов сайта, которая выстроится в голове пользователя в геометрической форме, а не логической. Этакие вложенные папки в проводнике винды, только интуитивно разложенные по уровням в мозгах зрителей. Эффект потрясающий, скажу Вам!

Аватар пользователя AI AI 25 ноября 2013 в 9:25

Что касаемо адаптивки, то я как-то затрудняюсь представить себе поведение этого сайта на маленьких экранах... Сегмент "промо" не для 320*128... Хотя именно от клиентов с мобильниками (точнее - планшетниками) будет хорошая отдача.

Аватар пользователя vovavova84 vovavova84 25 ноября 2013 в 22:09

Адаптивности не увидел:)
Под капотом хаотичный набор html5 тегов article и section смотрится по меньшей мере странно. Такое ощущение, что они вставлялись без всякого смысла.

Аватар пользователя whiesam whiesam 26 ноября 2013 в 10:11

"vovavova84" wrote:
Адаптивности не увидел:)

Каюсь, не успел.
"vovavova84" wrote:
Под капотом хаотичный набор html5 тегов article и section смотрится по меньшей мере странно. Такое ощущение, что они вставлялись без всякого смысла.

Сектион - для слайдов параллакса.
Артикл - ??? HTML5 вся инфа на одно странице, как тут без него то, в артикл можно помещать теги хедер и футер в каждую, и получается много страниц на одной. Учите матчасть.

Аватар пользователя Niklan Niklan 26 ноября 2013 в 10:45

http://i.imgur.com/19ge9j8.png
Внизу на моем мониторе картинка не влезла на страницу. Юзайте background-size: cover или картинки побольше запихните.
Также мне кажется очень стремно смотрится код где логотип на тойже странице. Везде чистые линии а тут непонятная грязь, причем не в тему.

И сохраните картинки в пнг уже, глаза кровью изливаются.

Аватар пользователя Niklan Niklan 27 ноября 2013 в 12:11

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

http://i.imgur.com/as4dlAA.png - Эти линии я думаю также надо делать строгими без блура. Блур вообще сложно хороший всегда подобрать с тенями, зачастую они только портят, ибо кажется все "грязно".

Также по списку услуг, текст для меня смотрится грязно. Я бы сделал так.
Для обычного состояния http://i.imgur.com/746Uhvs.png
Поменял цвет и текст шадоу на:

text-shadow: 2px 3px 0px rgba(0, 0, 0, 0.1);
color: rgba(255, 255, 255, 1);

А при ховере бы сделал так http://i.imgur.com/iY5QDmM.png

text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16), 0px 3px 0 rgba(0, 0, 0, 0.12);

Это сугубо моё мнение, но по моему с тенями на сайте явный перебор.

А еще бы так сделал, ток заголовок отцентровать.

И комп, планшет и мобилу все же надо в одном цвете делать, а то какой-то зоопарк.
Комп, ноут, планшет, мобила

Аватар пользователя whiesam whiesam 28 ноября 2013 в 17:46

"Niklan" wrote:
И комп, планшет и мобилу все же надо в одном цвете делать, а то какой-то зоопарк.
Комп, ноут, планшет, мобила

Мне кажется черные девайсы тут не к месту.

Аватар пользователя Niklan Niklan 28 ноября 2013 в 19:16

"whiesam" wrote:
Мне кажется черные девайсы тут не к месту.

не в черном суть, вам мак-комп надо белый найти)

Аватар пользователя whiesam whiesam 28 ноября 2013 в 22:49

"AI" wrote:
Предложу решение: Бэкграунд каждого слайда сделать прозрачным (50%-75%). Подложка (один бэкграунд в два раза бОльший, чем слайд) под все слайды пусть перемещается за всеми слайдами следом. Добиться эффекта рабочего стола андроид-систем, когда эта самая подложка кусочками отображается на каждом слайде и при переходе по слайдам нежно скроллится. Анимация должна помочь выстроить движение по разделам как по иерархическим вложенным элементам (горизонтально-вертикально: вертикально - по разделам, горизонтально - по материалам; или иная логика).

Ну в принципе так и есть. Или я не до понял?
"Niklan" wrote:
не в черном суть, вам мак-комп надо белый найти)

Белого вроде в природе нету) Хотя поэксперементировать можно)

Аватар пользователя multpix multpix 2 декабря 2013 в 16:09

"whiesam" wrote:
Ну и прочие подсказки, напутствия и легкий тролинг приветствуется.

Легкий троллинг:
убрал-бы сие из ветки "выставка",
обычная запись в блоге и все дела)))

Подсказки:
свободного пространства - очень много,
скролл в низ - огромен,
единственно его оправдывает - ну картинки друг на друга "красиво едут"
а юзабилити и информативность - практически на нуле.

Напутствия:
дабы тебе самому понять, а главное - увидеть, что с ним не так
(а с ним реально что-то не так)
ты просто оставь его на неделю - не смотри на него,
после - сам-же свежим взглядом глянешь, и бросишься переделывать)))

Аватар пользователя whiesam whiesam 4 декабря 2013 в 23:32

"multpix" wrote:
дабы тебе самому понять, а главное - увидеть, что с ним не так
(а с ним реально что-то не так)

В плане дизайна или самой концепции?
"Домовой" wrote:
когда в услугах в раздел переходишь, там сайт визитка, при нажатии в верхнем меню - услуги ничего не срабатывает

Ага упущение. Дело в том что верхнее меню крутит только слайды вверх и вниз, к самим услугам он не причастен.

Аватар пользователя whiesam whiesam 22 мая 2014 в 2:12

"kosHta" wrote:
Технарь и дизайнер в одном человеке - это как Пушкин на Формуле 1.
Эффекты - многообещающие, надо было сзади дизайнера с мухобойкой ставить (Моя мстя страшна )) )

Рисовал дизайнер. Я тока кодил.

Аватар пользователя whiesam whiesam 22 мая 2014 в 13:29

Представляю новый вариант сайта http://sl-7.ru
Как показала практика предыдущий сайт хоть и был красив, но конверсия посетитель-клиент была не очень. Была полностью сменена концепция. В совместном консилиуме мы собрали всевозможные уловки для повышении конверсий.
Да, типографика на внутренних страницах услуг ещё не полностью продумана, но это не долго исправить.
Старый дизайн перенёс в раздер промо и сделал его как сайт-пример.
Так же разработаны 3 сборки на друпале: Landing page, Корпоративный сайт, Интернет-магазин (будет попозже). И на всё это дело сейчас придумываются дизайны. Подробнее на внутренних страницах с услугами.

"Moel" wrote:
Косяк: верхний навбар не очень дропдаунистый на маленьких разрешениях=) Подключи лучше http://www.smartmenus.org/ . Там есть Bootstrap Addon (Navbar).

Это да, но там не обычное меню а OM Maximenu со своими наворотами)

Аватар пользователя Moel Moel 22 мая 2014 в 13:36

"whiesam" wrote:
Это да, но там не обычное меню а OM Maximenu со своими наворотами)

Ну тогда пусть будет коряво но с наворотами.
Кстати, а что за навороты.

Аватар пользователя whiesam whiesam 22 мая 2014 в 14:02

"Moel" wrote:
Ну тогда пусть будет коряво но с наворотами.
Кстати, а что за навороты.

Да пункты меню по ролям и тем, что может только OM меню. Надо будет заморочиться и переделать под ту меню.

Аватар пользователя whiesam whiesam 3 февраля 2015 в 21:50

"Kostenkov" wrote:
А сможете сделать городской портал с дизайном в старинном стиле?
И восколько обойдется такое удовольствие (хотя бы оринтировочно)

Без Технического Задания никто Вам не скажет даже ориентировочную цену. Пишите на info@sl-7.ru если действительно заинтересованны.