Happy — conceptual web storytelling for the dental business in Israel
- Dental Technology
{{problem-solution}}
{{services-provided}}
The client
About the client
Happy, a subsidiary project of the Viven Procurement dental company, specializes in selling clear aligners for people all over Israel. To ensure optimal medical care, they collaborate with partner doctors who provide expert guidance and support. With a customer-centric approach, the company’s main goal is promoting healthy teeth and, as a result, fulfilling lives.
Kickoff
The outset of product creation
While creating Happy, our team aimed to associate this product with the healthcare industry but do it in an extra-friendly manner. For this, we conducted thorough market & customer research. As the client demanded a holistic product from ground 0, our team focused on all sides of the project simultaneously. To make Happy inclusive and balanced, we systematically worked on website design, development, and branding solutions — all to ensure unique and pleasant UX for all target groups.
4 target groups
- 01 Young individuals aged 18-30 who want to be satisfied with the appearance of their teeth in the morning mirror reflection. They want to invest in this small moment as it sets the tone for their entire day.
- 02 Individuals a little younger (15+) who can (and will) persuade their parents that dental care contributes to their overall happiness.
- 03 People who received an offer for orthodontic treatment from an orthodontist or a dental clinic but want to explore a more pleasant, friendly, and cost-effective alternative.
- 04 People who are young at heart (at any age!) and have unresolved dental issues with their teeth.
.webp)
UX features
Functionality-driven design
The central aspect of the website’s design is that all elements are structured in a sticker-style layout, ranging from images to block-based tiles. This distinct approach is seamlessly aligned with the branding and its holographic, sticker-like, and overall joyful vibe.
In-depth research revealed that the client’s audience highly valued visually appealing yet practical features. To further enrich user engagement, we suggested adding useful blocks into the design, such as Treatable Cases, Day & Night Treatment, and Mini Quiz.
{{steps}}
Branding
Meanings through visuals
As the client’s product is suitable for people of all ages, but their main target is young adults, our strategy was to reflect the vibrant energy of this demographic.
{{steps2}}
.webp)
Images style
Smiley photos
To portray happiness, our designers used pictures of young, confident people with bright smiles. Even when displaying only the product or parts of it, we complemented pics’ background with warm colors that exude joy and positivity.
Playful touches
Different stickers
Keeping in mind the energetic spirit of Happy, we integrated a set of sticker illustrations along with text and icon stickers into the final design. Thanks to them, our team emphasized the website’s content and echoed the sticker emblem we used for the logotype.
Illusion of depth
Holographic texture
By using holographic texture, we aimed to differentiate Happy from competitors, appealing to their young audience. This way, it was easy to showcase the company’s commitment to modern dental solutions, and, along with it, successfully apply the texture to marketing materials
Development
Webflow builder
Interactive elements held immense importance for the client’s desired UX. Due to their complexity, we opted for Webflow, which efficiently manages tricky interactions. Thanks to that, we created various hover effects and animations, along with a dynamic preloader. What’s more, our specialists made Mini Quiz to show results to users directly, without the need to plug in any third-party tools.
Last but not least, the platform offers effortless content editing through a built-in CMS, enabling the client to update any content even on their own. The end result satisfied both us and our client, even though it was quite challenging to keep the content structure correct due to the specifics of the Hebrew language.
Our results
Happy ending
We created a lightweight and friendly website for the Happy company, enriching the design with various cool features, such as the Treatable Cases page, Day & Night Treatment, and a Mini Quiz. Our efforts helped to resonate with the client’s young audience by designing a stylish logo, smooth UX components, interesting color & font solutions, holographic textures, and cute stickers. To infuse creativity into every corner of the site, we utilized Webflow builder’s flexibility. The result is a modern website that resonates with the client’s customers, engaging them to reach Happy.
What’s a Rich Text element?
What’s a Rich Text element? sdffgdfgfghfgh
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
- Sdfdfg
- Dfgdfgfdg
- dfgdfgfd
- Dfgdfg
dfgdf gdfg dfgdfgidfgiudf gdf ugidfugidf ugid
- dfgfdg
- dfgdfg
dghjghj - dfgdfg
- dfgdfg
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
- 01 dfgdfgd
- 01 dfgfdg
- 01 dfgdfg
- 01 dfgdfg
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
Problem
The client reached us to create Happy from scratch. They wanted a product that resonates with their customers — Israelis of all ages and backgrounds. For this, the client requested branding, design, and development services to present their new user-friendly platform.
Solution
Halo Lab offered the client an all-in-one digital package: website design and development, along with logo and branding design. With meanings and functionality in mind, we crafted various features and blocks to improve user experience, prioritizing minimalism in navigation and structure.
dfgdfgdfg
The main goal of our client was to build a patient-friendly platform with a positive and stress-free approach. As not every person is a tech guru, it was also crucial to simplify the website’s functionality, creating an intuitive interface with different languages available. Besides, the client put a strong emphasis on data security, as sensitive information about patients’ health must always remain confidential.
sdfsdfsdfsdfdg
The main goal of our client was to build a patient-friendly platform with a positive and stress-free approach. As not every person is a tech guru, it was also crucial to simplify the website’s functionality, creating an intuitive interface with different languages available. Besides, the client put a strong emphasis on data security, as sensitive information about patients’ health must always remain confidential.
Technologies used
To verify various hypotheses and to better understand what users wanted, the client conducted A/B testing and, based on this analysis, generated various tasks for us to implement. Some users were directed to the unaltered version of the site, and some would see the new one. One of the intriguing cases involved the testing of website registration methods:
- 01Through the simple page with a brief registration form and an image of a unit’s exterior.
- 01Through the simple page with a brief registration form and an image of a unit’s exterior.
To verify various hypotheses and to better understand what users wanted, the client conducted A/B testing and, based on this analysis, generated various tasks for us to implement. Some users were directed to the unaltered version of the site, and some would see the new one. One of the intriguing cases involved the testing of website registration methods:
Results in numbers
Once we had developed the configurator and Mighty Buildings concluded the lengthy closed beta testing, they launched their product publicly, raising $40 Million in Series B Funding. And they haven’t stopped there — during the subsequent funding campaigns, they’ve raised more than $100M from leading investors, including Khosla Ventures and Arctern Ventures.
- $40M
Raised in series B Funding - $40M
Raised in series B Funding - $40M
Raised in series B Funding
Treatable Cases
To enhance UX and assist customers in understanding their specific needs, we combined informative descriptions with vibrant illustrations. The page is designed to visually showcase the benefits and effectiveness of the client’s product in a fun and engaging manner.
Day & Night Treatment
We’ve figured out that some individuals might prefer nighttime treatment, as they may feel uncomfortable wearing aligners during the day. So, we proposed adding Day & Night treatment options to the site as an alternative. Our designers visualized it with a switcher that offers users a choice between “Day” and “Night” treatment modes, represented symbolically by sun and moon.
Mini Quiz
The Quiz is an interactive tool that boosts engagement and generates leads. To streamline communication and improve user conversion, we added a Messenger button on the bottom right of this section.
.webp)
Treatable Cases
To enhance UX and assist customers in understanding their specific needs, we combined informative descriptions with vibrant illustrations. The page is designed to visually showcase the benefits and effectiveness of the client’s product in a fun and engaging manner.
Day & Night Treatment
We’ve figured out that some individuals might prefer nighttime treatment, as they may feel uncomfortable wearing aligners during the day. So, we proposed adding Day & Night treatment options to the site as an alternative. Our designers visualized it with a switcher that offers users a choice between “Day” and “Night” treatment modes, represented symbolically by sun and moon.
Mini Quiz
The Quiz is an interactive tool that boosts engagement and generates leads. To streamline communication and improve user conversion, we added a Messenger button on the bottom right of this section.
Treatable Cases
To enhance UX and assist customers in understanding their specific needs, we combined informative descriptions with vibrant illustrations. The page is designed to visually showcase the benefits and effectiveness of the client’s product in a fun and engaging manner.
Day & Night Treatment
We’ve figured out that some individuals might prefer nighttime treatment, as they may feel uncomfortable wearing aligners during the day. So, we proposed adding Day & Night treatment options to the site as an alternative. Our designers visualized it with a switcher that offers users a choice between “Day” and “Night” treatment modes, represented symbolically by sun and moon.
Mini Quiz
The Quiz is an interactive tool that boosts engagement and generates leads. To streamline communication and improve user conversion, we added a Messenger button on the bottom right of this section.
Treatable Cases
To enhance UX and assist customers in understanding their specific needs, we combined informative descriptions with vibrant illustrations. The page is designed to visually showcase the benefits and effectiveness of the client’s product in a fun and engaging manner.
Day & Night Treatment
We’ve figured out that some individuals might prefer nighttime treatment, as they may feel uncomfortable wearing aligners during the day. So, we proposed adding Day & Night treatment options to the site as an alternative. Our designers visualized it with a switcher that offers users a choice between “Day” and “Night” treatment modes, represented symbolically by sun and moon.
Mini Quiz
The Quiz is an interactive tool that boosts engagement and generates leads. To streamline communication and improve user conversion, we added a Messenger button on the bottom right of this section.
Treatable Cases
To enhance UX and assist customers in understanding their specific needs, we combined informative descriptions with vibrant illustrations. The page is designed to visually showcase the benefits and effectiveness of the client’s product in a fun and engaging manner.
Day & Night Treatment
We’ve figured out that some individuals might prefer nighttime treatment, as they may feel uncomfortable wearing aligners during the day. So, we proposed adding Day & Night treatment options to the site as an alternative. Our designers visualized it with a switcher that offers users a choice between “Day” and “Night” treatment modes, represented symbolically by sun and moon.
Mini Quiz
The Quiz is an interactive tool that boosts engagement and generates leads. To streamline communication and improve user conversion, we added a Messenger button on the bottom right of this section.
Treatable Cases
To enhance UX and assist customers in understanding their specific needs, we combined informative descriptions with vibrant illustrations. The page is designed to visually showcase the benefits and effectiveness of the client’s product in a fun and engaging manner.
Day & Night Treatment
We’ve figured out that some individuals might prefer nighttime treatment, as they may feel uncomfortable wearing aligners during the day. So, we proposed adding Day & Night treatment options to the site as an alternative. Our designers visualized it with a switcher that offers users a choice between “Day” and “Night” treatment modes, represented symbolically by sun and moon.
Mini Quiz
The Quiz is an interactive tool that boosts engagement and generates leads. To streamline communication and improve user conversion, we added a Messenger button on the bottom right of this section.
Treatable Cases
To enhance UX and assist customers in understanding their specific needs, we combined informative descriptions with vibrant illustrations. The page is designed to visually showcase the benefits and effectiveness of the client’s product in a fun and engaging manner.
Day & Night Treatment
We’ve figured out that some individuals might prefer nighttime treatment, as they may feel uncomfortable wearing aligners during the day. So, we proposed adding Day & Night treatment options to the site as an alternative. Our designers visualized it with a switcher that offers users a choice between “Day” and “Night” treatment modes, represented symbolically by sun and moon.
Mini Quiz
The Quiz is an interactive tool that boosts engagement and generates leads. To streamline communication and improve user conversion, we added a Messenger button on the bottom right of this section.
Treatable Cases
To enhance UX and assist customers in understanding their specific needs, we combined informative descriptions with vibrant illustrations. The page is designed to visually showcase the benefits and effectiveness of the client’s product in a fun and engaging manner.
Day & Night Treatment
We’ve figured out that some individuals might prefer nighttime treatment, as they may feel uncomfortable wearing aligners during the day. So, we proposed adding Day & Night treatment options to the site as an alternative. Our designers visualized it with a switcher that offers users a choice between “Day” and “Night” treatment modes, represented symbolically by sun and moon.
Mini Quiz
The Quiz is an interactive tool that boosts engagement and generates leads. To streamline communication and improve user conversion, we added a Messenger button on the bottom right of this section.
Redux and Redux-saga
To handle data management, we employed Redux and Redux-saga. The Redux library helps us manage the state of the application in a centralized and predictable manner, while Redux-saga enables us to manage and test side-effects such as data fetching and backend communication.
The combination of these libraries has allowed us to create a robust and maintainable front-end that is capable of handling large amounts of data and state changes.Redux and Redux-saga
Redux and Redux-saga
To handle data management, we employed Redux and Redux-saga. The Redux library helps us manage the state of the application in a centralized and predictable manner, while Redux-saga enables us to manage and test side-effects such as data fetching and backend communication.
The combination of these libraries has allowed us to create a robust and maintainable front-end that is capable of handling large amounts of data and state changes.Redux and Redux-saga
Brand Logotype
For the logo, we used a well-known “My name is…” sticker, followed by a blank space. These stickers are often used at social or networking events, making them perfect to create a sense of closeness to customers.
Color Combination
The palette comprises a mix of soft, soothing tones and deep, vibrant shades. Lively and youthful colors such as Riviera and Sapling resonate well with young people, while calming ones, like Lavender and Tint of Rose, create a comforting “non-medical” vibe.
Font Selection
Fonts are pivotal in shaping the language and expression of a brand. Keeping this in mind, we chose Avenir Next Hebrew and Gan CLM — typefaces known for their clean, modern, and versatile design, adapted to the unique characteristics of Hebrew.
Brand Logotype
For the logo, we used a well-known “My name is…” sticker, followed by a blank space. These stickers are often used at social or networking events, making them perfect to create a sense of closeness to customers.
Color Combination
The palette comprises a mix of soft, soothing tones and deep, vibrant shades. Lively and youthful colors such as Riviera and Sapling resonate well with young people, while calming ones, like Lavender and Tint of Rose, create a comforting “non-medical” vibe.
Font Selection
Fonts are pivotal in shaping the language and expression of a brand. Keeping this in mind, we chose Avenir Next Hebrew and Gan CLM — typefaces known for their clean, modern, and versatile design, adapted to the unique characteristics of Hebrew.
Brand Logotype
For the logo, we used a well-known “My name is…” sticker, followed by a blank space. These stickers are often used at social or networking events, making them perfect to create a sense of closeness to customers.
Color Combination
The palette comprises a mix of soft, soothing tones and deep, vibrant shades. Lively and youthful colors such as Riviera and Sapling resonate well with young people, while calming ones, like Lavender and Tint of Rose, create a comforting “non-medical” vibe.
Font Selection
Fonts are pivotal in shaping the language and expression of a brand. Keeping this in mind, we chose Avenir Next Hebrew and Gan CLM — typefaces known for their clean, modern, and versatile design, adapted to the unique characteristics of Hebrew.
Brand Logotype
For the logo, we used a well-known “My name is…” sticker, followed by a blank space. These stickers are often used at social or networking events, making them perfect to create a sense of closeness to customers.
Color Combination
The palette comprises a mix of soft, soothing tones and deep, vibrant shades. Lively and youthful colors such as Riviera and Sapling resonate well with young people, while calming ones, like Lavender and Tint of Rose, create a comforting “non-medical” vibe.
Font Selection
Fonts are pivotal in shaping the language and expression of a brand. Keeping this in mind, we chose Avenir Next Hebrew and Gan CLM — typefaces known for their clean, modern, and versatile design, adapted to the unique characteristics of Hebrew.
Brand Logotype
For the logo, we used a well-known “My name is…” sticker, followed by a blank space. These stickers are often used at social or networking events, making them perfect to create a sense of closeness to customers.
Color Combination
The palette comprises a mix of soft, soothing tones and deep, vibrant shades. Lively and youthful colors such as Riviera and Sapling resonate well with young people, while calming ones, like Lavender and Tint of Rose, create a comforting “non-medical” vibe.
Font Selection
Fonts are pivotal in shaping the language and expression of a brand. Keeping this in mind, we chose Avenir Next Hebrew and Gan CLM — typefaces known for their clean, modern, and versatile design, adapted to the unique characteristics of Hebrew.
Brand Logotype
For the logo, we used a well-known “My name is…” sticker, followed by a blank space. These stickers are often used at social or networking events, making them perfect to create a sense of closeness to customers.
Color Combination
The palette comprises a mix of soft, soothing tones and deep, vibrant shades. Lively and youthful colors such as Riviera and Sapling resonate well with young people, while calming ones, like Lavender and Tint of Rose, create a comforting “non-medical” vibe.
Font Selection
Fonts are pivotal in shaping the language and expression of a brand. Keeping this in mind, we chose Avenir Next Hebrew and Gan CLM — typefaces known for their clean, modern, and versatile design, adapted to the unique characteristics of Hebrew.
Brand Logotype
For the logo, we used a well-known “My name is…” sticker, followed by a blank space. These stickers are often used at social or networking events, making them perfect to create a sense of closeness to customers.
Color Combination
The palette comprises a mix of soft, soothing tones and deep, vibrant shades. Lively and youthful colors such as Riviera and Sapling resonate well with young people, while calming ones, like Lavender and Tint of Rose, create a comforting “non-medical” vibe.
Font Selection
Fonts are pivotal in shaping the language and expression of a brand. Keeping this in mind, we chose Avenir Next Hebrew and Gan CLM — typefaces known for their clean, modern, and versatile design, adapted to the unique characteristics of Hebrew.
Brand Logotype
For the logo, we used a well-known “My name is…” sticker, followed by a blank space. These stickers are often used at social or networking events, making them perfect to create a sense of closeness to customers.
Color Combination
The palette comprises a mix of soft, soothing tones and deep, vibrant shades. Lively and youthful colors such as Riviera and Sapling resonate well with young people, while calming ones, like Lavender and Tint of Rose, create a comforting “non-medical” vibe.
Font Selection
Fonts are pivotal in shaping the language and expression of a brand. Keeping this in mind, we chose Avenir Next Hebrew and Gan CLM — typefaces known for their clean, modern, and versatile design, adapted to the unique characteristics of Hebrew.
Halo Lab not only delivered an elegant brand that reflected the client’s technical execution abilities, but they also provided guidance to help the client maintain their new assets. They led an efficient, productive workflow by remaining responsive, collaborative, and organized in their approach.
C.E.O at Viven operations
your project with us?
Based on 80+ reviews
with 100% Job Success
AgencY IN UAE
WORLDWIDE
