PLACEHOLDER
STUDIOS
Independent studio
Zagreb · Working everywhere
Different disciplines. Shared vision.
All projects
Academic project / Web

SATECON

A responsive presentation website for SATECON, an EU-supported academic smart-agriculture initiative associated with FER. Project goals, institutional partners, news and visual material come together in a clear, accessible digital experience.

Web designInformation architectureResponsive developmentResearch communication
SATECON — A responsive presentation website for SATECON, an EU-supported academic smart-agriculture initiative associated with FER. Project goals, institutional partners, news and visual material come together in a clear, accessible digital experience.
Project at a glance
Project type
Academic initiative · FER
Industry
Smart agriculture & research
Project scope
Responsive website · partners · news · gallery
01

The idea

A research initiative needs more than an attractive homepage. Its website must introduce the project to people who may be encountering the subject for the first time, while giving academic and institutional audiences a reliable place to follow the work. For SATECON, the idea was to translate an interdisciplinary smart-agriculture initiative into a coherent public-facing story: explain the purpose, introduce the partners and make room for activities and updates as the project develops.

02

The challenge

Academic projects bring together objectives, institutions, research topics and ongoing communication. Presenting everything at once can leave visitors unsure where to begin, especially if they are unfamiliar with smart agriculture. We needed a structure that distinguishes the project's mission from the organizations behind it and from its news, without sacrificing credibility or clarity. The same information also had to remain easy to browse on phones as well as desktop screens.

03

Our approach

We organized the experience into purposeful content areas: a welcoming landing page explaining SATECON and its goals, a dedicated overview of academic and institutional partners, and clear spaces for news, project activities and supporting visuals. Readable typography, straightforward navigation and a restrained visual hierarchy help visitors move between those subjects. Responsive layouts keep the academic presentation usable across devices without distracting from the information.

04

The delivery

The SATECON website presents the project's smart-agriculture focus, its goals and collaborating institutions, alongside sections for news, updates and visual material. The original portfolio documents a responsive frontend built with HTML, CSS and JavaScript, with emphasis on accessible structure and clear academic communication. The result is a project presentation designed to support public understanding and ongoing updates; it does not imply independently measured research impact or engagement growth.

A closer look

The decisions behind the experience.

01

The research mission comes first

A clear opening introduces the smart-agriculture initiative and its purpose before presenting more detailed information. Visitors can understand the context of the project without needing specialist knowledge or navigating through institutional terminology first.

02

Partners with a visible role

A dedicated area presents the academic and institutional collaborators as part of the project's identity. Keeping partner information separate from the general introduction helps visitors understand the collaborative nature of the initiative.

03

A structure for ongoing activity

News, announcements and supporting imagery have recognizable places within the website. This creates a practical reading path for people returning to follow project activity, without suggesting that a particular CMS or publishing workflow was implemented.

Next project

KM Tables

Your next chapter starts here

Have something in mind?

Tell us what you are imagining. We’ll work out the next step together.

We use these details to reply to your inquiry. Read our privacy policy.

Fields marked * are required.
Pricing & packages
WhatsAppOpens in a new tab