Упрощенный ТЗ на сайт
Требуется responsive сайт за 3-4 дня
Бэкэнд не обязателен если на него потребуется больше времени. Достаточно указать какие строки менять в коде, чтобы заменить текст, картинки и ссылки между страницами
Открываем сайт
Загрузка лого
Желательно с анимацией
Как тут
https://www.wsbdapp.com
Страница Home page
Параллакс бэкграунд как тут
https://www.wsbdapp.com
Или как тут
https://sipher.xyz
Параллакс Бэкграунд
Варианты бэкграунда: мы предоставим анимированные 3Д модели или видео с ними или gifs в зависимости от того, что требуется для упрощения задачи
ЗДЕСЬ модель или модели будут просто позировать или менять позу
Или же будут что то делать на фоне
Видео/этот бэкграунд должен отображаться и на телефоне
На самый крайний случай можно заменить картинкой. Нужны требования для верстки, чтобы создать картинку как тут https://www.wsbdapp.com если это не будет видео
Конечно же сайт должен загружаться в течении секунд
Текст
Текст скроллится вниз абзацами как в https://sipher.xyz
Желательно чтоб был также текст с кнопкой - гиперссылкой. Текст мы сами потом напишем
Нужна возможность его править. Можно и вручную указав какие строки в коде править, чтобы не дёргать каждый раз.
Презентация
Блок с Видео
Скроллим дальше вниз появляется блок с видео на весь экран. Можно включить плэй и проиграть
Как тут
Или тут
Или любым другим похожим образом
Над ним или под ним заголовок видео и краткое описание.
Бэкграунд желательно чтоб был тот же, скроллися вниз всегда. Или другой новый - картинку/видео предоставим. Если слишком много работы, на крайний случай может быть уже чёрным.
NFTs
Блок Слайдер
Скроллим дальше вниз и у нас появляется слайдер
С текстом под ним или рядом с ним. Это будет анимированный 3Д персонаж на чёрном фоне.
Нажимая на стрелки вправо влево меняются персонажи и текст. Tекст не должен быть поверх персонажа а сбоку или снизу, как проще
Под ним кнопки с текстом
About us, которая переходит на страницу About us
NFTs, которая переходит на страницу NFTs
Gameplay, которая переходит на страницу Gameplay
Backstory, которая переходит на страницу Backstory
Papers, которая переходит на страницу Papers
Скроллим дальше вниз
Раздел roadmap
Как тут
https://wsbcollectibles.io
Или тут
https://sipher.xyz/about-us/vision-and-roadmap
Что проще, хоть второй вариант желателен или похожий или первый, но анимированный. Желательно, но не принципиально
Footer
Ссылки - кнопки на разделы сайта и текст
Get in touch -> мыло. Disclaimer - ссылка на страницу с картинкой сверху и текстом на чёрном фоне
Страница About us
Картинка или видео сверху
Блок с текстом описанием
Team
Блок с кратким текстом
Или картинкой или grid с маленькими квадратными картинками, чтоб было проще с точки зрения для оптимизации под разные девайсы.
Должна быть возможность убрать этот блок если не успеем его разработать
Backers
Блок с кратким текстом
Или картинкой или grid с маленькими квадратными картинками и текстом под ними, чтоб было проще с точки зрения для оптимизации под разные девайсы. В картинках будут фотографии. Или можно без текста и в картинках будут фотографии с уже написанным описанием. Первый вариант желательнее, но не принципиально
Должна быть возможность убрать этот блок если не успеем его разработать
Partners
Видео блок
Скроллим дальше вниз и у нас опять появляется блок с заголовком
Кратким описанием и видео который можно проиграть
Под ним кнопка
Papers, которая переходит на страницу Papers
Можно ещё добавить блок roadmap
Footer
Ссылки - кнопки на разделы сайта и текст
Get in touch -> мыло. Disclaimer - ссылка на страницу с картинкой сверху и текстом на чёрном фоне
Страница Backstory
Заголовок Backstory
Блок видео сверху и описание снизу
Кнопка papers
Кнопка NFTs
Footer
Ссылки - кнопки на разделы сайта и текст
Get in touch -> мыло. Disclaimer
Страница Gameplay
Заголовок Gameplay
Блок видео сверху и описание снизу
Блок картинка и описание снизу
Можно добавить ещё блоки «картинка и описание снизу»
Видео будет показывать gameplay, а картинки и описание - это скриншоты геймплея
Кнопка papers
Кнопка NFTs
Footer
Ссылки - кнопки на разделы сайта и текст
Get in touch -> мыло. Disclaimer
Страница Papers
Вариант 1
Бэкграунд картинка или видео
Три кнопки со ссылками на pdf или страницу coming soon
Вариант 2
Три кнопки со ссылками на pdf или страницу coming soon
Над ними три анимированных персонажа на чёрном фоне которые указывают что нужно нажать на кнопку
Если не слишком сложно, этот вариант предпочтительнее
Footer
Ссылки - кнопки на разделы сайта и текст
Get in touch -> мыло. Disclaimer
Страница NFTs
Слайдер как на главной
Блок Слайдер
Слайдер
С текстом под ним или рядом с ним. Это будет анимированный 3Д персонаж на чёрном фоне.
Нажимая на стрелки меняются персонажи и текст
Под этим блоком
Идёт блок с картинкой и описание персонажа
Имя (h3/h5 что подойдёт лучше)
Текст описание
Backstory ( h3/h5 что подойдёт лучше)
Текст описание
Personality ( h3/h5 что подойдёт лучше)
Текст описание
Кнопка papers
Footer
Страница Disclaimer
картинкой сверху и текст на чёрном фоне под ним
Страница coming soon
Нужна также страница coming soon на которую будет переход с любой кнопки раздел которой не успеем закончить
с блоком из предыдущих разделов:
Вариант 1
С заголовком Coming soon
Текстом под ним
Кнопкой
Papers
И
Слайдер с анимированными 3Д персонажами и кнопками под ним
Или вариант 2 (что проще)
Параллакс бэкграунд
Текст заголовок Coming soon
Текстом под ним
Кнопкой
Papers
Footer
Ссылки - кнопки на разделы сайта и текст
Get in touch -> мыло. Disclaimer - ссылка на страницу с картинкой сверху и текстом на чёрном фоне
Везде конечно же должно быть меню или toggle bar и меню
Примечание: важен баланс между скоростью исполнения 3-4 дня с максимальным сохранением качества и эффекта wow
Слайдер с персонажами важен, параллакс бэкграунд тоже. Предложения по упрощению, имея ввиду вышеупомянутое, принимаются
