> ## Content Index
> Fetch the complete content index at: https://nevsky.ae/llms.txt
> Use this file to discover other available public pages before exploring further.

# Прототип мобильного приложения для Keytom
- URL: https://nevsky.ae/design/prototip-mobilnogho-prilozhieniia-dlia-keytom/
- Published: 2023-02-02T09:40:00.000Z
- Updated: 2026-05-29T05:33:48.000Z
- Description: Прототип собрал сначало в Figma, но потом пересобрал в Webflow
- Author: Александр Невский
- Tags: Дизайн и цифровые продукты, Дубай, Framer: дизайн, код и запуск сайтов

[Ссылка на прототип в Webflow](https://keytom-mobile-prototype-1.netlify.app/?ref=nevsky.ae)

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

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

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

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

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

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

![](https://storage.ghost.io/c/c3/b4/c3b47bf9-b397-4fd6-898c-a34ffdda20bc/content/images/2026/05/image-25.png)

Прототип в оболочке Webflow

![](https://storage.ghost.io/c/c3/b4/c3b47bf9-b397-4fd6-898c-a34ffdda20bc/content/images/2026/05/nevsky_hand.webp) 

## Нужен прототип?

Если вам для вашего бизнеса нужно запустить ****high-fidelity прототип** мобильного или веб-приложения напишите мне на [hi@nevsky.me](mailto:hi@nevsky.me) или постучитесь в телеграмм [@alexander\_nevsky](https://t.me/alexander%5Fnevsky?ref=nevsky.ae)

[Connect](https://nevsky.me/connect?ref=nevsky.ae)