Vogue Collections
Мобильное приложение для просмотра последних коллекций и показов с подиумов Нью-Йорка, Лондона, Милана, Парижа и Москвы
Tilda Publishing
Посмотреть вживую
Fashion
Native
Tablets
Animations
Localization
Sharing
Instagam
iOS
Mobile
Gallery
Back-end
Предыстория
До того, как взяться за Vogue Collections, компания Live Typing уже сделала для Condé Nast Russia приложение Allure Beauty Product Finder. Поскольку данный опыт оказался положительным для обеих сторон, нас попросили оценить приложение для Vogue. Основные экраны приложения на тот момент уже были нарисованы, а то, как они взаимодействуют, требовалось додумать самим. Совместно с арт-директором из Condé Nast Russia Александром Распутиным мы выбирали наилучшие интерфейсные решения для простоты и удобства пользователя.
Работа с приложением
ИКОНКА И ЗАГРУЗОЧНЫЙ ЭКРАН
При самом первом запуске пользователь видит загрузочный экран. Он необходим для предзагрузки рекламного сплэша (полноэкранный рекламный формат), который, в свою очередь, может быть, а может и не быть.
Чтобы пользователь с первого прикосновения почувствовал атмосферу приложения, иконка и загрузочный экран содержат одинаковую графику, но с инвертированными цветами. Это создает ощущение плавности.
Чтобы пользователь с первого прикосновения почувствовал атмосферу приложения, иконка и загрузочный экран содержат одинаковую графику, но с инвертированными цветами. Это создает ощущение плавности.
ГЛАВНЫЙ ЭКРАН
Открыв приложение, пользователь попадает на главный экран, который представляет собой ленту с последними коллекциями. Каждый тип коллекций для новостной ленты имеет прилипающий подзаголовок. При проскроливании заголовок экрана минимизируется, и таким образом освобождается место для контента. Чтобы название каждой коллекции не сливалось с фоном, приложение определяет средний тон фотографии и назначает цвет текста либо белым, либо черным. Помимо полноэкранной рекламы, при разворачивании приложения существует специальный модуль (баннер) в ленте и отдельных коллекциях.
МЕНЮ
В главном меню можно перейти в коллекции, разделённые по категориям, принятым в модной индустрии: Ready-to-wear, Couture, Menswear, Bridal, Pre-fall, Resort. Также есть доступ к избранному (Favourites), поиску (Search) и загрузкам (Downloads).
Меню и другие навигационные экраны с точки зрения дизайна располагаются поверх главного экрана, в каком бы состоянии он ни был. Для достижения этого эффекта в момент открытия меню приложение делает снимок экрана и плавно размывает картинку.
Меню и другие навигационные экраны с точки зрения дизайна располагаются поверх главного экрана, в каком бы состоянии он ни был. Для достижения этого эффекта в момент открытия меню приложение делает снимок экрана и плавно размывает картинку.
Коллекциии
НОВЫЕ КОЛЛЕКЦИИ
При появлении новой коллекции, которую ещё не просматривал пользователь, категория и сезон отмечаются значком New — сигналом того, что в приложении появились новые материалы. Внутри сезона новые коллекции группируются вверху списка, облегчая доступ к контенту.
ПРОСМОТР КОЛЛЕКЦИИ
Внутри коллекции фотографии представлены в виде сетки — это сделано для удобного обзора всей коллекции. Если коллекция заинтересовала пользователя, то можно перейти в режим ленты, тапнув на любую фотографию.
Традиционно галерейные приложения предлагают перелистывать фотографии слева направо. Однако на модных показах модели спускаются по подиуму одна за другой, поэтому и в приложении весь показ прокручивается сверху вниз.
Внутри коллекции могут быть дополнительные разделы, например, Backstage (англ. «закулисье») или First row (англ. «первый ряд»). Для переключения между такими внутренними галереями мы использовали табы с поддержкой жестов смахивания. В приложении также поддерживается жест pinch (разведение или сведение пальцев) для перехода из сетки в ленту и обратно.
Традиционно галерейные приложения предлагают перелистывать фотографии слева направо. Однако на модных показах модели спускаются по подиуму одна за другой, поэтому и в приложении весь показ прокручивается сверху вниз.
Внутри коллекции могут быть дополнительные разделы, например, Backstage (англ. «закулисье») или First row (англ. «первый ряд»). Для переключения между такими внутренними галереями мы использовали табы с поддержкой жестов смахивания. В приложении также поддерживается жест pinch (разведение или сведение пальцев) для перехода из сетки в ленту и обратно.
Для просмотра большого количества контента очень важно внимательно относиться к скорости работы приложения и отзывчивости интерфейса. Поэтому мы внедрили жест edge swipe (смахивание от края экрана), который представляет собой дополнение кнопки «Назад». Не многие iOS-пользователи знают о нём, но все же он значительно ускоряет переход на предыдущий экран. Кстати, Apple в обязательном порядке требует edge swipe для перехода обратно на экран списка.
ДЕТАЛЬНЫЙ ПРОСМОТР ФОТОГРАФИИ И ШАРИНГ
Любое изображение из ленты можно увеличить двумя способами: жестом pinch и простым тапом. Если тапнуть на изображение, то оно увеличится, оптимально заполнив экран устройства.
Понравившейся фотографией можно поделится. В стильном приложении стоило внедрить упрощённую панель шаринга со своим порядком социальных сетей.
Специальные возможности
ЗАГРУЗКИ
Для пользователей с плохим интернетом или пассажиров самолета предусмотрена возможность загрузки коллекции для просмотра в офлайн-режиме (без интернета).
Чтобы отчистить память телефона от кэшированных (сохранённых для офлайн-просмотра) изображений, предусмотрена настройка в системном разделе iOS. Для массовой очистки загрузок разработан интерфейс.
ИЗБРАННОЕ
Приложение даёт возможность поместить отдельные фотографии из разных коллекций в раздел «Избранное». Таким образом, изображения из коллекций разных брендов будут агрегироваться в специальном разделе, сливаясь в единую ленту. Из каждой фотографии возможен переход в полную коллекцию.
ПОИСК
Чтобы найти дизайнера или коллекцию, не нужно писать её название целиком — автоподстановка предложит варианты по ходу ввода текста.
Есть три способа поиска по приложению, выбор которого зависит от опыта и потребности пользователя:
- С помощью «лупы», которая ищет дизайнеров и коллекции по всему приложению;
- В каталоге «Дизайнеры» в главном меню, если пользователя интересует коллекция конкретного дизайнера в один из модных сезонов;
- В категориях одежды в главном меню, если пользователь хочет посмотреть только женские или только мужские коллекции в один из модных сезонов.
Успех
Приложение получило высокие оценки от пользователей, App Store и представителей модной индустрии. Это вдохновляет нас на развитие приложения.
Фичеринг
Приложение отмечено
в App Store Россия в категории «Шоппинг»
в App Store Россия в категории «Шоппинг»
Отзывы
Пользователи оставляют свои комплименты
и пожелания
по улучшению.
и пожелания
по улучшению.
Рейтинг
Средний рейтинг приложения — 4,5 из 5 звёзд.
Признание
Vogue Collections понравилось арт-директору бренда MOSCHINO
Джереми Скотту.
Джереми Скотту.
 |  |  |  |
Фичеринг
Приложение отмечено
в App Store Россия
в категории «Шоппинг»
в App Store Россия
в категории «Шоппинг»
Отзывы
Пользователи оставляют
свои комплименты
и пожелания по улучшению.
свои комплименты
и пожелания по улучшению.
Рейтинг
Средний рейтинг
приложения — 4,5 из 5 звёзд.
приложения — 4,5 из 5 звёзд.
Признание
Vogue Collections понравилось
арт-директору бренда MOSCHINO
Джереми Скотту.
арт-директору бренда MOSCHINO
Джереми Скотту.
Команда
Аккаунт-менеджер
Влад Коробов
Влад Коробов
Менеджеры проекта
Юрий Кузьменко
Ирина Мещерякова
Юрий Кузьменко
Ирина Мещерякова
iOS-разработчики
Александр Савченко
Антон Дитятив
Александр Савченко
Антон Дитятив
Тестировщики
Игорь Курганов
Роман Палачёв
Игорь Курганов
Роман Палачёв
IT Outstaffing specialists
in Live Typing
Developers, testers, designers and analysts for temporary work in a team under your supervision. We will select and engage employees on project in a week
IT-outstaffing is a model of cooperation where a developer from one company is temporarily working for another company. The receiving team gives the person a workload, sets tasks and manages his work on the project
What is outstaffing
Benefits of Outstaffing
You don't need to employ staff
You pay only for the working hours — no additional expenses for taxes, social guarantees and compensations to the employee
Saving on HR
Outstaff recruitment for your tasks saves up to three months and up to 1000 USD on recruitment of a person for your team
Experienced guys only
Already experienced specialists join the development, so you don’t need to invest in their professional skills
You don't need to employ staff
You pay only for the working hours — no additional expenses for taxes, social guarantees and compensations to the employee
Saving on HR
Outstaff recruitment for your tasks saves up to three months and up to 1000 USD on recruitment of a person for your team
Experienced guys only
Already experienced specialists join the development, so you don’t need to invest in their professional skills
Outstaff specialists are helpful if
Project deadlines are close
Outsaff developers will strengthen your expertise and help you close tasks on time
You don’t have an experience in certain technology
With outstaffing, you’ll be able to work with any kind of stack
You need to replace someone
Specialists will quickly get on board and take over another person's tasks
There are not enough free hands
Feel free to take on new projects and expand your team with temporary employees
Project deadlines are close
Outsaff developers will strengthen your expertise and help you close tasks on time
You don't have an experience in certain technology
With outstaffing, you’ll be able to work with any kind of stack
You need to replace someone
Specialists will quickly get on board and take over another person's tasks
There are not enough free hands
Feel free to take on new projects and expand your team with temporary employees
Choose an outstaff developer in Live Typing
- Specialists with 3+ years of commercial development experienceMiddle developers proven by time, complex projects and deadlines
- Book a specialist after the interviewBook a specialist after the interview - you will have 72 hours to make a final decision
- Our rates for iOS and Android developers are below-marketSimply profitable and very profitable when you need to hire a full team on outstaff
- Specialists with 3+ years of commercial development experienceMiddle developers proven by time, complex projects and deadlines
- Book a specialist after the interviewBook a specialist after the interview - you will have 72 hours to make a final decision
- Our rates for iOS and Android developers are Below-marketSimply profitable and very profitable when you need to hire a full team on outstaff
Stages of partnership
Project Onboarding
1
We help you form a request for a developer
We select candidates within 24 hours after the request
Schedule interview dates
After a successful interview – we bring the right person to the project within 3 days
2
Support
Deal closing
If the assistance of an outstaff member is no longer required on the project, we end our collaboration, and you can contact us again at any time
During the whole time of the employee’s work on the project we stay close to you — we support, consult, respond to feedback and help you if something goes wrong
3
A week after the request, the employee will be onboarding in your team
Any options for testing the skills of a specialist
You choose the method that will help you understand that the person is the one you are looking for
Contact us to see programmers' CVs
Interviews in several stages
Test assignments
Livecoding
Our stack
Creating and reviewing technical and functional specifications
Iterviewing stakeholders
Description of
– SRS
– non-functional requirements
– data processing algorithms
– integrations (interaction diagrams, data flows, UML sequence diagrams)
– Business process description (BPMN 2)
Design and documentation of
– system architecture (C4)
– REST API (OpenAPI 3, Swagger, Redoc)
– Database (ER diagrams, DBML)
Iterviewing stakeholders
Description of
– SRS
– non-functional requirements
– data processing algorithms
– integrations (interaction diagrams, data flows, UML sequence diagrams)
– Business process description (BPMN 2)
Design and documentation of
– system architecture (C4)
– REST API (OpenAPI 3, Swagger, Redoc)
– Database (ER diagrams, DBML)
User experience design
Interface design of mobile applications and complex web services
UI animation
Interface design of mobile applications and complex web services
UI animation
Xcode
Swift, SwiftUI, Objective C
VIPER, MVP, MVC
SOLID
Async/Await
Moya, Alamofire
RxSwift
SnapKit, Frame
Realm, CoreData
CI/CD
Git
Nuke, SDWebImage
SwiftLint
Swift, SwiftUI, Objective C
VIPER, MVP, MVC
SOLID
Async/Await
Moya, Alamofire
RxSwift
SnapKit, Frame
Realm, CoreData
CI/CD
Git
Nuke, SDWebImage
SwiftLint
Sniffers: Charles Proxy
API Testing: Postman
UX/UI testing: Figma, Zeplin
Emulators and simulators: Android Studio, Xcode
Log analysis: DevTools, Charles Proxy, Kibana, Sentry
Performance testing: JMeter
DBMS: pgAdmin 4, DataGrip, Beekeeperstudio
API Testing: Postman
UX/UI testing: Figma, Zeplin
Emulators and simulators: Android Studio, Xcode
Log analysis: DevTools, Charles Proxy, Kibana, Sentry
Performance testing: JMeter
DBMS: pgAdmin 4, DataGrip, Beekeeperstudio
Kotlin, Java
Clean Architecture
Single Activity
MVVM, MVP (Moxy)
Koin, Hilt
Retrofit 2 и OkHttp 3, Ktor
Room
Coroutines, RxJava
Cicerone, Fragment navigator
Clean Architecture
Single Activity
MVVM, MVP (Moxy)
Koin, Hilt
Retrofit 2 и OkHttp 3, Ktor
Room
Coroutines, RxJava
Cicerone, Fragment navigator
PHP
Laravel
Vue 2/3
PostgreSql
Git flow
Docker
Nginx
Laravel
Vue 2/3
PostgreSql
Git flow
Docker
Nginx
FAQs
- What is the minimum and maximum period of "renting" a expert?We understand that the task you have in front of you may be quite small. With us you can hire a developer starting from two months. The maximum term of cooperation is not limited.
- What is the grade of your developers?We offer middle developers with three or more years of experience. We do not provide juniors as outstaffing programmers.
- Is my project data secure?We sign an NDA and do not reveal any information about your project either written or verbally.
- Do you have individual terms and conditions?The length of partnership with us and the number of specialists the customer "rents" influences this. Give us a call +7−495−204−35−03 and we will see how we can help.
FAQs
- What is the minimum and maximum period of "renting" a expert?We understand that the task you have in front of you may be quite small. With us you can hire a developer starting from two months. The maximum term of cooperation is not limited.
- What is the grade of your developers?We offer middle developers with three or more years of experience. We do not provide juniors as outstaffing programmers.
- Is my project data secure?We sign an NDA and do not reveal any information about your project either written or verbally.
- Do you have individual terms and conditions?The length of partnership with us and the number of specialists the customer "rents" influences this. Give us a call +7−495−204−35−03 and we will see how we can help.
Want to know about something else?
Dmitry Makhnachev, head of our partnership program, will answer any questions about outstaffing in Live Typing
Telegram
Why choose Live Typing?
Three years in outstaffingHelped dozens of clients strengthen their teams and get their projects on their feet
Our developers build federally recognized applicationsOur clients include: ZARINA, SEPHORA, CTV, STS, Kaspersky, Valenta Digital, PepsiCo
We constantly educate our employeesWe send developers to conferences, organize professional training and make sure that each person in the team grows in skills
We are in Top-50 outstaffing agencies in RussiaAccording to the largest digital rating «Runet Rating»
- Three years in outstaffingHelped dozens of clients strengthen their teams and get their projects on their feet
- Our developers build federally recognized applicationsOur clients include: ZARINA, SEPHORA, CTV, STS, Kaspersky, Valenta Digital, PepsiCo
- We constantly educate our employeesWe send developers to conferences, organize professional training and make sure that each person in the team grows in skills
- We are in Top-50 outstaffing agencies in RussiaAccording to the largest digital rating «Runet Rating»
Reviews about working with us
«We have been in working with Live Typing for more than 2 years — we can safely recommend our partner as a team of reliable professionals. I would like to highlight the effective work of specialists and focus on the result. This is a great value. We are happy to continue our partnership».
Makarova Alexandra,
Head of 65apps Partner Network
Head of 65apps Partner Network
Reviews about working with us
«According to the project manager’s assessment, the specialist fitted into the team quickly, literally from the first days. He easily understood the logic of the application’s operation. He quickly reacts to changing priorities, which is important for the project. Thoughtfully understands the customer’s tasks and requests, and does not hesitate to suggest improvements. Thanks to his work, we quickly released the long-expected release without any critical comments from the customer».
Alexander Naumenko, CEO Arcsinus
Reviews about working with us
«The experience of working with Live Typing is definitely a positive one. As part of a request for mobile developers, they introduced an Android developer. He quickly fitted into the team, got to know all his colleagues and started taking on small tasks from day one. After a couple of weeks he got used to it and started to perform more complex tasks along with everyone else. During my work on the project he realized a lot of screens and business tasks. I should note the good quality of the code — very few tasks were returned for improvement after testing. As for soft skills, we should emphasize responsibility, focus on results, responsiveness and positive attitude — the specialist is always on the phone, does not get lost in solving complex tasks».
— Partner's data is under the NDA
Learn more about about outstaffing in our articles
7 minutes
How not to get broke while hiring outstaff developers
9 minutes
Find a mobile app developer: where, how, for what price
5 minutes
Who to pick for digital product development: choosing between outsourcing, outstaffing and freelancing
