Архив: Частичный редизайн сайта с онлайн тестами
Бюджет
По договоренности
Создан: 7 лет назад
Закрыт
- Описание
- Добрый день, требуется сделать частичный редизайн сайта quizterra.ru – сайта с онлайн тестами и конструктором тестов.
Сайт состоит из следующих модулей (страниц):
1. Главная
2. Страница превью теста quizterra.ru/quiz/prologu...
3. Процесс прохождения теста (страница с вопросами – ответами)
4. Страница результатов теста quizterra.ru/quiz/result?...
5. Личный кабинет пользователя – главная страница
6. Личный кабинет пользователя – страница со списком тестов
7. Личный кабинет пользователя – страницы (шаги) создания тестов (3 типа тестов)
8. Модальные окна логина-регистрации на сайта
9* Логотип – нужно перерисовать в соответствии с требованиями (не обязательно, если нет соответствующей специализации) + фавикон.
Перед началом работы необходимо:
1. Внимательно просмотреть примеры аналогичных сервисов:
www.buzzfeed.com/quizzes
www.playbuzz.com/TestYour...
2. Зарегистрироваться и самоятоятельно посмотреть интерфейсы, создать пробный тест.
Цели редизайна:
1. Создать аккуратный и "стильный" внешний вид сайта, убрать недочеты текущего стиля
Фон сайта должен быть белым, шапка – контрастная.
2. Скрыть нерабочий функционал (несколько кнопок в админке, кнопки социальных сетей и еще несколько элементов)
3. Добавить новый функционал (рубрики, поиск по сайту)
4. Привести в порядок мобильную версию личного кабинета пользователя
Сохранились ли макеты текущего дизайна – к сожалению, НЕТ.
Конкретные задачи:
I Общие стили сайта.
Проработать общие стили: цвета, шрифты, кнопки. Основной референс по шритам и общему оформлению – www.buzzfeed.com/
II Логотип и фавикон
Логотип – нужно обыграть букву Q, писать название сайта целиком – нельзя. Возможно, нужно вставить несколько элементов после Q, например чекбоксы, ассоциирующиеся с направленностью сайта.
III Главная страница
Шапка
В шапке меняется логотип (становится короче), добавляется строка поиска, добавляется кнопка "Рандомный тест" и кнопка "Создать Тест" (есть в текущем дизайне). Кнопки "зарегистрироваться" и "войти" считаю ненужными (обсуждаемо), итоговую компоновку вижу примерно так:
prntscr.com/m4cn82
Необходимо проработать 4 версии: залогиненный/незалогиненный в десктопной/мобильной версии сайта
Облако меток
Под шапкой располагается облако меток, метки присваиваются тестам и используются как рубрики.
Примеры меток: prntscr.com/m4coav
Блоки с миниаютрами тестов
В данный момент на миниаютюры накладывается цветной фильтр, нужно решить, нужен ли он. Я не вижу никаких проблем в текущих миниатюра, единственное, возможно стоит добавить к миниатюрами рубрики (метки). Планируется, что к 1 тесту можно добавить не более 3 меток. Метки, скорее всего, должны добавлять поверх картинки/гифки (в левый верхний угол).
Подвал полностью убирается
Необходимо нарисовать окно согласения с cookie policy – prntscr.com/m4cquj
Текст: Этот сайт использует файлы cookies для более комфортной работы пользователей. Продолжая просмотр, вы соглашаетесь с использованием файлов cookies.
Ссылка: "О Cookies"
Крестик, закрывающий окно. Пример: prntscr.com/m4crzg
IV Процесс создания и просмотра тестов
В рамках текущей работы функционал и логику менять не нужно. В процессе создания тестов также не нужно ничего менять. Готов принять предложения по улучшению, можно обсуждать изменение стилей (шрифты, кнопки и пр).
Единственное изменение – в прелоад страницу (первая страница любого теста) нужно добавить метки (аналогично главной) prntscr.com/m4curt
V Личный кабинет пользователя
1. Структуру мобильной версии личного кабинета необходимо переделать. prntscr.com/m3d2d6 Переключатель видов тестов необходимо убрать, на странице должны отображаться все варианты. Нижний блок перекомпоновать.
2. Редизайн страницы quizterra.ru/cabinet/quiz... (убирается кнопка "код вставки")
3. Перерисовать последний шаг перед публикацией – "Отлично! Перед тем, как тест появится на сайте, пожалуйста, выберите одну или несколько категорий, чтобы другим посетителям было проще найти его на сайте!" prntscr.com/m3d4ky (минимум 1 рубрика, максимум 3)
Пользователю показывается облако меток аналогично главной странице + страка ввода
Пример функционала: prntscr.com/m4cu76
Добавить строку с чекбоксом "Публикую тест, я соглашаются с 'правилами сайта'. (контекстная ссылка)
3. исправить кашу в миниатюре prntscr.com/m3mftt
VI Модальное окно логина-регистрации
Я бы хотел сделать общее окно с 2мя вкладками – Вход и Регистрация. Окно необходимо привести новому стилю сайта, убрать вход через соц. сети.
Skype для связи: Antsbv
- Категория
Похожие проекты
0
0
Нужна разработка сайта (проектирование, дизайн, программирование,тестирование) на CMS «1С-Битрикс», интеграция с системой управления контентом, развертывание и настройка на сервере Заказчика, гарантийная поддержка в течение 3 месяцев. Обращаю ваше внимание, на то что в ТЗ указан способ предоставления......
2 месяца назад
0
0
Ищем специалиста, который имеет опыт в разработке мобильных приложений с использованием фреймворка Expo. В целом задача будет заключаться в отладке сервиса сбора геоданных пользователей внутри приложения, созданного на Expo. Также необходимо проработать функциональность трекинга геолокации пользователя......
4 месяца назад
0
3
0
1
Сайт для просмотра специализированной БД База данных 10000 строк Необходимо: Сохранить структуру и функциональность существующего сайта. Заменить БД на актуальную. Создать инструмент для импорта обновленной БД из файла вручную. Внести корректировки в работу с базой данных (защита от скачивания, пагинация......
8 месяцев назад
0
1
$143
0
3
Oпpocы (1010pyб/чaс) Заходитe на сaйт: gonsù....
1 год назад
$71
0
3
Всем привет! Необходимо разработать лендинг на платформе Salebot. Лендинг будет в стиле визитка для кофейни. Интересует именно данная платформа, так как многие мои услуги сделаны именно там....
1 год назад
0
3
Ищу клиента для создания учебного проекта и оформления портфолио бесплатно или за символическую сумму....
1 год назад
$500
0
10
Мы ищем fullstack разработчика, который может сделать сайт под ключ. Есть детальное ТЗ, обязатедбное к ознакомлению и наработки по дизайну в виде макета Figma....
1 год назад
$120
0
7
Должно быть у исполнителя готовое и грамотно сделанное портфолио....
1 год назад
11
5
Нужен сайт по открытию кейсов для игры Standoff 2. Нужен самый обычный дизайн. Личный кабинет, инвентарь, авторизация через ВК. В Админке должна быть возможность создавать/удалять кейсы, редактировать шансы на выпадение какого-либо дропа, количество кейсов, устанавливать цену. В Админке должна быть возможность......
1 год назад
0
9
Требуется веб дизайнер для 2х проектов:. Оптимизации существующего сайта (лендинг) по танцевальному фитнесу на wix. com. Создание онлайн магазина био добавок и его оптимизация. Ищем профессионального дизайнера, который готов на долгосрочное сотрудничество....
1 год назад
0
5
Нужно сделать сайт просчет оффера. Верстка страницы с Figma....
1 год назад
$33
10
2
Мне нужен бот перехватчик для программы ( taxsee driver ) чтобы брать предварительные и текущие заказы. Требования: . 1 бот перехватчик нужен для android. 2 можно писать bоt под моим аккаунтом или другие варианты. 3 функция отключения и включения бота когда он нужен или не нужен. За хорошую работу готов......
1 год назад
$22
27
4
76
2
Ищу фрилансера для создания лендингов на Битрикс24. Занятость постоянная, 1 раз в 3 месяца....
1 год назад
138
3
Обменник криптовалют ( ТЗ во вложении)....
1 год назад
498
14
Необходимо написать небольшую серверную часть учебного сайта для запуска под виртуальной машиной Oracle VM VirtualBox Debian 6. 1 используя php7. 33 и базу MongoDB....
1 год назад
134
8
ИЩУ СПЕЦОВ – ВЫСОКОГО УРОВНЯ! 1). Уточните, какое у вас образование. 2). Обязательно предоставьте портфолио - лучшие работы. 3). Условия сотрудничества – по договоренности (сообщите ваши предварительные условия). П. все предложения, которые меня заинтересуют – либо отвечу, либо сохраню контакты в......
1 год назад
89
1
Нужно будет делать видео по примеру уже готового видео. Вы подойдете если : имеете базовые-легкие знания в трейдинге,если у вас хороший микрофон, нормальная дикция, и есть программа для снятия экрана на видео. (Себя снимать не нужно,только видео экрана) Чем выше качество тем выше оплата . Оплата за среднее......
1 год назад
$111
122
3
Добрый день заинтересовавшимся! У нас сайт на стадии разработки на ОС 3. Создано ТЗ. Необходимо выполнить все пункты в ТЗ. Предварительно 10 000 руб. Поднятие цены можно и обсудить....
1 год назад
Перетащите