Responsive web site for
Living History Museum
«Khutir Savky»
Living History Museum
«Khutir Savky»
ABOUT MUSEUM ::
Ukrainian Living History Museum.
Exposures matherial culture
of XVII - XX-th centuries
and lots of folklore.
Exposures matherial culture
of XVII - XX-th centuries
and lots of folklore.
MAIN PAGE ::
Key opinions, landing section
& recent news.
& recent news.
INNER PAGE ::
Fullcsreen header image,
clean typoghraphy,
«book-inspired» grid.
RESPONSIVE DESIGN ::
Perfectly displays on most screen sizes.
Based on Bootstrap grid.
FLEXIBLE STYLING ::
Wordpress theme consists of
seven different tempates.
MOBILE-FRIENDLY UI ::
Uses media queries to screen
heavy content.
Google Developers Tool ranks it
99/100 for UI/UX.
CREDITS ::
Client: Living History Musem «Khutir Savky»
Art Director & Designer: Evgen Shylov
Front-End Developer: Evgen Shylov
Photographer: Evgen Shylov
Copywriter: guess who?
PHP-Programmer: Victor Fedchenko
Illustrator: Veronika Seleznova
Logo Designer: Olena Myshanska
How do we show authentic culture
through the web medium?
Challenge:
The task was to develop clean and responsive site from the scratch. It should display right on the most devices and had rich publishing design tools.
Solution:
Research, based on previous user experience, showed, that it was difficult to find visit information and key pages have not given all necessary information. At the same time client has great amount of exciting photos and since we made site for a place we decided to put them in the center of future design.
Solution:
Research, based on previous user experience, showed, that it was difficult to find visit information and key pages have not given all necessary information. At the same time client has great amount of exciting photos and since we made site for a place we decided to put them in the center of future design.
Result:
We created clear and beautiful web site, that entertains user and tells him a story, no matter what device it display through. Google Page Speed Insights tool gives 99/100 and even 100/100 for mobile UI for key web site pages.
This is how it looks like:
