Главная сайта.
 

Вступление.

Шрифт надо использовать Tahoma. Фон блоков должен отличаться от фона главной.
На первом варианте используются цвет фона - #f7f7f7, цвет фона у блоков - #fbfbfb.
Расстояние между блоками (промежуток по вертикали). Нужно 15-20px. Пунктирные линии в блоках надо светлее чуть-чуть. Например, #D6DFE5. Пунктир не должен доходить почти до самого края. Тень блоков... Предлагается следующий вариант:
-webkit-box-shadow: 1px 3px 8px 0px rgba(170, 170, 170, 0.8);
-moz-box-shadow: 1px 3px 8px 0px rgba(170, 170, 170, 0.8);
box-shadow: 1px 3px 8px 0px rgba(170, 170, 170, 0.8);

Отступы блоков сверху/снизу/слева/справа от границ фона - нужно сделать больше. 30-40px. Не забыть убрать градиент и сделать черту как в блоках, но на полную ширину, а не наполовину или треть.
Заголовки блоков не должны быть в двух строчках .Соответственно, либо менять заголовок, либо делать фиксированной ширину блока.

По адаптивности. Там не только нужно, чтобы что-то куда-то сворачивалось, но и чтобы становилось читаемое на маленьких экранах. То есть в зависимости от экрана устройства (ПК, планшент, смарт/мобильник) стили сайта подгоняются под экран. И если, например, вверху ссылки не умещаются, то они становятся "меню", выпадающий список...
Основная ошибка - блоки без более светлой подложки. Если бы сразу подложку у блоков сделали - сайт сразу бы смотрелся иначе.

Пролог.
Есть такая фраза/цитата: Жила-была Ёлочкая игрушка. Она была настолько блестящей, что ей прощали внутреннюю пустоту.
Конечно, я немного в ином смысле употребляю (не про то, что надо пускать пыль в глаза).
А вот в каком смысле: Здорово, что есть много интересных турниров и прочее. Но какие-то технические недоработки могут покрыться визуальными доработками.
Т.е. если всё будет сделано красиво, то многие смогут хоть на какие-то моменты забыть про недоработки турниров и прочее. Красота приносит радость) Корявость и кривота визуализаций – раздражение. Ведь согласись, приятнее сидеть на проекте красивом и функциональном, нежели на кривоватом и супер-функциональном (по крайней мере если рассматривать проект для широких масс

Разница в цветовой гамме блоков.Надо на это смотреть в начале.


ПЕРВЫЙ ВАРИАНТ ВИЗУАЛИЗАЦИИ ДИЗАЙНА. ЦВЕТОВЫЕ ГАММЫ. Расположение и наименование блоков на макете случайное расположение случайных блоков.

http://ibuprog.com/forum/imagehostin...95303cec73.png

ВТОРОЙ ВАРИАНТ ВИЗУАЛИЗАЦИИ. ЦВЕТОВЫЕ ГАММЫ. Расположение и наименование блоков на макете случайное расположение случайных блоков.

http://ibuprog.com/forum/imagehostin...9534449343.png

ШАПКА.

http://ibuprog.com/forum/imagehostin...953952eb80.png

Логотип и рисунок сайта оставляем как есть. Он на слуху.

№2. Блок регистрации, авторизации, личных сообщений, личный кабинет, почта.

При регистрации должны предлагаться варианты связи сайта с пользователем, куда ему отсылать напоминания, уведомления. То есть варианты: Е-майл, телефон (СМС), Вайбер, Ватцап, Телеграмм и другие современные варианты средст связи и оповещения. В личном кабинете должна быть возможность «галочкой» изменить варианты оповещения, изменить номер телефона, почты и т.д. «Галочку» можно ставить как на одно что-то, так и на все сразу. Также тут будет и личный телеграмм бот.- Любой пользователь сможет получать все уведомления, и управлять своим аккаунтом через телеграмм бот.
Обратить внимание, в блоке авторизации сейчас на сайте нету галки «запомнить». Лого/блок с авторизацией личным кабинетом на всех страницах нужен везде.
При авторизации / регистрации открывается личный кабинет, в котором находится профиль игрока, отдельные личные награды пользователя, ссылка на Зал Славы, Статус. Награды.

№1. Личный Банк. Мой Банк. Банк.

У каждого есть свой банк. В каждой игре на скрипте будет возможность сделать ставку фишками из банка. Проиграл- вычлось, выиграл- добавилось. У каждой игры будет общий банк, т.е. банк игровых фишек, которые внесли игроки. В зависимости от исхода и верности предсказаний банк будет распределен между призёрами. В банке есть «Кошелек пользователя».Он представляет из себя обменник, в котором пользователь покупает игровые фишки и продает их банку - выводя наличные на свою реальную банковскую карточку. Пополнять и выводить средства можно любыми предложенными способами. В этом блоге находится система ввода и вывода денег, логи операции, контроль за расходами денег/фишек. Статистика этого пользователя по годам с названием турнира, датой, ссылками, занятым местом, кол-вом участников в турнирах на фишки и отдельных ставках. Свой личный статус (название ) на сайте среди игроков на фишки в зависимости от результатов (необходимо для VIP-аккаунта в дальнейшем). Взаимозачет между игроками по фишкам. Возможность скидываться фишками в общий котёл.( котёл № 1,2,3). Кредитная линия. VIP-аккаунт.

И тут же в шапке надо куда-то встроить часы. А также кнопки переключения языков.

ПАНЕЛЬ НАВИГАЦИИ.

http://ibuprog.com/forum/imagehostin...953d17d589.png

№4. Строка переключения страниц/кнопки. Навбар.
№5. Место для расположение рекламных блоков.

Эффект при наведении на кнопку хотелось бы вот такой - http://jsbin.com/uQojOwu/2/edit?html,css,output (внешнее свечение вокруг картинки)

Какие кнопки нужны.
1. Новостная лента форума (Live news на форуме в навбаре). Доступна всем, но не должны там отображаться посты в закрытых темах. Первая строка- Название раздела (полностью) и пару слов название темы. Вторая строка - первые слова постов. Должна отображаться аваторка автора поста. При нажатии переносит на форум.
2. ТВ он-лайн(?) Обсуждаемо. В проекте открывается Евроспорт 1, 2, Матч ТВ и пару бесплатных футбольных(спортивных) видеоканалов.
3 О проекте. В статье должны присутсвовать все поисковые слова, которые будут прописаны. И тут сделать ссылку на видео как пользоваться сайтом…
4. Форум
5. Календарь турниров. При наборе нового турнира в админке игры, в календарь автоматически заносится название турнира,дедлайн и другая полезная информация. Эта же информация подвязывается и в систему оповещений. После завершения турнира ведущий в админке ставит «галочку» что турнир завершен и результаты автоматически транслируются в Зал Славы, выдаются награды,итоговый ретинг по месяцам и по году/годам и т.д.У каждого ведущего отдельный доступ к своим турнирам и сделать отслеживание-лог операций для ведущих, чтобы админ мог видеть кто, когда и какие внёс изменения в прогнозы и для отслеживания спорных моментов, с невозможностью до дедлайна видеть ставки игроков. Во всех скриптах прописать облачко с кол-вом игроков всего, кол-вом сделавших ставку и т.д., замкнуть это все в личный профиль и календарь. Календарь игр общий и для каждого пользователя отдельно
6. Погодный информер. Каждый настраивает для себя любую дислокацию. Галочка «Запомнить».
7. Архив турниров
8. Интернет-магазин.
9. Зал Славы. Полный список всех пользователей с возможностью ранжирования по отдельным показателям (дата регистраций, кол-во очков, побед и т.д.) с их данными по сайту, играм, общению, форуму и т.д.) В зале славы все турниры сайта с призерами, наградами и другой статистикой по завершившимся турнирам. Сделать возможным модераторам (ведущим турниров) руками заносить в готовые шаблоны статистику и призёров турниров. Система наград в профиль
10.Создать клип "видео навигация по сайту"

Возможно дополнительные кнопки.

ТЕЛО САЙТА И БЛОКИ. ФУТЕР. (При открытии вкладки турниров(страницы) там будут совершенно другие блоки. Но об этом в другой теме)

http://ibuprog.com/forum/imagehostin...95412befee.png

№6. Новости спорта.

Парсить. Кнопка переключения « новости спорта/новости биатлона/новости футбола/новости хоккея/новости тенниса/новости баскета» и галочка «Запомнить». Новости дублируются в тему на форум, но в Ленте новостей форума Live news они не отображаются. Блок "Новости спорта" - заголовок новости и количество строк на усмотрение дизайнера. + считаю, что полужирным шрифтом будет смотреться лучше.

№7. В ближайшие 24 часа. (матчи сегодня/матчи завтра).Возможность переключать.

Дата, время, название. Логотип турнира. Тройка призёров с их наградами в данном виде спорта. Игры сегодня. Календарь соревнований, список турниров в которых принимает участие пользователь и подсветка дедлайнов его действующих турниров с напоминанием ( за определенное время, например за 1 час до дед-лайна) в те мессенджеры, которые указал пользователь.


№8.Рейтиг игроков на фишки.

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

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

И пересматривать звания (статусы) под ником, которые привязаны сейчас к количеству сообщений, а не к достижениях в конкурсах.


№10
№12. Лучшая ставка дня. Матч дня.Ординары.Ставки.



№9. Важная информация или Анонсы.

В блоке важной информации добавить дату. Блок "Важная информация" - переделать, однозначно. Она не смотрится. Надо крупнее + дату. И слово [Новое] – выделить красным.

http://ibuprog.com/forum/imagehostin...9543ea6cef.png

№11. Чат.
http://ibuprog.com/forum/imagehostin...95465d23e7.png
Смайлы.

№13. На главной- общие рейтинги.

http://ibuprog.com/forum/imagehostin...954e484f34.png

При переходам на виды спорта - рейтинги по видам спорта и по отдельным турнирам прогнозистов.

Итоги месяца, года.

http://ibuprog.com/forum/imagehostin...95502bd167.png

http://ibuprog.com/forum/imagehostin...95523a3dff.png

Надо ввести процент или графу во скольких турнирах играл.
Если у тебя 10 наград и ты играл в 20 турнирах то это одно, а если 50 наград, но в 400 турнирах, то это другое.Можно применить элементарную формулу, по крайней мере для турниров на скрипте.
Пример: в турнире на сегодня участвуют 52 игрока.
( кол. участн.-место сегодня/кол. учатн.= рейтинг.)
(52-7/52=0,87)
(52-45/52=0,13)
Крутой пример с другого сайта:

http://ibuprog.com/forum/imagehostin...9554634c99.png

Возможно рейтинг категории турниров,от кол-ва участников.

1. Ведущий по завершению турнира нажимает кнопку в админке «Турнир завершен» и очки игрока заносятся ему в рейтинг..
3. Чтобы сильно тут не фантазировать сейчас, балы начислять обратно пропорционально занятому месту в турнире. (1-24 получи 24-1, 1-150 получи 150-1).

Награды видны в рейтинге на игру и в рейтинге общем.(в отдельном разделе подробней об этом)

№14. Последние сообщения форума.

3-4 последних сообщения с форума (полных).При нажатии на любое место - переносит на форум.

№15. Блоги.

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

№16. Каталог игр.

http://ibuprog.com/forum/imagehostin...955a326260.png

В глаза должны броситься, в первую очередь турниры, на которые человек, посетивший сайт, должен кликнуть.На главной оставлять картинки по видам спорта "Биатлон", "Хоккей", "Футбол" и т.п красочные,красивые. Надо сделать так,чтобы при нажатии на вид спорта страничка НЕ перезагружалась заново, а в рамках этой открывались картинки с уже конкретными турнирами. Т.е. использование ajax или что-то похожее.
В три ряда в ширину, и до бесконечности в высоту. На клик по нужному турниру открывается турнир.На картинке вида спорта сделать зелёный и красный огонек. Зеленый горит,когда все ставки в кторых играет игрок сделаны,а красных-когда нет. При переходе dyenh, вида спорта(где могут быть несколько активных турниров) так же зелёный там,где ставка сделана,красный где нет. При нажатии на красный и зелёный огоньки-выскакивает уведомление.В каждой игре свой мини-чат.

№.17. Место под рекламу.

№18. Футер.

http://ibuprog.com/forum/imagehostin...955bd954c0.png

Там будут и социалки, и счетчики, и прочие полезные ссылки. Там можно добавить всячески полезные ссылки. Статистику.Подсказки где найти полезную инйформацию. Я предполагаю, что как у меня на макете должны быть первые два блока, а другие два - на усмотрение, сейчас я там просто как пример разместил ссылки на разделы форума,а могут быть ссылки на различную статистику или другие полезные ссылки. В Футере прочие полезные ссылки, которые, кстати, будут в том числе и в виде «ключевых слов».Это важно! Не забудьте начок копирайта – обычно, ещё делают приписку «Все права защищены». На новостных сайтах обычно ещё дописывают «при использовании материалов … гиперссылка на наш сайт обязательна»…



ПОСЛЕСЛОВИЕ.

1.Если будет место,то можно сделать флеш-игры. При нажатии «играть» пусть появляется страничка по типу как на страничке с турниром с выбором той или иной игры. Ставочки по фишке и дальше с возможностью выиграть.

2.При нажатии на тот или иной вид спорта переход на страничку с турнирами по данному виду спорта.
Например, страничка с турнирами по биатлону:
http://ibuprog.com/forum/imagehostin...955da24db7.png

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

ФОРУМ. По поводу «не заходят на форум» - тут вообще надо по статистике смотреть и узнавать что пользователь раньше нашёл/увидел – сайт или форум.
Считаю, что задавать вопросы начинают в чате не из-за того, что на форум не зашли, а из-за того, что зашли и не поняли где и что можно спросить. На форуме мооооре(!!!) разделов. Даже те, кто «живёт на форуме» не всегда хорошо ориентируется что и где


И В ЗАКЛЮЧЕНИИ.

оптимизации под поисковики…
Для начала, надо заполнить на сайте титлы, дескрипшн, кейворды…
<title></title> - на данный момент написано «Клуб прогнозистов IBU» - Срочно поменять на что-либо.
<meta name="description" content="Описание страницы"> - Что-то в стиле «Всё о биатлоне и других видах спорта: прогнозы, статистика, рейтинги … … …»
<meta name="keywords" content="здесь,ключевые слова или фразы,через запятую" />
Вордстат от яндекса в помощь - https://wordstat.yandex.ru/
Далее, добавить блок поделиться где-нибудь под навигацией (расшаривание в соц. сети как на форуме в темах)
Далее следовало бы поправить ссылки. Я, конечно, предпочитаю ЧПУ, но не знаю насколько тут реалистично это всё привести к такому виду… Как минимум, сделать их более корректными…
Сейчас, например, ссылка на игру http://ibuprog.com/index.php/forecast/rating_season/ - зачем в ссылке есть index.php? Это как-то можно убрать?
Далее… Опять же в той же игре 20-30 при переходе в игру и по всем ссылкам, которые там есть – отображается <title>Биатлон</title> - это, конечно, «круто». Надо, чтобы было описание страницы где мы находимся (кстати, может имело бы смысл добавить «хлебные крошки?»). Т.е., например, В титле этой игры должно быть написано «Турнир прогнозистов по биатлону 20-30». При переходе в игре в рейтинг надо, чтобы отображалось названии страницы рейтинга и упоминание о турнире. Что-то в стиле: «Рейтинг прогнозистов l Турнир прогнозистов по биатлону 20-30».
В списке биатлонистов - http://ibuprog.com/index.php/statistic/search при нажатии на того или иного биатлониста – пусть в титле выводится его имя. Например - http://ibuprog.com/index.php/statistic/profile/4052 - «Биатлонист Сергей Башкиров»
К слову, я уже упоминала, что там дублируется информация. Дважды блоки со статистикой стрельбы и общим зачетом КМ.
Ну и всё в таком духе для всех игр и т.п…
Далее создать на сайте файл robots.txt, чтобы на сайте не индексировался всякий хлам (например, нет смысла скармливать профили прогнозистов поисковикам, т.к. на сайте есть куда более полезная информация…). И в robots.txt не забыть добавить ссылку на карту сайта. Да, конечно же, создать карту сайта. Это очень важно.
После того, как эта основа будет сделана, то уже можно будет задумываться о продвижении…

Настроить автоматический бек-ап сайта правильно.

Хостинг в облаке.

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

Платежные системы предлагаются - К рассмотрению предлагаю (Payeer, AdvCash, Perfect Money, QIWI, Yandex Money)

То есть две кнопки будут. Просто кнопка пполнить счет, и кнопка вывести средства. Это обычные платежные системы, с ними работают абсолютно все сайты в интернете

Папрашу высказываться. Может есть смысл снести старый дизайн и сделать современный минималистический? В 3-4 кнопки? Или что-то ещё?Дополнительные какие-то блоки с информацией,или не нужное убрать? Или пофиг?

Юкк, Юра, не пофиг. Просто дай время все перечитать и осмыслить.

Та я просто сам на распутье. Сейчас программист приедет на 6 вечера. А тут и то,что я выложил мне нравится(наше совместное видение),и то что он кардинально предлагает тоже ничего,современно(он сам писал).Но мне как-то наше старое роднее что-ли.Вот и психую)))

То есть у него вариант типа такого

http://ibuprog.com/forum/imagehostin...974c718971.png

Вверху ссылки : Турниры,Виды спорта,Ретинги,Зал славы,Форум.События(календарь)

Ниже игры,в который прописаны банк,ставки и т.д.
Еще ниже баннеры с сообщениями с форума
Слева полноценный чат. Всё.

Вот скелет такой.

Структура сайта
- главная страница:
- Меню со страницами
- выборки из всех разделов (каталог игр, текущие события, сообщения из форума)
- Чат (Нужно подумать над его целесообразностью)

- Кошелек пользователя
- представляяет из себя обменник в котором пользователь покупает игровые фишки.
- Мы сами можем регулировать курс на покупку и продажу
- пополнять и выводить средства можно любыми предолжеными способами
- К рассмотрению предлагаю (Payeer, AdvCash, Perfect Money, QIWI, Yandex Money)

- форум
- Я считаю необходимо построить форум в форм-факторе чата с ветками, чтоб он выглядел презентабельно
- Вот пример красивого и удобного форума https://qna.habr.com/

- Телеграмм бот
- Любой пользователь сможет получать все уведомления, и управлять своим аккаунтом через телеграмм бот

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

- Профиль пользователя
- просмотр личной информации
- Статистика по играм
- Награды за участие в форуме
- Награды за победы в турнирах
- Личные сообщения
- Каждый пользователь имеет аватар и уникальный USERNAME
- А так-же страничку на блоге (Если таковой необходим)

- Блог (Если необходим)
-------------------------------------

Программист Славик: Хотелось бы узнать поелания по главной странице, по цветам, и если есть предпочтения, то можно прям примеры сайтов которые нравятся

Сразу мое мнение - его вариант не привлекателен, мягко говоря. Иногда заходишь на какой либо сайт, видишь вот такое "современно-актуальное", и хочется быстренько закрыть. Наверрое я ваще не в тренде. Просто для них легче будет, чтобы не заморачиваться?

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

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

Я сейчас ничем не пользуюсь, что то было нужно завел, 1 раз применил и сейчас не помню ни кошелёк ни номер...

В России сейчас номер 1 - СберБанк он-лайн.
Хорошо бы и его сделать!

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

http://ibuprog.com/forum/imagehostin...988d170d9c.png

http://ibuprog.com/forum/imagehostin...988de814b8.png

http://ibuprog.com/forum/imagehostin...988ea84d18.png

http://ibuprog.com/forum/imagehostin...988f7dc3b7.png

http://ibuprog.com/forum/imagehostin...98904c253f.png

http://ibuprog.com/forum/imagehostin...98914f1018.png

http://ibuprog.com/forum/imagehostin...9892064122.png

http://ibuprog.com/forum/imagehostin...9892e829b1.png

Вот только он уехал. Значит что получается. Его вариант,это не вариант по дизайну,а это он отобразил(как программист,а не художник) начало скелета сайта. А рисовалку нарисует художник. Я ему говорю,что нафига людям его скелет,если людям надо визуально видеть готовую картинку. Мой проект он раскритиковал,посовещавшись со своей командой.Говорит,что очень много вего натыкано-новичок глаза разбегутся и он уйдет. Это все убирается в какие-то там типа как в Твиттере.А чтобы сделать яркий и красочный сайт необязательно напихоть в него все сразу,как из ведра вылить. То что я расписал текст,это все нужно сказал и правильно.Сказал дальше все расписывать по темам,которые я открыл, а он с дизайнером к 15-му числу по моим записям сделают 3-4 макета уже готовых по дизайну главной страницы и потом мы должны одобрить. Потом будет дальше разговор. Так что вышевылаженный дизайн,что мой,что его это все не то. Забыли. Давайте подумайте пока над моими блоками. Они нужны и они будут,может просто они их уберут под спойлеры,может в кнопки или ещё как-то.Но по наполняемости и функциналу мы должны написать наши пожелания. Говорит пока они не начали работать-пишите любые пожелания.

Вот такие дела.В следующий раз,он приезжает или в субботу или в понедельник.

Yaguar, а приведи пример где много видов спорта
Тут всего один вид спорта формула 1.

Ну вот типа того он и говорит.