André Furtado · Behance 05月25日 18:35
Passaporte Natura, how we gamified exploring the world.
index_new5.html
../../../zaker_core/zaker_tpl_static/wap/tpl_guoji1.html

 

PN2000是一款数字护照应用,旨在为用户提供独特的、游戏化的自然探索体验。用户通过扫描Natura 2000保护区内的QR码来收集印章,解锁地点,并获取更多信息。该应用鼓励用户探索自然,收集印章,并提供排行榜以增加互动性。PN2000的应用界面设计精美,印章由插画家Mariana Rio创作,与应用完美融合,增强了用户的使用体验。即使在离线状态下,用户也能访问已解锁的文字内容,确保在偏远地区也能使用。

🏞️ PN2000是一个数字护照,用户可以在Natura 2000保护区内通过扫描QR码来收集印章。

🗺️ 应用内设有地图,帮助用户找到QR码所在位置,并提供详细的地点信息。

🖼️ 印章由插画家Mariana Rio设计,每个印章都是精美的插图,与应用界面完美融合,增强用户体验。

🔓 用户收集印章后,可以解锁地点,并获取更多信息,增强了游戏的趣味性和互动性。

📶 应用支持离线使用,即使在没有网络信号的偏远地区,用户也可以访问已解锁的文字内容。


Passport Natura 2000, PN2000 for short, empowers you to unleash your inner Dora the Explorer with a unique gamified experience. C'mon, vamonos!

As a company, we often take low-budget projects whenever we identify with the cause. PN2000 is owned by Palombar, a non-governmental and non-profit Nature Heritage Conservation organisation whose mission is to preserve biodiversity, wilderness, forests, agricultural ecosystems, constructed rural heritage, and traditional crafting techniques.

As we are en route to becoming a BCorp, no other project would make more sense. Anyway, with all this said, on with the project.


What is PN2000, then?

In a nutshell, it is a digital passport for your adventure. As you discover the world's largest network of protected areas, Natura 2000, you'll find QR codes neatly blended in nature that you can scan to collect stamps.


As you collect said stamps and fill in your passport, locations are unlocked, and further information is made available in your App.


Naturally, pun intended, the goal is to collect as many stamps as possible, and, for that matter, there's a leaderboard.

Your passport. Your stamps.

Just like a traditional passport, the more stamps you get, the more place you have been to. This one, though, is split into two zones (for now), Douro International and Santo Adrião Mines. Each of them with their separate set of collectible stamps.


We wanted to make the stamps more than just a piece of the interface. More than just your average badge. We wanted it to be an integral part of the experience, one added element of the gamified experience, a beautiful piece of art that would make you want to unveil more and collect additional stamps.


This is when illustrator Mariana Rio comes in. All the stamps and illustrations were created by her. And they fit in perfectly. Each stamp is a beautiful illustration that matches one another and exponentiates the App's look and feel, turning it into a perfect blend of interface and illustration.


We want the user to feel engaged with their passport, be proud of it, and want to keep stamping it further. At the same time, we didn't want to over-design it. We didn't want to overuse graphic elements that would create a heavier interface. Instead, we wanted it to live off the illustration and the collectibles rather than the interface itself.


Scanning the codes.

You probably know how to scan a QR, so we won't waste your time explaining how it works. But we want to show you what happens when you do so.

UNHANDLED MODULE: VideoModule
We wanted to create a dramatic interaction that could build anticipation and emphasise the act of collecting a stamp. To make it meaningful. All the details of the animation were carefully thought of, from its motion to its duration, everything was meticulously refined to make it a grand moment.

Location unlocked.

Each Location has a designated stamp. At first, they won't be there (neither on your passport nor the region detail page). On both pages, there are empty states for uncollected stamps.


As you scan QR codes, empty states will be replaced with stamps and more in-depth content. This is all part of the gamified experience we set ourselves to assemble. To create a sense of urgency towards stamping your passport.


The treasure map.

One cannot simply get on their foot and start searching for QR codes. The Natura 2000 area is huge, and single-handedly looking for them is quite challenging. So we designed a map.


This map contains all the available QR code locations and will help you navigate to them. It is pinchable, and as you do so, clusters of Location will dissipate in favor of more granular ones until you can pinpoint an exact Location pin.

UNHANDLED MODULE: VideoModule
Initially, all the pins are empty (states), but as QR codes are scanned, and stamps are collected, they will change into a "completed" state. Upon clicking the Location pins, a widget opens from below, allowing you to navigate to the Location details page.


Offline? No problem.

The App was built to work offline too. Most of the time, PN2000 is used at remote locations, likely with no signal, where there's only you, your phone, and the wilderness.

When users open the App for the first time, it triggers a download of all written content. Not the images, though, as it would take a considerable toll on the user's phone storage, and we want no responsibility for low capacity.

In this scenario, you don't get to experience the beauty of the photography, the stamps, or the illustration, which is sad on one side. However, on the other, it doesn't really matter. You are on-sight. Just enjoy the view instead.

But if you're really keen to cling to your phone and read more about the said site, once a location is unlocked, you'll still have access to all the written content.


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

Like what you see? Hire us


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

相关标签

PN2000 数字护照 Natura 2000 自然探索 游戏化
相关文章