Приветствую,
Техническое Задание (TOR) на доработку дизайна сайта-портфолио
1. Введение и цель проекта
Заказчик: Faris, 36-летний дизайнер из Калининграда, Россия, с 15+ годами опыта в графическом дизайне, специализирующийся на HTML5-баннерах и анимациях для крипто, iGaming и диджитал-маркетинга. Мои интересы – киберпанк, неоновые эстетики, future garage музыка, всё это отражается в работах. Проект – доработка моего макета сайта-портфолио, чтоб он стал крутым инструментом для привлечения новых клиентов (крипто, finance iGambling агентств). Цель – сделать сайт визуально цепляющим, responsive, с анимациями, чтоб подчеркнуть мой стиль: тёмный фон, неон, футуристический вайб, но просто и профессионально.
2. Текущий макет
Макет в прикрепил, но я не веб-дизайнер, но суть думаю понятна.
* Главная страница: Градиентный фон, лого, слоган – будет позже, галерея баннеров, иконки сервисов, блок "Why makeads?" с карточками (Quality, Safe, Quick, Creative, Media, Approved), отзывы, услуги (HTML5 Ads, Social Media Ads, Video Ads, GIF Ads, 3D Art), форма контакта – всё тоже будет редактироваться позже.
* Портфолио-страница: Пример с BetaShares – размеры баннеров, карусель, кнопка "get ad", галерея работ. Сайт должен быть простым one-page или с парой страниц, фокус на портфолио и контактах. Текущий стиль – тёмно-синий/фиолетовый с неоновыми акцентами, шрифты современные, минималистичные.
3. Требуемые доработки
* Общий дизайн: Улучшить визуал – добавить лёгкие анимации (hover-эффекты на баннерах, плавные переходы), чтоб сайт "дышал" моим стилем (киберпанк, неон, future garage вайб). Сделать цвета ярче, но не кричаще, градиенты smoother. Убедиться, что всё выглядит премиум, как мои баннеры для крипто.
* Responsive: Полная адаптация под мобильку/планшеты – галерея должна скроллиться гладко, текст не ломаться, кнопки кликабельные.
* Элементы:
* Галерея: Добавить кликабельные превью с зумом или анимацией, интегрировать мои реальные работы (HTML5 анимации).
* "Why makeads?": Карточки с иконками – сделать их интерактивными, hover с текстом.
* Отзывы: Формат как в макете или лучше, отзывы пришлю.
* Услуги: Иконки с описаниями – добавить hover-анимации.
* Контакты: Форма + email, добавить Upwork ссылки.
* Добавить раздел "About me": Кратко про меня, пришлю.
* Технические требования: Figma или Adobe PS для доработки, экспорт в готовый код (HTML/CSS/JS), ; интеграция с CMS (WordPress) для простого обновления портфолио.
* Стиль и атмосфера: Тёмный, футуристический, неоновый, премиум.
4. Результаты и приёмка
* Финальный файл в Figma или PS.
* Тестирование на разных устройствах.
* 2 правки после сдачи.
5. Контакты
Email: [email]
Telegram: [контакт]
Upwork: [ссылка]