Украшение елки
Дайте, пожалуйста, цену и ваши сроки на выполнение этого ТЗ.
Название:
Украшение елки.
Принцип работы:
Пользователь на странице с картинкой елки выбирает три варианта елочных украшений, заполлняет поле Поздравление и отправляет ее другу на имейл, зашерить в ФБ или скачаивает к себе. Под елкой два персонажа – овца и попугай.
Что-то примерно такое сделано тут: http://www.123greetings.com/events/christmas/surprises/surprises16.html
На на выходе нужно получить что-то похожее, как в этаче (но анимрованное и плюс текст).
Спецификация:
1. На первой странице лендинга будет картинка елочки и 3 пункта с выпадающем меню.
В каждом из пунктов меню будет список, состоящий из двух пунктов.
- "Выберите шарики" (пункты: "зеленые шарики" и "красные шарики" и рядышком маленькие preview шариков);
- "Выберите звезду" (пункты: "красную звезду " и "зеленую звезду" и рядом маленькие preview звездочек);
- "Выберите огоньки" (два вида огоньков).
Все картинки рисуем мы, ваша часть анимация, верстка и coding.
2. При выборе пользователем, например, зеленых шариков они появляются на елке в заранее оговоренных местах. При выборе звездочки сверху появляется звездочка номер 1 или номер 2. То же самое с огоньками.
3. Под картинкой должно быть текстовое поле для заполнения текстом, который будет вставляться рядом с елкой и кнопки: Предпросмотр и Сохранить.
4. Человек заполняет поля, жмет на Предпросмотр (кнопки у него на странице остаются), редактирует, смотрит Предпросмотр еще раз и, если все нравится, жмет на кнопку Сохранить. При сохранении случайным образом генерируется уникальный ID, чтобы потом его можно было использовать в URL. Пользователя перебрасывает на вторую страницу.
(Как вариант, можно дать возможность редактировать текст прямо на картинке, в поле для текста.)
Поле должно иметь фиксированную длину и не позволять вписать больше текста, чем туда визуально помещается.
У полей должен быть валидатор, который не позволит вписать туда код, заэкранирует кавычики и п.т.
5. На второй странице открывается открытка с текстом, который человек ввел на предыдущей странице. Ниже открытки добавляются следующие кнопоки и поля :
- Отправить имейл (поле для "email") и кнопка послать.
Нужно предусмотреть возможность защиты, чтобы злоумышленник не смог передать список имейлов и отправлять спам через эту старницу. Предположительно отправка имейла будет идти с почтовой ячейки типа [email protected], которая будет находиться на том же домене, что и лендинг.
Если нужно, то для защиты от ботов, при отправке имейла прикрутить капчу (из серии: сделать массив цифр записанных словами и просить пользователя ввести слова цифрами со случайной выборкой в 3-4 слова. Например, "Введите эти слова цифрами: один, четыре, восемь" и пользователь вводит "148". )
- Ссылка на эту открытку (поле с возможностью скопировать линк вида: http://site.ru/ID_file.html, если открытка будет сделана на флеш).
- Кнопки для шеринга в ФБ и Одноклассниках.
Лендинг дожен открываться на мобильных и пусть обладатели айфонов стоят в углу и нервно курят.
Браузеры IE 9+, Opera, Firefox, Safari, Chrome.
Дайте, пожалуйста, три варианта цены (и реальные сроки):
Вариант № 1 – картинка с открыткой статичная (jpg , png).
Вариант № 2 – картинка с простой анимацией (шарики чуть-чтуть меняют цвет, огоньки – мигают…), которую вы можете сделать любым удобным для вас способом HTML5/flash/gif.
Вариант № 3 – картинка анимированная на флеш попугай и овца "танцуют" (двигают ручками/ножками), идет снег, огоньки – мигают и т.п.
Если у вас есть готовые нарабтки поздравительных открыток – предложите ваш вариант (на открытку нужно будет поставить овцу и попугая).
Если вы видите, что что-то из пожеланий существенно удорожает разработку, то скажите. Возможно, без этого мы сможем обойтись или предложим альтернативу.
Спасибо!
C уважением,
Эдуард
P.S. В первую очередь будут рассмотрены предложения от людей с хорошей репутацией/отзывами и портфолио.