Rinat Voligamsi's website design and development

idea

Good

He requires a new bilingual website to effectively display his art and connect with a global audience. The website will be designed to seamlessly support both English and Russian languages, providing a user-friendly experience for visitors from different linguistic backgrounds.

Overview

Rinat Voligamsi is an influential artist whose work continues to resonate in the art world. His unique artistic style leaves a lasting impact on viewers.

Project duration:
May 16, 2023 to June 3, 2023

With a bilingual website, Rinat Voligamsi can expand his reach and engage art enthusiasts in multiple countries, fostering cross-cultural appreciation for his work.

My role:
Web design and development

1

A lack of comprehensive information about the artwork. If the website fails to provide detailed descriptions, it may leave users wanting more context and understanding about the pieces they are viewing.

Limited Artwork Information:

Without such interactive elements, users may feel disconnected and miss out on opportunities to connect with other art enthusiasts.

Pain

2

3

A visually appealing and high-quality presentation of the artwork is essential for a satisfying user experience.

points

Limited Interaction and Engagement

Inadequate Visual Representation

Prototypes

Site map

Simple and intuitive. Navigate effortlessly through our website and find what you need with ease.

Ursa

Major

Identity

Home page

Developing the artist's brand identity by incorporating the fonts used in his most renowned works and his signature.

Choosing the right hero image that reflects Rinat Voligamsi's art and considering language separation.

Art

Fine

Books

Stylizing attempt

Attempt to stylize the catalog as book spines.

the work catalogue to resemble old newspapers.

Thought

provoking

UX and design study

Although the client gave me carte blanche to design freely, I frequently communicate with him to ensure that all ideas are checked before finalizing and polishing them.

Findings

Keep main page structure with hero image as simple as posible

Ad micro animation to pages. These subtle animated elements bring life to the user experience, capturing attention and enhancing engagement.

1

To use the artist's logo at the header and his signature at the footer.

Scrolling mode is preferred for displaying multiple paintings from each album due to its enhanced user experience, seamless exploration, visual context, and mobile friendliness.

3

2

4

Scroll menu keeps one picture in sight, maintaining viewer attention, with a zoom-in option available.

In the mobile version, I implemented a compact and convenient sandwich menu to enhance navigation.

Rinat

Voligamsi

Refining the design

Press ⊕ tooltip
to read description

Figma-designed
Tilda-built
28 pages
Z-block layouts
Custom animation
Completed in 2 weeks.

The Aero Matics Stencil font for the logo resembles the font used in Rinat Voligamsi's famous paintings such as "Warehouses," "Train Cars," and "Snow."

Curiosity about life in all its aspects, I think, is still the secret of great creative people.

Compact and convenient header menu displays works in chronological order for seamless navigation. Multilingual options enhance accessibility.

The custom animation of a soldier's cigarette blinking creates a hypnotic effect and leaves a lasting impression on the observer.

The painter's signature has been added at the footer, providing a personal touch to the website design.

Micro animations were added, as requested by Rinat Voligamsi, to create a captivating "blinking faraway house windows in darkness" effect.

Enjoy Rinat Voligamsi's captivating paintings at voligamsi.com

Rinat

Voligamsi

Refining the design

Press ⊕ tooltip
to read description

Figma-designed
Tilda-built
28 pages
Z-block layouts
Custom animation
Completed in 2 weeks.