Point Jupiter - work for CARNET DOS - Chemistry
Application
Application

CARNET

We worked on designing and developing digital education content for Chemistry and Biology. Project involved cooperation with dozens of experts from various fields of work.

  • STRATEGY
  • USABILITY RESEARCH
  • UX AND UI DESIGN
  • DEVELOPMENT

About client

CARNET was established in 1991 as a project of the Ministry of Science and Technology in Croatia. It is the national research and education network of Croatia, and it's funded from the government budget. CARNET operates from offices in Zagreb and five other cities.

CARNET's activities can be divided into three primary areas: Internet service provision, encouragement of information society development, and education for the new era.

About project

Project is a part of the "E-Škole" initiative aimed at establishing a digital network of elementary schools and high schools throughout the Republic of Croatia.

We worked on designing and developing digital education content for Chemistry and Biology. Project involved cooperation with dozens of experts from various fields of work.

Work CARNET - Date icon

1991

The year CARNET was established

Work CARNET - Person icon

140+

Employees

Work CARNET - Educational icon

1650

Educational institutions connected through CARNET

Work CARNET - Service icon

70+

Service offers

Stats

Work CARNET - Date icon

1991

The year CARNET was established

Work CARNET - Person icon

140+

Employees

Work CARNET - Educational icon

1650

Educational institutions connected through CARNET

Work CARNET - Service icon

70+

Service offers

01.Project
goals


Big and impactful projects, like this one, come with a lot of challenges and ambitious goals.

EU FUNDS
Digiral revolution
Created with Sketch.
Interactions

02.Content
navigation


Content navigation needed to be intuitive and straightforward for every student.

Content Architecture

App screens

Level 1

Top navigation level, consist of the subject description and the list of subject modules and their corresponding description.

CARNET content architecture slide 1
Level 2

Secondary navigation level is comprised of module title, description, and module chapters with their corresponding description.

CARNET content architecture slide 2
Level 3

Third navigation level or the chapter level consists of different chapter elements.

CARNET content architecture slide 3
Chapter navigation

03.Chapter
elements


Transformation of a textbook experience into a digital platform allows for numerous innovative opportunities.

CONTENT ARCHITECTURE
Interaction example
Broken up text
Point Jupiter - Work for CARNET - pedagogy content approach
Header links

App screens

CARNET App screens, slide 1
CARNET App screens, slide 1
CARNET App screens, slide 2
CARNET App screens, slide 2
CARNET App screens, slide 3
CARNET App screens, slide 3

04.Design decisions


The design needed to follow accessibility rules and practices, but it also needed to be modern and welcoming.

Roboto font
Spacious design
Chemically blue
Biologically green

05.Development decisions


Specific content requirements of the project informed the selection of suitable tools for development.

Vue.js
MathJax
Update
Distribution mobile
Distribution tablet
Distribution desktop

06.Accessibility
features


Accessibility was the absolute imperative of the project, and we delivered.

Dyslexia font example Dyslexia
font
example

07.Authoring tool


Content creation and editing needed to be natural and straightforward. Our authoring tool delivered that experience.

Authoring tool

08.Results


Clicks don't lie. We aim for metrics that can confirm our work and guide future efforts.

25000

Students are using digital education content

7000

Teachers involved

151

Schools are in the pilot project

Services used

Web development

  • Frontend development
  • Backend development
  • Accessability
  • User research and testing

Website strategy

  • Client workshop
  • Research
  • Platform architecture

UX and UI Design

  • Information architecture
  • User experience
  • Prototyping
  • UI design

Quality assurance

  • Performance testing
  • Functionality testing

Interested in working on a project with us?

Next project

Work - Twiplomacy
Website
Website

Twiplomacy

Twiplomacy is a website that follows world leaders on social media. Would you like to know who the 5th most influential world leader on Twitter is? Twiplomacy has your answer.

  • STRATEGY
  • USABILITY RESEARCH
  • UX AND UI DESIGN
  • WEB DEVELOPMENT