WEBSITE FOR CONTEMPORARY ART MUSUEM
My role
UX/UI Design
Prototyping
Tools
Figma
Adobe After Effects
Duration
May-June 2024
My role
UX/UI Design
Prototyping
Tools
Figma
Adobe After Effects
Duration
May-June 2024
It was a student project for Product Design classes. I wanted to revamp the website of contemporary art gallery based in Wrocław, as it was hard to navigate and didn't envoke the spirit of this place.
Create engaging digital presence for brand that corresponds to the idea of exploring contemporary art. Enable users to quickly find crucial information and plan their visit to the gallery.
Homepage
Res 1440px
Artists listing animation
Shop
Res 1440px
Items listing
Exhibition page
Res 1440px
Reveal animation
Homepage
Res 1440px
Artists listing animation
Shop
Res 1440px
Items listing
Exhibition
Res 1440px
Reveal animation
Didot
Font size: 80 - 24 px
Font weight: Bold, Regular
Aileron
Font size: 64 - 16 px
Font weight: Bold, Semi bold, Regular
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Main
Aa
#0E0E0E
Body
Aa
#272727
Details
Aa
#676767
Background
Aa
#F7F3F1
Accent
Aa
#B91465
On accent
Aa
#FFE0EF
Secondary
Aa
#DDDBE2
On secondary
Aa
#211344
Combination of serif and modern sans-serif type reflects sophistication of art and contemporary design. Color palette is both elegant and strikes attention.
Content on homepage focuses on highlighting mission of the gallery and serving crucial information to visitors at the first glance. Hierarchy of the content is based on the results of online survey conducted over 20 participants.
Working on this project I tried to make each section unique to create the feeling of exploring art gallery as you scroll the page. My biggest concern was to combine complex layouts with maintaining ease of communication.
Microinteractions on website aim to make the whole experience more engaging and enhance brand recognition among consumers. In the long run it can be extended to motion branding for company across different platforms. I took into consideration WCAG recommendations while combining colors.
Contact me to today to learn more about my experience and how I can add value to your business.
Contact me to hear more about the details of this project.
02
Enhancing the user experience of the old-fashioned website
Reducing the time people spend waiting to order products