Work

About

Contact

Case Study

Resonances

Resonances needed a living platform where science and art collide. This project was about merging a community forum and an exhibition space into one intuitive, beautifully branded experience.

Information architecture, visual design, digital rebranding.

Anders brand wordmark in white placed on top of an image of a modern interior design.

THE CHALLENGE

-

Resonances is an art and science exhibition organised by the European Commission.

The intention behind the website was not only to provide a dedicated space for the exhibition but also to build a community where scientists and artists could engage in discussions around the annual theme and collaborate on creating new works. Currently, SciArt members interact through a forum, while the exhibition has a separate showcase website. The goal was to merge these two elements into a cohesive and visually appealing design that would attract artists, designers, and the scientific community alike.

Stationery design of letterhead and business cards for the company Anders on top of a blurred photo of a house interior.
Graphic depicting a hexagonal cropped photo of an interior room design with grid lines along its borders.
Graphic of a typography specimen showing the alphabet and numerals on top of a dark gray background.

MY ROLE

-

As the main designer on the project, I had a hand in both UX and UI. I defined the information architecture and sitemap, mapped user journeys with the help of a colleague, created wireframes to shape the overall experience and built interacting prototypes. On the visual side, I established the interface design in line with the client’s brand guidelines, developing a consistent visual language through typography, color, and layout.

THE PROPOSITION

-

Understanding the website’s structure, purpose, and content was a key priority at the start of the project. Much of the initial phase was dedicated to mapping user journeys and building a clear site architecture. Once the sitemap was defined, I moved on to wireframing and UI design.

​

The final website included both a public-facing section and a private area with five levels of user access: ordinary users, Resonances participants, moderators, and admins.

​

The public section introduced the organisation and exhibition concept, showcased artworks along with their creative processes, and featured detailed bio pages for participating scientists and artists. It also included in-depth articles on topics relevant to the community, many of which allowed comments to foster engagement and dialogue.

Stationery design of letterhead and business cards for the company Anders on top of a blurred photo of a house interior.
Stationery design of letterhead and business cards for the company Anders on top of a blurred photo of a house interior.

UI DESIGN

-

For the website’s visual direction, I opted for a minimalist black-and-white colour scheme, enhanced by subtle red and green accents. This palette provided a neutral backdrop that felt elegant and contemporary, while the accent colours were used strategically to highlight key elements and guide user attention. The images featured on the site consisted exclusively of artworks created by Resonances participants, which not only aligned with the desired aesthetic, but also offered visibility to the artists and scientists behind each piece.

Graphic of a close up of a website depicting an Our Projects page with sample project names and dates.
Graphic depicting a color palette of Stone Brown, Dark Navy, Beige, and Cream White along with corresponding hex color codes.
Graphic depicting UI-styled buttons with different categories of interior design items on top of an image of a modern interior living room.
Graphic depicting UI-styled buttons with different categories of interior design items on top of an image of a modern interior living room.
Graphic depicting UI-styled buttons with different categories of interior design items on top of an image of a modern interior living room.

THANKS FOR WATCHING

-

Icons

Other Projects

Graphic depicting a mountain peak at sunset cropped in a circle with the words RANGE CRAZY above and below.

SEE PROJECT

Emblem design for Madame FC depicting an M monogram in a circle with the words "Madame FC EST. 2003" inside on top of a background image of a soccer stadium.

SEE PROJECT

Emblem design for Madame FC depicting an M monogram in a circle with the words "Madame FC EST. 2003" inside on top of a background image of a soccer stadium.

SEE PROJECT

Arrow

Let me give you some info about me.

ABOUT

Arrow

@

SOCIAL

Instagram

Behance

LinkedIn

@

Case Study

Resonances

Resonances needed a living platform where science and art collide. This project was about merging a community forum and an exhibition space into one intuitive, beautifully branded experience.

Information architecture, visual design, digital rebranding.

Anders brand wordmark in white placed on top of an image of a modern interior design.

THE CHALLENGE

-

Resonances is an art and science exhibition organised by the European Commission.

The intention behind the website was not only to provide a dedicated space for the exhibition but also to build a community where scientists and artists could engage in discussions around the annual theme and collaborate on creating new works. Currently, SciArt members interact through a forum, while the exhibition has a separate showcase website. The goal was to merge these two elements into a cohesive and visually appealing design that would attract artists, designers, and the scientific community alike.

Stationery design of letterhead and business cards for the company Anders on top of a blurred photo of a house interior.
Graphic depicting a hexagonal cropped photo of an interior room design with grid lines along its borders.
Graphic of a typography specimen showing the alphabet and numerals on top of a dark gray background.

MY ROLE

-

As the main designer on the project, I had a hand in both UX and UI. I defined the information architecture and sitemap, mapped user journeys with the help of a colleague, created wireframes to shape the overall experience and built interacting prototypes. On the visual side, I established the interface design in line with the client’s brand guidelines, developing a consistent visual language through typography, color, and layout.

THE PROPOSITION

-

Understanding the website’s structure, purpose, and content was a key priority at the start of the project. Much of the initial phase was dedicated to mapping user journeys and building a clear site architecture. Once the sitemap was defined, I moved on to wireframing and UI design.

​

The final website included both a public-facing section and a private area with five levels of user access: ordinary users, Resonances participants, moderators, and admins.

​

The public section introduced the organisation and exhibition concept, showcased artworks along with their creative processes, and featured detailed bio pages for participating scientists and artists. It also included in-depth articles on topics relevant to the community, many of which allowed comments to foster engagement and dialogue.

Stationery design of letterhead and business cards for the company Anders on top of a blurred photo of a house interior.
Stationery design of letterhead and business cards for the company Anders on top of a blurred photo of a house interior.

UI DESIGN

-

For the website’s visual direction, I opted for a minimalist black-and-white colour scheme, enhanced by subtle red and green accents. This palette provided a neutral backdrop that felt elegant and contemporary, while the accent colours were used strategically to highlight key elements and guide user attention. The images featured on the site consisted exclusively of artworks created by Resonances participants, which not only aligned with the desired aesthetic, but also offered visibility to the artists and scientists behind each piece.

Graphic of a close up of a website depicting an Our Projects page with sample project names and dates.
Graphic depicting a color palette of Stone Brown, Dark Navy, Beige, and Cream White along with corresponding hex color codes.
Graphic depicting UI-styled buttons with different categories of interior design items on top of an image of a modern interior living room.
Graphic depicting UI-styled buttons with different categories of interior design items on top of an image of a modern interior living room.
Graphic depicting UI-styled buttons with different categories of interior design items on top of an image of a modern interior living room.

THANKS FOR WATCHING

-

Icons

Other Projects

Graphic depicting a mountain peak at sunset cropped in a circle with the words RANGE CRAZY above and below.

SEE PROJECT

Emblem design for Madame FC depicting an M monogram in a circle with the words "Madame FC EST. 2003" inside on top of a background image of a soccer stadium.

SEE PROJECT

Emblem design for Madame FC depicting an M monogram in a circle with the words "Madame FC EST. 2003" inside on top of a background image of a soccer stadium.

SEE PROJECT

Arrow

Let me give you some info about me.

ABOUT

Arrow

@

SOCIAL

Instagram

Behance

LinkedIn

@

Case Study

Resonances

Resonances needed a living platform where science and art collide. This project was about merging a community forum and an exhibition space into one intuitive, beautifully branded experience.

Information architecture, visual design, digital rebranding.

Anders brand wordmark in white placed on top of an image of a modern interior design.

THE CHALLENGE

-

Resonances is an art and science exhibition organised by the European Commission.

The intention behind the website was not only to provide a dedicated space for the exhibition but also to build a community where scientists and artists could engage in discussions around the annual theme and collaborate on creating new works. Currently, SciArt members interact through a forum, while the exhibition has a separate showcase website. The goal was to merge these two elements into a cohesive and visually appealing design that would attract artists, designers, and the scientific community alike.

Stationery design of letterhead and business cards for the company Anders on top of a blurred photo of a house interior.
Graphic depicting a hexagonal cropped photo of an interior room design with grid lines along its borders.
Graphic of a typography specimen showing the alphabet and numerals on top of a dark gray background.

MY ROLE

-

As the main designer on the project, I had a hand in both UX and UI. I defined the information architecture and sitemap, mapped user journeys with the help of a colleague, created wireframes to shape the overall experience and built interacting prototypes. On the visual side, I established the interface design in line with the client’s brand guidelines, developing a consistent visual language through typography, color, and layout.

THE PROPOSITION

-

Understanding the website’s structure, purpose, and content was a key priority at the start of the project. Much of the initial phase was dedicated to mapping user journeys and building a clear site architecture. Once the sitemap was defined, I moved on to wireframing and UI design.

​

The final website included both a public-facing section and a private area with five levels of user access: ordinary users, Resonances participants, moderators, and admins.

​

The public section introduced the organisation and exhibition concept, showcased artworks along with their creative processes, and featured detailed bio pages for participating scientists and artists. It also included in-depth articles on topics relevant to the community, many of which allowed comments to foster engagement and dialogue.

Stationery design of letterhead and business cards for the company Anders on top of a blurred photo of a house interior.
Stationery design of letterhead and business cards for the company Anders on top of a blurred photo of a house interior.

UI DESIGN

-

For the website’s visual direction, I opted for a minimalist black-and-white colour scheme, enhanced by subtle red and green accents. This palette provided a neutral backdrop that felt elegant and contemporary, while the accent colours were used strategically to highlight key elements and guide user attention. The images featured on the site consisted exclusively of artworks created by Resonances participants, which not only aligned with the desired aesthetic, but also offered visibility to the artists and scientists behind each piece.

Graphic of a close up of a website depicting an Our Projects page with sample project names and dates.
Graphic depicting a color palette of Stone Brown, Dark Navy, Beige, and Cream White along with corresponding hex color codes.
Graphic depicting UI-styled buttons with different categories of interior design items on top of an image of a modern interior living room.
Graphic depicting UI-styled buttons with different categories of interior design items on top of an image of a modern interior living room.
Graphic depicting UI-styled buttons with different categories of interior design items on top of an image of a modern interior living room.

THANKS FOR WATCHING

-

Icons

Other Projects

Graphic depicting a mountain peak at sunset cropped in a circle with the words RANGE CRAZY above and below.

SEE PROJECT

Emblem design for Madame FC depicting an M monogram in a circle with the words "Madame FC EST. 2003" inside on top of a background image of a soccer stadium.

SEE PROJECT

Emblem design for Madame FC depicting an M monogram in a circle with the words "Madame FC EST. 2003" inside on top of a background image of a soccer stadium.

SEE PROJECT

Arrow

Let me give you some info about me.

ABOUT

Arrow

@

CONTACT

lspng@proton.me

SOCIAL

Instagram

Behance

LinkedIn