Bonares Science Communication

交互设计/网页设计

分享

发布于2022-07-11

2115
0
0
2115

海中鱼

福建省  |  福州市 其它

评论

Bonares Science Communication

Web Tools


Since 2020 together with Johannes Stein, we have been working on Science Communication and technological upgrade for Bonares - the Center of Soil Research. We have created multiple web tools to enable scientists to communicate their messages much quicker and more approachable. Our work resulted in multiple digital products and strategies. My responsibilities lay in the strategy concepts (together with Johannes), visual concepts, UX, UI, video animations, and illustration.

Redesign and technological upgrade of Bonares Services Portal Web Platform: In frames of the CMS, we’ve built multiple pre-defined page layouts respondent to the hierarchy of actual and possible content structure. On top of that, we have developed a variety of widgets - building blocks enabling the creation of various page configurations. We enhanced the content showcase for the target group switch - a functional widget that allows the creator to set up and the viewer to filter the content according to the target group.


Infographic - Comparison Slider Tool: One of the most advanced widgets we’ve created is the comparison slider tool. The user can drag the bar to compare different image states and dive deeper into specific aspects by clicking on the points of interest. In the magnified view, one can use the bar again to compare the detailed images. This tool’s creation process involved designing a custom illustrated infographic showcasing the soil compaction topic.

Scroll Presentation Tool: Inspired by the scrolly-telling approach, we’ve created a page-type enabling quick construction of scroll-based presentations with pre-defined animated effects. In this case building blocks consist of different slide layouts, transitions and color schemes.

Explainer Video Strategy: Another responsibility lay in developing a strategy to enable users (scientists) to create explainer videos independently. We have pre-selected the tools, defined the style guide, and developed building blocks. We picked a simple collaborative and browser-based software (https://invideo.io/) and uploaded the custom assets library (illustrated elements previously created by us). On top of that, we have created learning materials (workflow tutorial, showcase file, and template file) so each user can take the project into their hands and work independently.

Explainer Videos: The explainer video strategy was preceded and based on three animated productions I’ve created for Bonares at the beginning of the project. In that way, I’ve learned about the needs and optimal workflow. It was also a chance to organically create the style guide for the future assets library.

TA的作品

已有7148件作品

img09

Four Spa Website

img09

Virgin Media Illustration Pack

img09

MURCIA VISUAL

MURCIA VISUAL______Murcia Visual es una revista di...

img09

The Ultimate Book of Plants and Gardens

您必须 登录 GTN9才能评论

添加表情 评论 还可以输入 200 个字符

更多评论

海中鱼

福建省  |  福州市 其它

这是一个神秘的人物,竟然一点信息都不留下,膜拜吧!

已关注 取消关注
4千万
私信
发送私信
  • 发给
  • 内容
    添加表情 发送 还可以输入 200 个字符

海中鱼

其它

关注

0

2115

1/10

Bonares Science Communication

0

0评论

批量入库

选择已有创意库

创建新创意库

描述:

新增创意库

确认采集