![](https://cdn.prod.website-files.com/5f3d04f1f46a83721299bd57/5f4e32db0d0a27a82b7df103_ngp_hero_img.jpg)
A prestigious gallery deserves a prestigious website
The National Gallery in Prague (NGP) is, without exaggeration, a synonym for the most highly renowned art gallery in Prague. And we designed a modern and visually appealing website with works of art as the centerpoint.
![](https://cdn.prod.website-files.com/5f3d04f1f46a83721299bd57/5f4e34696784da344fb8aedb_ngp_img_1.jpg)
challenge
The user experience on the NGP website was outdated, to put it mildly. So we had to carry out a radical modernization. To help users navigate the website faster, a complete overhaul of the information architecture and the creation of a new content management system (CMS) was necessary. Thanks to the new system, the gallery administrator can easily check the content, which can then be embedded in templates and modules designed by us.
SOLUTION
We rebuilt the website on completely new foundations. The first step was to redesign the information architecture and to embed it into a navigation system built on three pillars. That is why the new CMS was created, which allowed us to gain control and more easily manage upcoming events, exhibitions, etc. This has also improved the user experience. The visually appealing homepage inspires, provides information and helps the user discover the most interesting works of art.
![](https://cdn.prod.website-files.com/5f3d04f1f46a83721299bd57/5f4e32db5b59902a836b257e_ngp_img_2.jpg)
![](https://cdn.prod.website-files.com/5f3d04f1f46a83721299bd57/5f92ad9263cd2e8385970e50_ngp_layout_full-width.jpg)
EXHIBITIONSAND EVENTS. EDUCATIONALPROGRAMS.
ABOUTUS.
The new items in the menu point to three main reasons why people visit the NGP:
1) EXHIBITIONS AND EVENTS
includes ongoing and upcoming exhibitions and other activities
2) EDUCATIONAL PROGRAMS
lectures and discussions, creative workshops, etc.
3) ABOUT US
practical information about the gallery
COLOUR ACCOMPANIES ART
To make each of the exhibitions unique in some way, we have created an editable colour palette, with which the administrator can complement the individual works of art.
![](https://cdn.prod.website-files.com/5f3d04f1f46a83721299bd57/5f4e3ea50095c5bd6bebba16_ngp_img_5.jpg)
![](https://cdn.prod.website-files.com/5f3d04f1f46a83721299bd57/5f733d413e12c842b7ddebb9_NGP-Palette.gif)
IMMERSIVE TRANSITIONS
Leaving the homepage is accompanied by transitions for effect and a change in the layout of the visual content. One's attention shifts from the page with the work of art to more informative content full of text. In the exhibition section, the NGP logo serves an unusual function. It shows the visitor an interesting cut-out of a work of art, exhibition or exposition.
![](https://cdn.prod.website-files.com/5f3d04f1f46a83721299bd57/5f4e4142f302ea307a80cb6a_ngp_img_6.jpg)
CLEAR OVERVIEW OF EXHIBITIONS AND EVENTS
We have come up with a smart filter that shows the visitor the most popular exhibitions and events. These can then be further filtered by time and place. We have designed an asymmetric event feed to best display the works of art.
![](https://cdn.prod.website-files.com/5f3d04f1f46a83721299bd57/5f4e32da80a50823e0c21c59_ngp_img_7.jpg)
SIMPLE CONTENT MANAGEMENT
The entire site is editable through a content management system that allows administrators from the gallery's side to easily manage and upload new content. For easy content management, we have designed several design modules that can be easily assembled to create new pages.
![](https://cdn.prod.website-files.com/5f3d04f1f46a83721299bd57/5f4e32da21412330619c395f_ngp_img_8.jpg)
![](https://cdn.prod.website-files.com/5f3d04f1f46a83721299bd57/5f4e32da269716ec02127802_ngp_img_9.jpg)
![](https://cdn.prod.website-files.com/5f3d04f1f46a83721299bd57/5f4e32da4bb69463f3d589a2_ngp_img_10.jpg)
ART AT A SINGLE TOUCH
The navigation on the home page of the mobile version is similar to a feed on social networks - it becomes a stream of artistic inspiration for the user. The main goal was to stimulate interest in new exhibitions while leaving exhaustive information aside in hidden navigation.
![](https://cdn.prod.website-files.com/5f3d04f1f46a83721299bd57/5f91ac7c00a74df1d68da7ff_ngp_mobile-mockup_full-width.jpg)
![](https://cdn.prod.website-files.com/5f3d04f1f46a83721299bd57/5f4e32da946b236f6422207e_ngp_img_12.jpg)