Pushing the Boundaries of Mobile Designs

Type

iOS Application

Playground is a mobile app that showcases 10Clouds design and development skills. We have allowed our designers to unleash their creativity fully and blended their ideas with intuitive UX and flawless code written in React Native, Kotlin and Swift. The open-sourced app consists of three modules that developers can modify and use.

Services

Concept
Design
Development

Our challenge

Portfolios of the best designers are often filled with wonderful custom animations prepared for mobile apps. However, such projects get implemented in real products very rarely. There is even a popular belief that all of the most stunning mobile designs on Dribbble can’t be used in apps, due to the difficulty and time needed to code them.

How we made it happen

PlayGround proves that with the cooperation of great designers and skillful developers, everything is possible. The set of three modules pushes the boundaries of mobile animations that are both beautiful and usable. We want others to get inspired by PlayGround, so everyone can download the source code, modify it, and even use it in another project free of charge.

Key functionalities

Fluid Tab Bar

The tab bar allows navigating between different sections of an app quickly and intuitively. The biggest challenge was to perfectly reflect our designers’ concept animation and transform it into a working, efficient code frame by frame. We were able to achieve perfect fluidity of the animation both on iOS and Android

Pull to Refresh

10Clouds’ goal was to bring a little life into an element that usually looks exactly the same in every app. Bypassing standard system behaviors required a clever approach from the developers. Our interpretation of 'Pull to Refresh' is tailored to suit a specific color palette, but can be easily modified to meet your vision.

Swipe to Delete

Animations that include stretching different shapes are extremely difficult to code. However, 10Clouds developers were able to make this creative design idea work flawlessly. Our take on Swipe to Delete saves a lot of space and make the design of an app cleaner. Additional options, such as deleting, are revealed after swiping the message to the left.

Check other case studies

INTERNAL PRODUCT, AI INTEGRATION, CHATBOT

10Clouds AI Assistant

10Clouds Assistant is a powerful tool that can collect data from company handbooks, employee information, project details, and more to provide instant feedback. The process of creating this tool involved several stages, such as downloading data from the Confluence API and saving it to a PostgreSQL database. Next, we cleared the data of HTML tags and added it to Pinecone using Llama-index, a library for importing data. Our AI tool can quickly and accurately provide users with the information they need, making it an invaluable asset for any organization.

See more

Get the full story on how we help companies get results faster.

Contact us