Архив: Сверстать и натянуть на WP/Joomla макеты сайта-визитки
Бюджет
По договоренности
Создан: 7 лет назад
Закрыт
- Описание
- Всем привет!
Оперной певице нужен сайт.
Есть макеты страниц в AI (вектор). Макета страницы "Контакты" нет, там будет пустая страница "Статьи"/"Материала".
Превью макетов тут в архиве: yadi.sk/d/mwdeJyg83aNJMc
Нужно сделать из этих макетов реально работающий сайт (причём адаптивный).
За нами должно остаться только наполнить сайт своим контентом.
Обращаю особое внимание на то, что должна быть реализована мультиязычность. Сайт будет на двух языках: английском и русском. Первично английский.
Теперь распишу детали, что где и как должно работать на сайте.
1. Главная страница.
Меню: Активный пункт выглядит также, как hover. Желательно полоску меню "приклеить" к верхушке сайта при скроллинге страницы вниз. Выпадающих подменюшек нет.
Шапка: Имя "Наталья Устинович" написано html кодом с хештегом h1. (На главной h1, на внутренних страницах h2).
Фраза "Оперная певица" тоже html, хештег p или span.
Узор под надписью является ссылкой на главную страницу.
Фотография певицы может регулярно меняться, желательно сделать управление ею из админки. При этом надо обратить внимание, что на главной шапка большая, на внутренних страницах меньше.
Меню соц.сети+связь: Набор соц.сетей и соответственно кнопки могут поменяться. Желательно это предусмотреть на уровне админки.
Кнопка "Связаться с менеджером" вызывает модальное окно с полями: Имя, Телефон, E-mail, Ваше сообщение. Отправляет сообщение на адрес электронной почты. Все поля не обязательные. Дизайн модального окна – всё белое, без специального дизайна.
Видео: обычная встройка из Youtube. Далее под ним ссылка на раздел "Видео".
Аудиодорожка: любой скрипт, который будет играть mp3 на хостинге. Можно ставить на паузу, менять громкость, проматывать полосой прогресса. Сохранять проигрывание при переходах между страницами не обязательно. Дизайн конечно по макету. Далее ссылка на раздел "Аудио".
Текст о певице: управление им из админки. Кнопка "Подробнее о певице" переводит в раздел "О певице".
Блок с превью материалов из раздела "Новости/Афиша": Дата берется от даты создания новости, Заголовок не сокращается. Текст новости сокращается до указанного количества в админке знаков. Если к новости прикреплена картинка (или несколько), то берет в превью первую, которая встречается в тексте. Либо указываем в параметрах новости эту картинку отдельно. На ваше усмотрение. Картинка должна ресайзится, чтобы помещаться в этом блоке. Например может быть большая афиша, туда нужно ставить не полноразмерную, которая перекроет собой пол сайта. В данном блоке помещается 3 новости.
Блок с 6 последними загруженными в галерею картинками. При hover картинка затемняется, появляется иконка лупы. При клике картинка открывается в lightbox. Кнопка ведет в раздел "Фотогалерея".
Блок с превью последних 4 материалов из раздела "Рецензии": Тут уверенности нет, что нужно делать реализацию, как с новостями, ввиду того, что нельзя будет выбрать конкретную короткую цитату из рецензии. Возможно стоит управлять контентом этого блока вручную отдельно, от раздела "Рецензии". Однако клик по конкретной цитате должен отправлять на соответствующий развернутый материал. Обращаю внимание, что 4 фона "шторы" в каждом блоке разные. Кнопка отправляет в раздел "Рецензии".
Меню внизу повторяет верхнее и также отображает активный текущий пункт меню.
Футер.
Часы в футере: можно найти любой другой дизайн классических часов (согласуем отдельно, как найдётся что-то), но они должны реально показывать текущее время в Москве и Лондоне. Скрипт часов – это решение на ваше усмотрение.
Ссылка связи с менеджером открывает то же модальное окно с формой обратной связи, что и кнопка наверху в шапке.
Ссылка с адресом почты mailto.
Поведение всех элементов при hover показано в отдельном макете. На все hover поставить transition 300.
(В макетах внутренних страниц количество пунктов меню на одно больше – не объеденины новости и афиша. Это нужно игнорировать. Правильно в макете главной страницы)
2. Страница "Новости/Афиша".
Тут и везде заголовки-названия страниц под хештегом h1.
Типичный блог. Заголовок новости (h3), дата, текст превью, открытие полного материала по кнопке "Подробнее". Картинка превью всегда слева, берется из материала нововсти. Количество новостей на одной странице настраивается в админке.
Ниже типичная пагинация.
3. Страница "Рецензии".
Тоже самое, что и новости, только нет даты.
4. Страница "Видео". Тут просто вставки из Ютуба. Если роликов много, нужна пагинация.
5. Страница "Аудио". Тут нужно предусмотреть, чтобы не проигрывались одновременно несколько треков. Нажали на один, выключился второй. Надо обсудить, как будет менеджериться из админки эта страница.
6. Страница "Фотогалерея". Всё управляется из админки. Может быть несколько альбомов. Поведение, как и превью на главной странице. Кнопка подробнее открывает альбом со всеми фотографиями альбома. Если альбомов много, нужна пагинация.
7. Любая страница материала содержит "хлебные крошки". На макете показаны стили заголовков и списков.
Сроки и цены?
- Категория
Похожие проекты
0
0
Нужна разработка сайта (проектирование, дизайн, программирование,тестирование) на CMS «1С-Битрикс», интеграция с системой управления контентом, развертывание и настройка на сервере Заказчика, гарантийная поддержка в течение 3 месяцев. Обращаю ваше внимание, на то что в ТЗ указан способ предоставления......
1 месяц назад
0
0
Ищем специалиста, который имеет опыт в разработке мобильных приложений с использованием фреймворка Expo. В целом задача будет заключаться в отладке сервиса сбора геоданных пользователей внутри приложения, созданного на Expo. Также необходимо проработать функциональность трекинга геолокации пользователя......
3 месяца назад
0
3
0
0
Сайт для просмотра специализированной БД База данных 10000 строк Необходимо: Сохранить структуру и функциональность существующего сайта. Заменить БД на актуальную. Создать инструмент для импорта обновленной БД из файла вручную. Внести корректировки в работу с базой данных (защита от скачивания, пагинация......
7 месяцев назад
0
1
$143
0
3
Oпpocы (1010pyб/чaс) Заходитe на сaйт: gonsù....
11 месяцев назад
$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
4
Нужно сделать сайт просчет оффера. Верстка страницы с 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
13
Необходимо написать небольшую серверную часть учебного сайта для запуска под виртуальной машиной 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 год назад
Перетащите