This is us!

We are Annika, Hedda and Hanna. Students of the Hochschule für Gestaltung in Schwäbisch Gmünd. As part of our Information Design course, we are developing an informative website on a topic that is significant for Europe.

This is us!

We are Annika, Hedda and Hanna. Students of the Hochschule für Gestaltung in Schwäbisch Gmünd. As part of our Information Design course, we are developing an informative website on a topic that is significant for Europe.

This is us!

We are Annika, Hedda and Hanna. Students of the Hochschule für Gestaltung in Schwäbisch Gmünd. As part of our Information Design course, we are developing an informative website on a topic that is significant for Europe.

Topic

Before we decided on a topic, we conducted research on various subjects, including “AI and our future”, “Too much meat - Alternative proteins”, “Migrants as cheap labour” and “Remote work - digitization”.


Ultimately, we settled on the topic of "Remote work - digitization." Given the significance of this topic in the context of the COVID-19 pandemic and increasing globalization, we aimed to provide an overview of its key aspects.

Topic

Before we decided on a topic, we conducted research on various subjects, including “AI and our future”, “Too much meat - Alternative proteins”, “Migrants as cheap labour” and “Remote work - digitization”.


Ultimately, we settled on the topic of "Remote work - digitization." Given the significance of this topic in the context of the COVID-19 pandemic and increasing globalization, we aimed to provide an overview of its key aspects.

Topic

Before we decided on a topic, we conducted research on various subjects, including “AI and our future”, “Too much meat - Alternative proteins”, “Migrants as cheap labour” and “Remote work - digitization”.


Ultimately, we settled on the topic of "Remote work - digitization." Given the significance of this topic in the context of the COVID-19 pandemic and increasing globalization, we aimed to provide an overview of its key aspects.

Research

During our research, we focused on the general topic of "Remote work" and specifically looked for data and information regarding the digitization of remote work in Europe. Additionally, we explored subtopics such as the impact of remote work on mental health, the emergence of remote work during the pandemic, and the broader societal implications of remote work.

Research

During our research, we focused on the general topic of "Remote work" and specifically looked for data and information regarding the digitization of remote work in Europe. Additionally, we explored subtopics such as the impact of remote work on mental health, the emergence of remote work during the pandemic, and the broader societal implications of remote work.

Research

During our research, we focused on the general topic of "Remote work" and specifically looked for data and information regarding the digitization of remote work in Europe. Additionally, we explored subtopics such as the impact of remote work on mental health, the emergence of remote work during the pandemic, and the broader societal implications of remote work.

Concept


What is it all about?

This is a website is an overview of remote work in Europe and how it can affect individuals lives and well-beings.


What specifically makes this topic interesting for you as a task?

The topic is relevant, has changed a lot in the recent years, and will probably continue to change. It has a great impact on both society and individual lives. The sources we have found are hard to understand, so there is room for improvement to make the topic feel relevant and relatable to the general public.


What types of media do already exist? Is there enough room for improvement?

We have sources from the European parliament and McKinsley & company (for example). These are statistics or complex articles and studies. Therefore, we want to make a website that is easy to skim through with visuals that are relatable for the target group.


What content will be communicated (visual mapping)?

There is a landing page with a hard fact to hook people in. The story will be told in a “choose your character” type of way. To see the introduction of the characters the user will scroll down on the page, through other information linked to remote work. The user will learn more about the characters by clicking on them on the landing page. Hence, “choosing the character”. There are three subpages, one for each character. On a characters page, you will learn more about their day-to-day situation connected to remote work. They will be in different situations, and the stories are based on data from the research material. The “facts” will be both positive and negative. This way, the user can experience and learn more about different types of remote work, and how it affects an individuals well-being. There will also be one "Summary" subpage with additional info and one "About Project".


Target groups: Who is the communication aimed at?

The target group is people who wants to learn more about remote work. This can for example be someone who wants to take the first step or changing careers, and want to know if remote work is relevant for them and their lifestyle.


What is the expected scope of the project? Which areas can be covered?

We will cover full remote work from home, a hybrid solution from a company’s perspective and a full remote digital nomad through the character pages. On the main page, there will be information regarding the general theme of remote work, and on the "Summary" page there will be more about the future and impact on cities and economies.

Concept


What is it all about?

This is a website is an overview of remote work in Europe and how it can affect individuals lives and well-beings.


What specifically makes this topic interesting for you as a task?

The topic is relevant, has changed a lot in the recent years, and will probably continue to change. It has a great impact on both society and individual lives. The sources we have found are hard to understand, so there is room for improvement to make the topic feel relevant and relatable to the general public.


What types of media do already exist? Is there enough room for improvement?

We have sources from the European parliament and McKinsley & company (for example). These are statistics or complex articles and studies. Therefore, we want to make a website that is easy to skim through with visuals that are relatable for the target group.


What content will be communicated (visual mapping)?

There is a landing page with a hard fact to hook people in. The story will be told in a “choose your character” type of way. To see the introduction of the characters the user will scroll down on the page, through other information linked to remote work. The user will learn more about the characters by clicking on them on the landing page. Hence, “choosing the character”. There are three subpages, one for each character. On a characters page, you will learn more about their day-to-day situation connected to remote work. They will be in different situations, and the stories are based on data from the research material. The “facts” will be both positive and negative. This way, the user can experience and learn more about different types of remote work, and how it affects an individuals well-being. There will also be one "Summary" subpage with additional info and one "About Project".


Target groups: Who is the communication aimed at?

The target group is people who wants to learn more about remote work. This can for example be someone who wants to take the first step or changing careers, and want to know if remote work is relevant for them and their lifestyle.


What is the expected scope of the project? Which areas can be covered?

We will cover full remote work from home, a hybrid solution from a company’s perspective and a full remote digital nomad through the character pages. On the main page, there will be information regarding the general theme of remote work, and on the "Summary" page there will be more about the future and impact on cities and economies.

Concept


What is it all about?

This is a website is an overview of remote work in Europe and how it can affect individuals lives and well-beings.


What specifically makes this topic interesting for you as a task?

The topic is relevant, has changed a lot in the recent years, and will probably continue to change. It has a great impact on both society and individual lives. The sources we have found are hard to understand, so there is room for improvement to make the topic feel relevant and relatable to the general public.


What types of media do already exist? Is there enough room for improvement?

We have sources from the European parliament and McKinsley & company (for example). These are statistics or complex articles and studies. Therefore, we want to make a website that is easy to skim through with visuals that are relatable for the target group.


What content will be communicated (visual mapping)?

There is a landing page with a hard fact to hook people in. The story will be told in a “choose your character” type of way. To see the introduction of the characters the user will scroll down on the page, through other information linked to remote work. The user will learn more about the characters by clicking on them on the landing page. Hence, “choosing the character”. There are three subpages, one for each character. On a characters page, you will learn more about their day-to-day situation connected to remote work. They will be in different situations, and the stories are based on data from the research material. The “facts” will be both positive and negative. This way, the user can experience and learn more about different types of remote work, and how it affects an individuals well-being. There will also be one "Summary" subpage with additional info and one "About Project".


Target groups: Who is the communication aimed at?

The target group is people who wants to learn more about remote work. This can for example be someone who wants to take the first step or changing careers, and want to know if remote work is relevant for them and their lifestyle.


What is the expected scope of the project? Which areas can be covered?

We will cover full remote work from home, a hybrid solution from a company’s perspective and a full remote digital nomad through the character pages. On the main page, there will be information regarding the general theme of remote work, and on the "Summary" page there will be more about the future and impact on cities and economies.

User Journey

We decided to introduce the website's topic with a "hard fact", that catch the users interest. Then there should be some general information and data about remote work.


After that the user can explore different types of work models through character stories: “The remote worker”, “The nomad” and “The hybrid”.

First we thought about telling a story about each workers. In the end we decided to add the character, which should lead the user through the story, but not include that much detail about each character story.


The quiz after the "Choose your character" section is an interactive part of the website where the user can test their knowledge of remote work. This is then followed up by four drop down lists where the user can check which character or work model that fits best with their values and interests.


The "Summary" page sums up the topic, while also bringing up other aspects like the future of remote work, urban economies and infrastructure.


User Journey

We decided to introduce the website's topic with a "hard fact", that catch the users interest. Then there should be some general information and data about remote work.


After that the user can explore different types of work models through character stories: “The remote worker”, “The nomad” and “The hybrid”.

First we thought about telling a story about each workers. In the end we decided to add the character, which should lead the user through the story, but not include that much detail about each character story.


The quiz after the "Choose your character" section is an interactive part of the website where the user can test their knowledge of remote work. This is then followed up by four drop down lists where the user can check which character or work model that fits best with their values and interests.


The "Summary" page sums up the topic, while also bringing up other aspects like the future of remote work, urban economies and infrastructure.

User Journey

We decided to introduce the website's topic with a "hard fact", that catch the users interest. Then there should be some general information and data about remote work.


After that the user can explore different types of work models through character stories: “The remote worker”, “The nomad” and “The hybrid”.

First we thought about telling a story about each workers. In the end we decided to add the character, which should lead the user through the story, but not include that much detail about each character story.


The quiz after the "Choose your character" section is an interactive part of the website where the user can test their knowledge of remote work. This is then followed up by four drop down lists where the user can check which character or work model that fits best with their values and interests.


The "Summary" page sums up the topic, while also bringing up other aspects like the future of remote work, urban economies and infrastructure.


Design Guide

Our style is colorful and playful in order to balance the complicated topic and engage the user in the facts and character stories.


h1

font 8, 100pt

h2

font 8, 64pt

h3

font 8, 40pt

Neue haas grotesk text pro bold, 20pt

h4

Text

Neue Haas Grotesk Text Pro Roman, 20pt

Typography

h1

font 8, 100pt

h2

font 8, 64pt

h3

font 8, 40pt

h4

Neue haas grotesk text pro bold, 20pt

Text

Neue Haas Grotesk Text Pro Roman, 20pt

Color

Design Guide

Our style is colorful and playful in order to balance the complicated topic and engage the user in the facts and character stories.

h1

font 8, 100pt

h2

font 8, 64pt

h3

font 8, 40pt

Neue haas grotesk text pro bold, 20pt

h4

Text

Neue Haas Grotesk Text Pro Roman, 20pt

Typography

h1

font 8, 100pt

h2

font 8, 64pt

h3

font 8, 40pt

h4

Neue haas grotesk text pro bold, 20pt

Text

Neue Haas Grotesk Text Pro Roman, 20pt

Color

Design Guide

Our style is colorful and playful in order to balance the complicated topic and engage the user in the facts and character stories.


h1

font 8, 100pt

h2

font 8, 64pt

h3

font 8, 40pt

Neue haas grotesk text pro bold, 20pt

h4

Text

Neue Haas Grotesk Text Pro Roman, 20pt

Typography

h1

font 8, 100pt

h2

font 8, 64pt

h3

font 8, 40pt

h4

Neue haas grotesk text pro bold, 20pt

Text

Neue Haas Grotesk Text Pro Roman, 20pt

Color

Infographics

The infographics incorporates a combination of doodled lines and icons. It was important for the infographics to support the content, allowing readers to visualize the numbers and facts, thus aiding in comprehension and preventing them from being forgotten too quickly.

Infographics

The infographics incorporates a combination of doodled lines and icons. It was important for the infographics to support the content, allowing readers to visualize the numbers and facts, thus aiding in comprehension and preventing them from being forgotten too quickly.

Infographics

The infographics incorporates a combination of doodled lines and icons. It was important for the infographics to support the content, allowing readers to visualize the numbers and facts, thus aiding in comprehension and preventing them from being forgotten too quickly.

Infographics

The infographics incorporates a combination of doodled lines and icons. It was important for the infographics to support the content, allowing readers to visualize the numbers and facts, thus aiding in comprehension and preventing them from being forgotten too quickly.

Infographics

The infographics incorporates a combination of doodled lines and icons. It was important for the infographics to support the content, allowing readers to visualize the numbers and facts, thus aiding in comprehension and preventing them from being forgotten too quickly.

Infographics

The infographics incorporates a combination of doodled lines and icons. It was important for the infographics to support the content, allowing readers to visualize the numbers and facts, thus aiding in comprehension and preventing them from being forgotten too quickly.

Conclusion

Conclusion

Conclusion

We're grateful to have learned a lot about web and UX/UI design. Looking back on our project, we should have prioritized learning the basics of Framer early on, so we would know it's (and our) strength and weaknesses. That way, we would also be able to focus more on the infographics, which should've been the core of the project. We've had a bit of a messy process, but we're still quite happy with the end result for the time we had at hand. We're looking forward to use our new skills and experiences in the upcoming courses.

We're grateful to have learned a lot about web and UX/UI design. Looking back on our project, we should have prioritized learning the basics of Framer early on, so we would know it's (and our) strength and weaknesses. That way, we would also be able to focus more on the infographics, which should've been the core of the project. We've had a bit of a messy process, but we're still quite happy with the end result for the time we had at hand. We're looking forward to use our new skills and experiences in the upcoming courses.