Прототип мобильного приложения для Keytom

На этой неделе сделал и собрал прототип для мобильного приложения нового криптобанка Keytom.

Прототип собрал сначало в Figma, но потом пересобрал в Webflow.

Скринкаст прохождения с десктопа:

Скринкаст прохождения с телефона:

Особенности сборки прототипа в Webflow

• На каждый экран или шаг в прототипе сделана отдельная страница. Сначало хотел делать с помощью анимации и разделить прототип на крупные блоки и делать все мелкие стейты внутри одной страницы, например, менять слайды или с помощью анимации, но попробывал и очень запарился с этими анимациями.
• По сути это мини-сайт, хотя страниц получилось достаточно много.
• Все ссылки и переходы по ссылкам делал с помощью <link rel="prerender" href="url">, чтобы браузер заранее закачивал эти страницы и переход получался бесшовный.
• Для десктопа сделал просто типа экран мобилы по центру страницы и не стал заморачиваться с правильной пропорцией телефона. Но почти на всех разрешениях смотрится хорошо.
• На телефоне прототип смотрится очень нативно, где мог сделал живые инпуты, сделал имитацию селектов, получилось прям огонь!