![\"case](\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/05\/case-study-physica-magazine-tubik-design.jpg\")
<\/p>\nOur new case study unveils the project made at the crossroads of art and science: welcome to take a look at the creative process and solutions for Physica Magazine, the scientific blog wrapped in artistic, eye-catchy, and functional web design.<\/p>\n
Physica is an online scientific journal that unveils and highlights interesting news, discoveries, and research in the different fields of science, such as Physics, Maths, AI & Computer Science, Earth Science, and the like. Once in a while, it posts an issue uniting a set of articles under one theme. The articles are written by practicing scientists, but they step away from classic academic writing and get packed in the best journalistic art and storytelling traditions.<\/p>\n
The task for the tubik team was to design a blog that would arrange the content elegantly and intuitively, engage readers, and set the mood with the custom graphics.<\/p>\n
The creative team from the tubik side included Ernest Asanov, Anastasia Gurinenko, Sima Shpin’, Oleksandra Mykhalyk, Kyrylo Yerokhin, Oleksandr Petulko, and Kateryna Baikova.<\/p>\n
<\/p>\n
The primary objective behind the solution for the website design was to make it highly scannable, readable<\/a>, and easily navigated, which is crucial for resources heavily packed with text content. What’s more, it was essential to think thoroughly about the way to arrange the content so that it was easy for visitors to find it in the constantly growing base of articles. Nevertheless, at the same time, another goal was to make it look modern, elegant, engaging, and trendy so that it could stand out from the crowd and wouldn’t look boring.<\/p>\n So, the general design approach featured the following points:<\/p>\n Based on that, the color palette presenting the basis for all the web pages is a combination of clean colors with proper contrast levels: white, gray, black, and red. However, it doesn’t mean there is no room for vibrancy and shades: they also fill the pages via a massive set of custom illustrations and collages integrated into the pages where the primary colors set the solid and aesthetic canvas.<\/p>\n <\/p>\n The typographic solution for the blog is made of a combination of three typefaces covering the purposes of different text elements:<\/p>\n All website pages keep their layout within the grid based on Fibonacci Sequence. It looks and feels solid and well-structured at the same time opening various options for layout compositions that are flexible to get adapted to multiple device screens.<\/p>\n Let’s take a closer look at how the grid works for different pages. The home page sticks to a split-screen approach, where the light, airy left part of the screen presents the feed of articles and the right part is taken by the big colorful title image of the latest magazine issue. The navigation is minimalist and straightforward, with the header placing the logo and More Issues button into the top-scanned corner points<\/a> of the page and the dropdown menu with the categories in the center. Also, the side menu on the left ensures quick access to the latest issues, most-read articles, and the subscription page.<\/p>\n\n
![\"physica](\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/05\/physica-magazine-tubik-design-colors.jpg\")
<\/p>\n\n
![\"physica](\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/05\/physica-magazine-tubik-design-typography.jpg\")
<\/p>\n![\"physica](\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/05\/physica-magazine-tubik-design-typography-fonts.jpg\")
<\/p>\n![\"physica](\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/05\/physica-magazine-tubik-design-grid.jpg\")
<\/p>\n![\"physica](\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/05\/physica-magazine-tubik-design-grid-page.jpg\")
<\/p>\n