silentimp/3waytalk-landing

3 Way Talk | https://3waytalk.com/ |

3waytalk-landing's Issues

Съехал логотип

http://prntscr.com/8r8y9r

Анимации. Первый слайд

I) Первый слайд. Анимации описаны в порядке появления

0. Анимация не видна, при первой загрузке страницы. Видимо она проигрывается в фоне, пока крутится спиннер ожидания (синий).

1)Заголовок We connect you to a professional interpreter in seconds
должен появляться одновременно с

• подзаголовком No contracts to sign. Live interpreters on demand.
• барышней на фоне

2. А кнопки Google Play / Appstore должны появляться одновременно с телефонами

3)Блок are you an interpreter должен появляться целиком после появления телефонов

4)После чего появляется Scroll to learn more

надо поменять местами логотипы appstore / google play

как было в макете:
http://prntscr.com/8mwffj

размер шрифта вводимый в дропдаун меньше чем в инпутах

а должен быть таким же как в обычных инпутах, т.е. больше

вот пруф
http://prntscr.com/8o084a

iphone 6 safari азиат сполз вниз

Баг с анимацией

https://www.dropbox.com/s/031qla7vkwykpd1/video%2022-10-15%2023%2029%2010.mov?dl=0

поломался стиль селекта

http://prntscr.com/8o3hdk

позиция заголовка

текущую задачу надо делать после того, как сделаешь эту #5

http://prntscr.com/8n8siq

Как выглядит на нексусе (отступы от заголовков)

- а тут ок все

цвет ошибок валидации

должен быть #c40813
как и цвет алерта о несовместимом браузере

Опечатки

** - это где надо пробел вставить

1)We give you 20 seconds once you’ve connected to ** an interpreter to decide if you are satisfied with the ** price and quality of the connection. You will not be**charged for calls that are less than 20 seconds.

Анимации. 6-й слайд

1)Заголовок, подзаголовок и часы появляются
2)начинают идти часы

правка:

• http://prntscr.com/8u5ddh

Не тот скриншот на ios

http://cs623917.vk.me/v623917938/59bc1/NeDvH_GQhJM.jpg
там кажется должен был быть ios-скриншот, который был на предыдущем экране #25

выпадающий список с поиском

отличается от макета

http://prntscr.com/8n8o5u
http://prntscr.com/8n8oem

а сейчас форма появляется вверх и текущее выбранное значение никак не отделено от элементов списка и сливается с ними.

можно сделать как в макете изначально предполагалось?

Contcat us

Сверстай контент из попапа в текущей версии на отдельной текстовой странице
#51

меняем размер и цвет надписей на 2-м слайде

http://prntscr.com/8n8cf9

Картинки 2x

1. нужно найти фотографию в 2 раза больше
   
   то есть в разрешении 400x400

не поместился текст на последнем слайде

http://cs623917.vk.me/v623917938/59b99/j9gOSxxqt-w.jpg

(серый текст про android)

Ресайз картинок

1)http://prntscr.com/8n8x6f

http://prntscr.com/8n8v1m
ну и куча остальных сладов

итд, там много их

Анимации. 7-й слайд

1)Тетя, заголовок, подзаголовок
2)Кнопки Google Play / AppStore

изменился текст в заголовке

http://prntscr.com/8n8vi4

При клике на register открывается форма логина

а должна открываться форма регистрации

http://prntscr.com/8o07o8

Еще про алерт о неподдерживаемых браузерах

http://prntscr.com/8n8j1w

Анимации. Четвертый слайд

Порядок появления элементов:
1)

• заголовок
• подзаголовок
• телефон (сразу с тетенькой)

2)появляется your contact

рамка

http://prntscr.com/8n8nf5

Анимации. Третий слайд

порядок появления элементов
1)шаг

• Заголовок: Bring an interpreter with you
• подзаголовок: Need an interpreter on the go? Connect to 3waytalk, put your �phone in speaker mode and your interpreter will be as if she �were standing next to you
• телефон с выключенным динамиком и без девушки

2)Появляется девушка

3)Включается динамик (меняется состояние на белое)

4. начинают идти волны

Не тот скриншот на телефоне

должна быть громкая связь, а тут конференц-звонок:
http://cs623917.vk.me/v623917938/59bb7/0tKkz9oO4c4.jpg

стиль и hover для полей ввода:

1)Состояние по умолчанию:
border: 1px solid #e5e5e5;
background: #f5f5f5;

2)hover
сейчас при наведении рамка убирается, а она должна оставаться такой же как и в первом состоянии. И фон должен чуть-чуть-чуть светлее становиться

3)с состоянием при фокусе все хорошо (когда на поле установлен фокус) - все хорошо

убираем подчеркивания

http://prntscr.com/8n8trf
http://prntscr.com/8n8u2g
http://prntscr.com/8n8ub4

Анимации. Второй слайд

Порядок появления анимации

0)Появляется заголовок: Call anywhere in the world with your interpreter on the line
1)Jim woods (фото, имя, должность) - одновременно
2)Cheng Sun (фото, имя, должность) одновременно
3)Christina Adams (фото, имя, должность - одновременно
4)Идет линия от Jim'a к Cheng'у и появляются baloon'ы
5)Появляется надпись
Calls are connected using 3G/LTE/WiFi networks with long distance rates similar to or lower than major internet phone service providers

поднять заголовок (что б все что под ним тоже поднялось выше) на 30px вверх

я не думаю, что именно так следует сделать в коде, но я прикрепляю скрин, что б было понятно какой элемент поднимать

http://prntscr.com/8o0ij8

ссылки в шапке на последнем слайде

http://prntscr.com/8n8wts

Ломается стрелка на часах

т.к. сама по себе картинка часов местами кривая
и синяя полоска, которая анимирована, ложится не ровно на цифреблат

вот исходник:
https://www.dropbox.com/s/shsjahpq80p1own/%D0%A7%D0%B0%D1%81%D1%8B.psb?dl=0

Не поместился текст

http://cs623917.vk.me/v623917938/59ba3/CyrvTKJDm4Y.jpg

решили сдвинуть телефоны правее

iMac 2556х1353 телефоны сильно увеличены

первый слайд выглядит вот так - http://prntscr.com/8ubt7c

В FF не работает регистрация со второго и последующих слайдов

Скролл в начало отрабатывает, а форма регистрации не появляется. Логин при этом работает.

На форма логина удаляем блок Remember me

для того, что б по вертикали поместился forgot your password?
должно быть так:
http://prntscr.com/8n89ou

меняем размер основных заголовков

http://prntscr.com/8n8b31

размер меняется для заголовоков на ВСЕХ слайдах

Алерт о поддерживаемых брузерах должен быть только в десктопной версии

А сейчас он и на мобильной и на таблетке

В последней десктопной опере ломаются анимации

На 3-4 слайде как появление элементов слайда, так и нажатия на register / login.

поднять iphone

поднять телефон, что б на разрешении 1280 x 800
был виден низ телефона

На форме регистрации с шагами

1)Заполняем поля на первом шаге, жмем next
2)Нажимаем back возвращаемся на первый шаг, где заполнены все поля и снова жмем next

возникает ошибка валидации:
http://prntscr.com/8n8q1s
почему?

остались подчеркивания

http://prntscr.com/8o0zb1

Анимации 5-ый слайд

нужно чуть замедлить появление элментов 1-2-3
интервал появления между ними надо чуть-чуть увеличить
плюс не решена на десктопе проблема:
#32

Сломался слайд

http://prntscr.com/8tuprb

все стало больше и по вертикали 3-й пункт перестал помещаться на странице

При просмотре с ipad скриншоты телефонов, которые на первом слайде очень низкого качества

все остальные скриншоты - отображаются без искажений, а вот первый, где 2 телефона рядом на первом слайде - весь "мыльный". Почему?

Изменяем текст(описание) в слайде Conference call

было:
Once you’ve connected to an interpreter, you can dial any number �or you can select a contact from your phonebook to conference �into the call.Calls are connected using VoIP at rates comparable to �or lower than major internet phone service providers

стало:

Once you’ve connected to an interpreter, you can dial any number �or you can select a contact from your phonebook to conference �into the call.

favico с поддержкой retina, если так можно

Алерт о неподдерживаемом браузере

http://prntscr.com/8n8hyo

iphone 4s думаю, имеет смысл оставить только текст для него, т.к. один фиг ничего не видно

http://cs624527.vk.me/v624527316/44560/YxqKEMli8FY.jpg
http://cs624527.vk.me/v624527316/44572/2r3sdSSJPjs.jpg
http://cs624527.vk.me/v624527316/44569/NZnbp1cvInM.jpg
http://cs624527.vk.me/v624527316/4457b/QoDRwsvgKO0.jpg
http://cs624527.vk.me/v624527316/44584/jY3O2Aok6kQ.jpg
http://cs624527.vk.me/v624527316/4454e/17Ol_y_cOE0.jpg