André Furtado · Behance 3小时前
Yonder, work benefits for modern companies.
index_new5.html
../../../zaker_core/zaker_tpl_static/wap/tpl_guoji1.html

 

本文介绍了Significa为员工福利平台Yonder设计的网站案例。Yonder旨在通过集中化和自动化,简化员工福利的管理流程。Significa从用户痛点出发,打造了一个可信赖、易于使用且具有灵活性的网站,旨在提高用户信任度,传递清晰的信息,并增加演示预约量。网站通过视觉设计、用户互动和实时价格比较等方式,突出了Yonder的优势,最终获得了Awwwards的认可。

🎯Yonder的核心目标是解决企业在管理员工福利时面临的痛点,通过一个平台集中管理保险、退休计划等,从而节省时间和金钱,并赋予员工充分的福利自主权。

✨网站设计突出了Yonder的四大优势:快速的员工入职流程、更低的成本、易于使用以及适用于所有公司。通过简洁明了的信息传递,降低用户对迁移到新产品的顾虑。

💰网站通过实时价格比较功能,让用户可以根据自己的需求,直观地看到Yonder与其他产品之间的差异。用户只需输入员工人数和HR人数,即可获得Yonder与其他产品的成本对比。

🧩网站采用模块化设计,包括组件、章节和表单等,都可无缝组装。这种模块化设计始于设计阶段,并在Storyblok中得到延续,使得页面搭建更为便捷。


Yonder centralises and automates employees’ benefits in one place. Enrolling, managing, and scaling is made easy, without the usual daunting and cumbersome administrative processes.

We face every website as if it is a product. Our mental model is the same, the methodology is the same, and our concerns are the same.

But what does this mean exactly? It means that similar to a product, we create every website to be scalable, modular and, obviously, goal-oriented. Not a one-of, not a business card, not an art piece, but rather a pragmatic data-minded solution.

Our approach to Yonder was no different. Why do you need a new website? We asked.

They told us they were struggling to build confidence and engage with their audience, thus having issues getting a compelling message across. The website doesn't convey the quality of the product, and they don't have a big enough team to take this project on. And, you guessed it, increase the number of Demos booked.


Here's how we got there.

We know who Yonder is talking to.

Those who are haunted by the tediousness of managing insurance here, retirement plans there, and something else elsewhere are the ones the website targets. And the following message had to come across clear as day: Yonder will unquestionably make your life easier with minimal effort.

At Significa, we can relate to Yonder's target audience. We are it ourselves too. And if we were told we could manage all the perks we offer in one place, save time and money, give our employees full ownership of their benefits, and therefore have the ability to increase our perk pool, we would be thrilled.

We know exactly who Yonder is talking to.


Mitigating the pain points of change.

We know how averse to change most people are. We also know that migrating from all these separate services, at once, into a new product can be hard to wrap our heads around, especially into a new product the users don't trust just yet.

Yonder’s message had to be surgically precise:

- Quick to onboard employees.
- Cheaper.
- Anybody can use it.
- Works for all companies.

Yeah, that's it.

UNHANDLED MODULE: VideoModule
No, obviously, it isn't just it! It had to be beautiful. A good-looking website plays a detrimental role in creating trust and standing out from the competition.


We created a website that conveys flexibility, freedom and fluidity.

Fluid shapes reveal videos of human experiences. The website is alive, it is dynamic and it transpires emotion, reacting to the user.

UNHANDLED MODULE: VideoModule
We created a captivating journey, setting users to experience and explore elements, such as cards and testimonials which expand and compress in response to their interactions.

UNHANDLED MODULE: VideoModule
Speaking of testimonials, we know how great these are at building trust. We also know its authenticity can be questioned sometimes. So to please the Greeks and Trojans, we did something new, something we'd never seen before:

UNHANDLED MODULE: VideoModule
In hopes its content would appeal to the interested ones and the shape would please the sceptic folks.

If nothing else had worked so far to convince the users, then Yonder’s pricing would. Stating their product is cheaper wouldn't just cut it for us. We had to effectively show it. For this, we wanted to showcase adjustable results so that users could immediately identify with and compare the abysmal differences of various products within the context of their own needs in real-time.

UNHANDLED MODULE: VideoModule
Simply insert the employees count and the amount HR people enrolled, and BAAM: there you have it, a comparison between Yonder and the rest.

All modular. Everywhere.

Everything is modular: components, sections, forms, the whole thing. It starts with Design:


And carries forward in Storyblok, where pages can be assembled seamlessly.

UNHANDLED MODULE: VideoModule
Conclusion

To wrap this up, designing and developing Yonder gave us a Site of the Day and Developer Award on Awwwards.

That's all for this one. Thank you for scrolling all the way down here 🙏


Our website @ Significa
More of our stuff too: Dribbble | Twitter | Instagram


Fish AI Reader

Fish AI Reader

AI辅助创作,多种专业模板,深度分析,高质量内容生成。从观点提取到深度思考,FishAI为您提供全方位的创作支持。新版本引入自定义参数,让您的创作更加个性化和精准。

FishAI

FishAI

鱼阅,AI 时代的下一个智能信息助手,助你摆脱信息焦虑

联系邮箱 441953276@qq.com

相关标签

Yonder 网站设计 员工福利 Significa 模块化设计
相关文章