Noisy Neighbor
Engaging 3D design
for interactive online quiz
Learn how the Onix team created a dynamic 3D design to ensure an engaging quiz experience.
Entertainment
Industry
6 specialists
Team size
Ukraine, Kropyvnytskyi
Location
2 months
Project duration
[ About the project ]
The "Noisy Neighbor" project was conceived as a fun and interactive online quiz that aimed to provide users insights into the impact of their daily habits on the people around them.
The idea originated from a personal experience where an Onix team member faced noisy neighbors in their newly purchased apartment.
This inspired the creation of a questionnaire to gauge and understand the noise levels of individuals in various daily scenarios.
The Onix team was responsible for:
Developing the idea of an online quiz to assess and categorize users' habits
Creating a visually appealing and interactive web design
Drawing 3D illustrations for a dynamic and engaging user experience
Ensuring the quiz's compatibility with mobile devices through adaptive design
Have a project in mind? Let's talk!
Our design solutions
Transform sketches into dynamic and engaging 3D illustrations
Our experts implemented a process that involved creating low-poly models for characters and environments. We adjusted lighting and materials to enhance visual appeal. Also, we utilized three scenes to add dynamism to static images, creating a sense of volume.
The team also developed a mechanism for creating high-polygonal models into low-polygonal ones, ensuring a fast-loading and visually rich final result.
Create a visually appealing and interactive web design
We designed a multi-story building layout to enhance the user experience. As users progressed through the quiz, they scrolled down the site, creating a sense of descending to lower floors.
This unique design feature added an immersive element to the user journey, making the quiz more engaging and memorable.
Choose an appropriate color scheme and typography for a visually appealing and cohesive design
We selected a colorful and cartoonish design approach, assigning a separate color for each scenario to differentiate plots. Our specialists chose the Mitr font for its modern aesthetic and readability.
The vibrant colors and consistent typography contributed to the quiz's visual appeal and user-friendly design.
Ensure the quiz's compatibility with mobile devices
The Onix team implemented an adaptive design strategy to make the quiz accessible and user-friendly on various mobile devices.
This involved optimizing the layout and user interface for smaller screens while maintaining the quiz's visual richness and interactive elements.
Core technology stack we used
Figma,
Procreate,
Blender,
ZBrush
[ Results ]
The Noisy Neighbor website earns an "Honorable Mention" award on Awwwards.com.
This recognition is a testament to the creative excellence, engaging design, and technical prowess demonstrated in developing the interactive 3D design for online quiz.
Engaging online quiz experience
Visually appealing interface
Fast loading
Mobile compatibility
"Noisy Neighbor" perfectly blended engagement, visual appeal, technical efficiency, and accessibility, making it a successful and memorable online quiz experience!
See other related projects
UK
Real Estate
Nestb is a user-friendly platform to
revolutionize the property search
process
Brand identity and design for real estate business
Nestb is a user-friendly platform to revolutionize the property search process
Services provided:
We crafted a comprehensive brand identity & brand book, developed a user-centric homepage design for enhanced navigation to increase brand credibility
Marketing
Volkswagen Beetle is a promo webpage
transformed with immersive digital
elements
Car promo page design concept for brand revolution
Volkswagen Beetle is a promo webpage transformed with immersive digital elements
Services provided:
Onix crafted a dynamic UI with motion design elements, implemented responsive design principles, developed a tiered content strategy for optimization
Ukraine
E-commerce
Dynamic e-commerce website with
creative animations and performance
optimization
The concept of shell chair website design on webflow
Dynamic e-commerce website with creative animations and performance optimization
Services provided:
Onix provided Webflow minimalistic website design and development services, including concept creation, user-centric design, and content integration
