Dcoded Longlife
How I designed the landing page for normobaric chambers (medtech)
O projekcie
The landing page for the DCLL brand was created to present normobaric chamber products in an attractive and modern way.
My goal was to create a modern website with engaging visual communication based on storytelling, guiding users through the site in a natural and engaging way.
The entire website structure was based on user flow analysis and content hierarchy principles, which allowed for a clear, logical browsing rhythm. As a result, users move smoothly through each section, gradually discovering key information, and finally reaching the products on offer: normobaric chambers and normobaric bedrooms.
Spinning 3D Object – Key Visual of the brand
The central element of the hero section is an interactive 3D model that visually defines the brand. The rotating object acts as a key visual, immediately establishing the technological context and attracting attention. This element "sells" the innovation from the very first second, without the need to read the content.
The project combines best UX practices and a clean UI with interactive elements that capture user attention and support their decisions. The site was designed from the ground up – from information structure, through layout and animation, to final implementation. The final result can be seen on the live version of the dcll.us website.
Interactive slider
To facilitate quick scanning of key product features, I designed an interactive slider with smooth micro-animations. The slider enhances the page's dynamics and allows users to explore information in a controlled and intuitive way. Its modular design facilitates further development and editing of content.
Instead of a long block of text, I used a modular slide system, making the content easier to digest and encouraging exploration. Each slide features smooth micro-animations that enhance the experience and create a sense of lightness and modernity.
The slider design was adapted to various resolutions to maintain full functionality on mobile devices, where swiping gestures are most intuitive. The goal was to increase user engagement and reduce the time needed to read the most important information.
Before/after component
To demonstrate the real value of DCLL technology, I introduced a before/after slider. This allows users to compare the product's performance in real time. This simple yet powerful visual tool enhances product understanding and overall engagement.
Interactive cards / Motion design
To facilitate quick scanning of key product features, I designed an interactive slider with smooth micro-animations. The slider enhances the page's dynamics and allows users to explore information in a controlled and intuitive way. Its modular design facilitates further development and editing of content.
Interactive cards play a key role in presenting product features and benefits. Each card is designed to "prompt" the user to further interact with it—through subtle hover effects, depth shifts, and animated accents.
This approach simplifies content scanning and improves browsing ergonomics. Users navigate naturally between sections, making the page more dynamic and engaging. The modular structure also allows for the quick expansion of sections with additional elements in the future, which is an important aspect of UX scalability.
Mobile version
I also placed great emphasis on the site's full responsiveness. All animations, interactions, and sliders were adapted from the ground up for mobile devices—both for smooth operation and content readability.
Dzięki temu storytelling, który na desktopie buduje narrację poprzez dynamiczne przejścia i sekwencyjne odkrywanie informacji, został w pełni zachowany także na mniejszych ekranach.
To istotna przewaga projektu, ponieważ opracowałem zestaw animacji i mechanik narracyjnych, jakich nie oferuje żadna inna strona w tej branży. Użytkownik niezależnie od urządzenia doświadcza tej samej, angażującej historii prowadzącej od zdefiniowania problemu aż po finalne rozwiązanie.