The collaboration started when one of our clients advised DeepCloud AI to approach us for their web development project.
DeepCloud AI had a negative previous experience with their former web developers, and during the project launch, they had rather negative sentiments.
DeepCloud AI provided us with the scenario for the motion animation, which we had to bring into existence and implement on the website. It was an information impulse, which goes through the product, gets processed, then goes to the Internet of Things. As a result, we created a cool scroll-animation, which goes through the whole website content.
DeepCloud is building an AI-driven decentralized cloud computing platform for running decentralized applications—IoT and Web 3.0 dApps.
They provide a spot market for computing and storage resources for companies and individuals to share their excess capacity on DeepCloud’s decentralized cloud, and with their AI Matching engine, pair these resources for application developers.
Applications execute in a secure sandbox on the peer-peer resources, and all transactions are managed on the blockchain via smart contracts. They also have an application marketplace for developers with pre-validated applications to speed up the development of their end to end solutions.
We took the triangle form as the basis for the website design because the Deepcloud AI logo is a triangle. Hence, we drew a modern triangle-based cloud, as if sparkling with the lightning of information.
We also placed a lot of triangle-based elements on the website in the form of icons and buttons. In this project, we efficiently utilized the stylish and futuristic digital style, lightweight texture, and the stretching of the blue color.
"A site that should be as cool as a spaceship and as simple as possible so that even a child understands the meaning of the service" is not an easy task, but we coped with it.
Before creating the site, our designers researched and studied competitors, market segments, and the latest design trends.
We have done
1. Scrolling Animation
2. Motion Design
3. Roadmap Section
4. Advantages Section
5. Portfolio Section
6. Adaptive mobile version
7. UX\UI design