1A – HEADER with insert
EU FUNDING FOR THOSE WITH
SMART IDEAS TO SHAPE THE REGION
Turn ideas into
great solutions
with cooperation
Most important
content for the current
phase / month / week
Most important
content for the current
phase / month / week
1B
Here comes the leadin to a standard,
yet beautiful article.
Standard content,
two columns.
2 – Headline for an article with excerpt on the right.
This article in 15 seconds:
The Interreg Baltic Sea Region Programme 2021-2027 supports integrated territorial development and cooperation for a more innovative, better accessible and sustainable Baltic Sea region. Partners from countries around the Baltic Sea work together in transnational projects on common key challenges and opportunities.
Find all relevant infos on how to apply within this article.
Tagline
3 – Headline for an article with optional background image.
It ensures that they are kept up to date on any developments and changes made to the structure or visuals. Visual guides also allow you to define the information hierarchy of the design.
Tagline
4 – Headline for an fancy article with image on the right.
A modern wireframe kit is designed to reduce work — so you can focus on the things that matter – structure and getting the user journey right.
Dramatic Call to action, or quote
Active pharmaceutical ingredients are found in our environment at concentrations that pose a risk to wildlife. Pharmaceuticals are used to treat humans and animals, and we cannot stop using them.
5 – “We must find applicable solutions to decrease the emissions of pharmaceuticals in the Baltic Sea region, and we need to work together.”
OVERVIEW & DOCS
The sidebar holds a snapshot of the
presented contents, a 10 seconds
read. Additionally we are itemising
all relevant downloads and deep
links.
Project_Manual.pdf
Programme_overview.pdf
TAGLINE
6 – Interreg Baltic Sea Region is for those with smart ideas to shape the region.
Our funding Programme creates an environment for cooperation among public and private players from different countries around the Baltic Sea. We help them turn great solutions into common practice to make the life of the citizens greener and full of opportunities.
Elements
In our Programme, we select the most valuable ideas of public and private players for funding.
We help them work together as if there were no borders.
In this way, we ensure that their ideas are put into practice to improve the life of all citizens around the
Baltic Sea. We collaborate in a respectful and professional manner with everyone. „Customer first“ is
our principle: We are approachable and reliable. Our procedures are transparent and predictable.
Our advice holds. We believe that we are greater together.
TAGLINE
Interreg Baltic Sea Region is
for those with smart ideas
to shape the region.
Our funding Programme creates an environment for cooperation
among public and private players from different countries around the
Baltic Sea. We help them turn great solutions into common practice
to make the life of the citizens greener and full of opportunities.
Elements
In our Programme, we select the most valuable ideas of public and private players for funding.
We help them work together as if there were no borders.
In this way, we ensure that their ideas are put into practice to improve the life of all citizens around the
Baltic Sea. We collaborate in a respectful and professional manner with everyone. „Customer first“ is
our principle: We are approachable and reliable. Our procedures are transparent and predictable.
Our advice holds. We believe that we are greater together.
OVERVIEW & DOCS
The sidebar holds a snapshot of the
presented contents, a 10 seconds
read. Additionally we are itemising
all relevant downloads and deep
links.
Project_Manual.pdf
Programme_overview.pdf
7 – Subline
User experience design includes elements of interaction design, visual design, information architecture, user research, and other disciplines, and is concerned with all facts of the overall experience delivered to users. Following is a short analysis of its constituent parts. Graphic treatment of interface elements is often perceived as the visual design.
User experience design includes elements of interaction design, visual design, information architecture, user research, and other disciplines, and is concerned with all facts of the overall experience delivered to users. Following is a short analysis of its constituent parts. Graphic treatment of interface elements is often perceived as the visual design.
Within textflow possibilities
Are endless. While designers are testing, they are testing the design and not the user. Also, every design is evolving. The designers carry out usability testing at every stage of the design process.
Subline
User experience design includes elements of interaction design, visual design, information architecture, user research, and other disciplines, and is concerned with all facts of the overall experience delivered to users. Following is a short analysis of its constituent parts. Graphic treatment of interface elements is often perceived as the visual design. U
ser experience design includes elements of interaction design, visual design, information architecture, user research, and other disciplines, and is concerned with all facts of the overall experience delivered to users. Following is a short analysis of its constituent parts. Graphic treatment of interface elements is often perceived as the visual design. information architecture, user research, and other disciplines, and is concerned with all facts of the overall experience delivered to users. Following is a short analysis of its constituent parts. Graphic treatment of interface elements is often perceived as the visual design.
information architecture, user research, and other disciplines, and is concerned with all facts of the overall experience delivered to users. Following is a short analysis of its constituent parts. Graphic treatment of interface elements is often perceived as the visual design.
information architecture, user research, and other disciplines, and is concerned with all facts of the overall experience delivered to users. Following is a short analysis of its constituent parts. Graphic treatment of interface elements is often perceived as the visual design.
information architecture, user research, and other disciplines, and is concerned with all facts of the overall experience delivered to users. Following is a short analysis of its constituent parts. Graphic treatment of interface elements is often perceived as the visual design.
12 – Additional info goes here.
Additional info goes here. Additional
info goes here.
14 - Single, yet important article
Or one items of many, forming a list. Or one items of many, forming a list. Or one items of many.
Action link >
15 – Accordion
Persona (an archetypal user for whom the product or service is being designed)
Persona (an archetypal user for whom the product or service is being designed)
Wireframes (screen blueprints or storyboards)
A website wireframe, also known as a page schematic or screen blueprint, is a visual guide that represents the skeletal framework of a website. Wireframes are created for the purpose of arranging elements to best accomplish a particular purpose. The purpose is usually being informed by a business objective and a creative idea. The wireframe depicts the page layout or arrangement of the website’s content, including interface elements and navigational systems, and how they work together.
Prototypes (for interactive or in-the-mind simulation)
A website wireframe, also known as a page schematic or screen blueprint, is a visual guide that represents the skeletal framework of a website. Wireframes are created for the purpose of arranging elements to best accomplish a particular purpose. The purpose is usually being informed by a business objective and a creative idea. The wireframe depicts the page layout or arrangement of the website’s content, including interface elements and navigational systems, and how they work together.
Written specifications (describing the behavior or design), e.g. use cases
A website wireframe, also known as a page schematic or screen blueprint, is a visual guide that represents the skeletal framework of a website. Wireframes are created for the purpose of arranging elements to best accomplish a particular purpose. The purpose is usually being informed by a business objective and a creative idea. The wireframe depicts the page layout or arrangement of the website’s content, including interface elements and navigational systems, and how they work together.
16 – Paragraph with bullet points or enumeration:
1Â Â Research
2Â Â Surveying
3Â Â Feedback and testing
4Â Â Focus group
5Â Â Interview
6Â Â Contextual user journeys
7Â Â Modeling
17 – Overview with steps, rather bold, yet nice introduction.
Collecting information about the problem
The UX designer needs to find out as much as they can about people, processes, and products before the design phase. Designers can do this by meeting with the clients or business stakeholders frequently to know what their requirements are, or by conducting interviews with users in their home or work spaces.
Getting ready to design
After research, the designer must make sense of the data they’ve collected. Typically this is done through modeling of the users and their environments. User modeling or personas are composite archetypes based on behavior patterns uncovered during research.
Design
When the designer has a firm grasp on the user’s needs and goals, they begin to sketch out the interaction framework (also known as wireframes). This stage defines the high-level structure of screen layouts, as well as the product’s flow, behavior, and organization.
18 – Gallery
Tagline
19 – Nice, attention-grabbing
element to restructure
content, make things
interesting and
read worthy again.
Visualization
- 14/21
- 21/27
Comparison exclusive ERDF.
20 – Counter & Divider
Millions
Partner
Sessions
21 – Get our storymaking app!
Produce high quality videos with your project stories, updates and pilots.
22 – Overview over article series
The skeleton plan of a website can be broken down into components: information design, navigation design, and interface design
Reducing single-use plastics and plastic consumables in primary schools VÄSTERÅS, SWEDEN
VÄSTERÅS in Sweden is a growing city with ca. 158 000 inhabitants. The city is actively working on the sustainability issues. Since 2023 there has been an Action Plan for Sustainable Use of Plastics, which states that the city must reduce its use of unnecessary...
Reduction of plastics at municipal unit Research and School Development VÄSTERÅS, SWEDEN
VÄSTERÅS in Sweden is a growing city with ca. 158 000 inhabitants. The city is actively working on the sustainability issues. Since 2023 there has been an Action Plan for Sustainable Use of Plastics, which states that the city must reduce its use of unnecessary...
Stakeholder collaboration to organise Västerås Cityfestival VÄSTERÅS, SWEDEN
VÄSTERÅS in Sweden is a growing city with ca. 158 000 inhabitants. The city is actively working on the sustainability issues. Since 2023 there has been an Action Plan for Sustainable Use of Plastics, which states that the city must reduce its use of unnecessary...
Tagline
23 – Multiple images, designed grid
24 – Hero Video
Hero video full width
A visual guide could be a wireframe, creative composition, or information architecture. A device that enables collaboration will lessen the chance of work having to be completely redone. A manager could create a visual guide for the team to complete the build-out.
25 – Rhythmic info items
Page layout is where these components come together, while wireframing is what depicts the relationship between these components
Action link >
Rhythmic info items
Page layout is where these components come together, while wireframing is what depicts the relationship between these components
Action link >
25 – Rhythmic info items
Page layout is where these components come together, while wireframing is what depicts the relationship between these components
Action link >
Rhythmic info items
Page layout is where these components come together, while wireframing is what depicts the relationship between these components
Action link >
26A – Comparison charts, like project types?
All new, project types
Type
- Information
- Next information chunk
- Information still
Type
- Information
- Next information chunk
- Information still
Type
- Information
- Next information chunk
- Information still
26B – SELF-MADE
Comparison charts, like project types?
All new, project types
 Type
 Small
✓ Information
  Next information chunk
  Information still
 Type
 Medium
✓ Information
✓ Next information chunk
  Information still
 Type
 Large
✓ Information
✓ Next information chunk
✓ Information still
✓ Information
✓ Next information chunk
✓ Information still
27 – Facts &
Figures
The Interreg Baltic Sea Region
in numbers.
Key performance indicators
Monthly visits
Support
Projects
CMS items
Online-storage
Chat history
28 – Team
Team leader programme unit
Agata Curious
Agata is responsible for coordination and management of the MA/JS Programme Unit, which includes programme management and communication.
Tel. +49 381 45484 5254
Mobile +49 163 600 5254
agata.curious@xyc.com
Team leader programme unit
Agata Curious
Agata is responsible for coordination and management of the MA/JS Programme Unit, which includes programme management and communication.
Tel. +49 381 45484 5254
Mobile +49 163 600 5254
agata.curious@xyc.com
Team leader programme unit
Agata Curious
Agata is responsible for coordination and management of the MA/JS Programme Unit, which includes programme management and communication.
Tel. +49 381 45484 5254
Mobile +49 163 600 5254
agata.curious@xyc.com
Those are the 21/27
29 – Priorities for a
century to come.
This modules could server as a jump-list to priorities in detail articles. This modules could server as a jump-list to priorities in detail articles.
30 – Three columns
Article or item/link
Subline
Information design is the presentation—placement and prioritization of information in a way that facilitates understanding. Information design is an area of user experience design, meant to display information effectively for clear communication.
Article or item/link
Subline
Information design is the presentation—placement and prioritization of information in a way that facilitates understanding. Information design is an area of user experience design, meant to display information effectively for clear communication.
Article or item/link
Subline
Information design is the presentation—placement and prioritization of information in a way that facilitates understanding. Information design is an area of user experience design, meant to display information effectively for clear communication.
31 – Divi Classic Slider Module does not provide three blog articles, just one. Plugin necessary I guess.
Reducing single-use plastics and plastic consumables in primary schools VÄSTERÅS, SWEDEN
VÄSTERÅS in Sweden is a growing city with ca. 158 000 inhabitants. The city is actively working on the sustainability issues. Since 2023 there has been an Action Plan for Sustainable Use of Plastics, which states that the city must reduce its use of unnecessary...
Reduction of plastics at municipal unit Research and School Development VÄSTERÅS, SWEDEN
VÄSTERÅS in Sweden is a growing city with ca. 158 000 inhabitants. The city is actively working on the sustainability issues. Since 2023 there has been an Action Plan for Sustainable Use of Plastics, which states that the city must reduce its use of unnecessary...
Stakeholder collaboration to organise Västerås Cityfestival VÄSTERÅS, SWEDEN
VÄSTERÅS in Sweden is a growing city with ca. 158 000 inhabitants. The city is actively working on the sustainability issues. Since 2023 there has been an Action Plan for Sustainable Use of Plastics, which states that the city must reduce its use of unnecessary...
32 – Location Name
Name
iService Advertising Agency
Name
Knoellgasse 47/Top7
1110 Wien
Contact
oo@iservice.at
0043 676 367331
33 – Image with structured content
A visual guide could be a wireframe, creative composition, or information architecture. A device that enables collaboration will lessen the chance of work having to be completely redone.
Feature one
Web design partially overlaps web engineering in the broader scope.
Feature three
Paper prototypes should be considered when the following
Feature two
The rules for displaying certain kinds of information
Feature four
The relative priorities of the information and functions
- Finland 36,6%
- Germany 27,8%
- Sweden 16,9%
34A – Statistic
elements.
A visual guide could be a wireframe, creative composition, or information architecture. A device that enables collaboration will lessen the chance of work having to be completely redone.
Statistic
elements.
A visual guide could be a wireframe, creative composition, or information architecture. A device that enables collaboration will lessen the chance of work having to be completely redone.
- Finland 36,6%
- Germany 27,8%
- Sweden 16,9%
34B – SELF-BUILD
Statistic
elements.
A visual guide could be a wireframe, creative composition, or information architecture. A device that enables collaboration will lessen the chance of work having to be completely redone.
Finland
36,6%
Germany
27,8%
Sweden
16,9%
SELF-BUILD
Statistic
elements.
A visual guide could be a wireframe, creative composition, or information architecture. A device that enables collaboration will lessen the chance of work having to be completely redone.
35 – Call to action module.
Desktop only!
A quick, yet easy call to action module.
35 – Call to action module.
Mobile only!
A quick, yet easy call to action module.
36 – Step by step process
or visual list with thumbnails.
Collecting information
The UX designer needs to find out as much as they can about people, processes, and products before the design phase.
Getting ready to design
After research, the designer must make sense of the data they’ve collected. Typically this is done through modeling of the users and their …
Design
When the designer has a firm grasp on the user’s needs and goals, they begin to sketch out the interaction framework (also known as wireframes).
Introline
37 – Two columns split
A website wireframe, also known as a page schematic or screen blueprint, is a visual guide that represents the skeletal framework of a website.
Introline
Two columns split
A website wireframe, also known as a page schematic or screen blueprint, is a visual guide that represents the skeletal framework of a website.
38 – Main areas of interest
Can serve as nice overview of the below contents to come, with for example icons to illustrate the sections, distinct contents.
It is well recognized that component
39
Reducing single-use plastics and plastic consumables in primary schools VÄSTERÅS, SWEDEN
VÄSTERÅS in Sweden is a growing city with ca. 158 000 inhabitants. The city is actively working on the sustainability issues. Since 2023 there has been an Action Plan for Sustainable Use of Plastics, which states that the city must reduce its use of unnecessary...
Reduction of plastics at municipal unit Research and School Development VÄSTERÅS, SWEDEN
VÄSTERÅS in Sweden is a growing city with ca. 158 000 inhabitants. The city is actively working on the sustainability issues. Since 2023 there has been an Action Plan for Sustainable Use of Plastics, which states that the city must reduce its use of unnecessary...
Stakeholder collaboration to organise Västerås Cityfestival VÄSTERÅS, SWEDEN
VÄSTERÅS in Sweden is a growing city with ca. 158 000 inhabitants. The city is actively working on the sustainability issues. Since 2023 there has been an Action Plan for Sustainable Use of Plastics, which states that the city must reduce its use of unnecessary...
Split Page
40 – 50% split pages serve interesting communication tasks
If accompanied by witty text.
41 – We’ve always been obsessed with collecting newsletter subscribers.
Or could be a sign-in form too…
Form headline
Already got an account?
SIGN IN
42 – Blog carousel slim
43 – Two columns description module, maybe with call to action.
A website wireframe, also known as a page schematic or screen blueprint, is a visual guide that represents the skeletal framework of a website
Label
Items with icons
First feature
In such a test, the user performs realistic tasks by interacting with the paper prototype
Second feature
In such a test, the user performs realistic tasks by interacting with the paper prototype
44 - First feature
In such a test, the user performs realistic tasks by interacting with the paper prototype
First feature
In such a test, the user performs realistic tasks by interacting with the paper prototype
First feature
In such a test, the user performs realistic tasks by interacting with the paper prototype
First feature
In such a test, the user performs realistic tasks by interacting with the paper prototype
First feature
In such a test, the user performs realistic tasks by interacting with the paper prototype
First feature
In such a test, the user performs realistic tasks by interacting with the paper prototype
45 – Quick overview model, 50/50 and rows on the right.
Community
A website wireframe, also known as a page schematic or screen blueprint, is a visual guide that represents the skeletal framework.
Possibility
Wireframes are created for the purpose of arranging elements to best accomplish a particular purpose.
Reliability
When applied to building block a website or similar work product, a Visual Guide can be an intermediate step toward.
Legacy
It ensures that they are kept up to date on any developments and changes made to the structure or visuals.
UNFINISHED 46 – (not so) Easy gallery module
Functionality is similarly unimportant, but in this case, the aesthetics are closer to the final product. Each designer’s computer prototype is tested on a single user. Functionality is similarly unimportant, but in this case, the aesthetics are closer to the final product. Each designer’s computer prototype is tested on a single user.
Functionality is similarly unimportant, but in this case, the aesthetics are closer to the final product. Each designer’s computer prototype is tested on a single user. Functionality is similarly unimportant, but in this case, the aesthetics are closer to the final product. Each designer’s computer prototype is tested on a single user.
47
Users’ first impressions typically form in 50 milliseconds. This fact reflects the visceral level of emotional design—in other words, the user’s first impression of or gut reaction to a design. If they don’t like what you show them in those critical moments, they will leave. So, visual design is a vital part of your work as a designer. Many people mistake it to mean that designers include attractive elements just to maximize an item’s appeal. Actually, you use visual design to create and organize elements to A) lead the user’s eye to an item’s functionality, and B) make the aesthetics consistent. For instance, designers compose and arrange website content around each page’s purpose and are careful to ensure that content gives off the right visual cues. The smallest and subtlest details will affect what users think and how they feel. So, you must always show them the right things in the right way. Your enemy here is user uncertainty. If your users have to stop and think about your design, they won’t trust it—or you. Therefore, a visual design should draw their attention to the important aspects and strike the balance between a fresh, powerful design and something they expect to see.
And as you might see … the white line is missing 🙂
The white line did not just appear … hmmm, disappointing
nope, no white line. VERY disappointing.
48 – Easy overview checklist
49 – Table for data dump
50 – Subheadline
UX designers’ main goal is to solve the end-users’ problems, and thus the ability to communicate
the design to stakeholders and developers is critical to the ultimate success of the design. Regarding
UX specification documents, these requirements depend on the client or the organization involved
in designing a product. The four major deliverables are: a title page, an introduction to the feature,
wireframes and a version history.
The following details the responsibilities a user experience designer may have at each phase of
a project.
- Ethnographic research
- Surveying
- Customer feedback and testing
- Focus group administration
- Non-directed interview
- Contextual interview
- Mental modeling
51 – Within textflow possibilites
Are endless. While designers are testing, they are testing the design and not the user. Also, every
design is evolving. The designers carry out usability testing at every stage of the design process.
Web Content Accessibility Guidelines 2.0 covers a wide range of recommendations for making Web content more accessible.
Following these guidelines will make content accessible to a wider range of people with disabilities, including blindness and low vision, deafness and hearing loss, learning disabilities, cognitive limitations, limited movement, speech disabilities, photosensitivity and combinations of these.