Publish your project for free and start receiving offers from freelance contractors in serveral minutes after publication!
2000 ₴

Верстка лендинга "Cyberneta". Pixel perfect, Retina Ready, Responsive

project complete


Техническое задание.


Прототип: http://umkr8o.axshare.com/лендинг.html

1. Необходимо сверстать, по сетке (bootstrap или другой 12-ти колоночной) шаблон «Cyberneta». Pixel perfect, Retina Ready, Responsive

2. Шаблон должен быть адаптивным и корректно отображаться на всех устройствах.

3. Все графические элементы должны быть векторными (кроме фотографий). Векторные элементы предоставляет дизайнер. Если како-то векторного элемента нет в архиве - нужно сообщить менеджеру. Далее векторный элемент будет предоставлен либо будет подтверждение, что можно использовать его в растровом формате.

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

5. На сайте используется 2 шрифта: Bebas Neue для заголовков и Roboto для вторичного текста. Будут предоставлены в архиве с макетом.

6. У шрифта Bebas Neue задан межбуквенный интервал - 30.
Формула для расчета letter-spacing в em :
X / 1000 = Y
Где X — значение интервала в Photoshop, а Y-то же значение, выраженное в em для CSS.

Есть и формула для расчета значения в пикселях:
X * S / 1000 = P
Где X — значение интервала в Photoshop, S — размер шрифта в пикселях (при работе в 72 dpi), и P — значение интервала для CSS.

7. Для шрифтов заданы кастомные межстрочные интервалы - просьба обращать на них внимание, иначе читабельность текста будет понижена. У Bebas Neue - стандартный, у Roboto в основном расчитывается по формуле: размер щрифта / 2 +  размер шрифта.

8. На сайте используются иконки из пакета Font Awesome. Шрифтовых иконок на сайте всего 8 поэтому нет смысла использовать весь архив Font-Awesome. 8 иконок прилагаются в векторе в архиве с макетом.

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

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

Стиль эффектов можно использовать как на подобии здесь - http://upline24.effex-it.com (animate.css)

11. Навигация сайта - плавающая (должна двигаться вместе с прокруткой). Плавающая навигация меньше по высоте, стили есть в макете с дизайном, появляется плавно, без резких движений.

12. Скрол «вверх» - желательная анимация из готовых решений, которая в начале доли секунды медленновато прокручивает, а потом резко ускоряется. Если это сложно (хотя почему? в интернете полно готовых решений), то ждем предложений от разработчика.

13. В шаблоне некоторые стили для «Hover» эффектов показаны, а другие скрыты. Разделы с этими эффектами помечены как HOVER и имеют красную отметку внутри раздела с каждым конкретным экраном сайта.

Client's feedback about the contractor Викторе Д.

Quality
Professionalism
Price
Availability
Terms

Когда человек профессионально и качественно делает свою работу, то к нему хочется обращаться неоднократно! Виктор мастер своего дела и делает свою работ на высоком уровне! Отдельно спасибо, что помогает экономить мое же время просто делая свою работу с умом, подходя к вопросу логично! Количество правок минимальное, контактность на высшем уровне! Спасибо за профессионализм. Обещал обращаться еще - обратился 🙂 Уверен, что мы продолжим наше сотрудничество! 🙂

Денис Х. Денис Химченко | Personal Personal project

Freelancer's feedback about the client Денисе Химченко

Payment
Task formulation
Requirements
Availability

Уже второй заказ от Дениса и он подтвердил мое первое впечатление! Денис предоставляет максимально понятное ТЗ которое не оставляет возможности задавать дополнительных вопросов. Профессионально нарисованные и правильно скомпонированные макеты которые упрощают задачу при выполнении верстки. С такими заказчиками как Денис приятно работатью Спасибо!

Виктор Д. Виктор Дмитренко | Personal Personal project


Make a proposal!

The client doesn't want to make prepayment? Offer him to make a payment via Safe to avoid possible fraud.

  1. 4 days2000 ₴Winning proposal
    Виктор Дмитренко
     283   4   0


    Ukraine Kyiv | 3 August at 15:32 |

Client
Денис Химченко
Ukraine Nikolaev  10   0
Project published
3 August at 15:32
1 view
Share