Talbica Интерактивная Периодическая Таблица — Andrew Marcus

Работа Talbica Интерактивная Периодическая Таблица дизайнера Andrew Marcus является высоко ценимым лауреатом престижной премии 2023 Железная премия A' Design Award в конкурсной категории Веб-дизайн и дизайн сайтов.

ЖелезнаяВеб· 2023

Talbica Интерактивная Периодическая Таблица

Автор: Andrew Marcus

Клиент: Andrew Marcus

Лауреат премии Железная премия A' Design Award в категории Веб

30,113

Подтверждённый лауреат

Проверить статус награды для #147631

Посетить сайт Смотреть на A' Design Award Пресс-релиз Значок награды

Цвета

Дизайн

О дизайне Talbica Интерактивная Периодическая Таблица

Talbica — это переосмысление Периодической таблицы. Для каждого элемента предусмотрено более 60 свойств с богатой инфографикой и аккуратной типографикой. Пользователи могут видеть анимированные модели атомов, схему молекулярного радиуса, кристаллические структуры и температурные диапазоны. Тепловые карты — это инструмент для визуализации данных. Пользователи могут видеть распределение свойств по таблице с красочными картами градиента. Фотография высокого разрешения предоставляется для 90 элементов. Тысячи соединений представлены трехмерными молекулами. В Talbica также есть фоторежим с красивой космической анимацией на фоне.

Признание

О награде Железная премия A' Design Award

Talbica Интерактивная Периодическая Таблица — лауреат Железной премии A' Design Award, престижного признания, присуждаемого хорошим проектам, которые отвечают профессиональным и промышленным требованиям, ожидаемым от хорошо продуманных творений. Обладатели Железной премии демонстрируют большое мастерство, высокую специализацию, экспертное понимание и творческие способности их авторов. Ожидается, что Talbica Интерактивная Периодическая Таблица станет высокоценимым, вызывающим восхищение и дорогим сердцу творением, практичным и инновационным. Этот проект, получивший Железную премию A' Design Award, интегрирует лучшие отраслевые практики и обладает компетентными техническими характеристиками, сочетающимися с ноу-хау и талантом. Благодаря основательности Talbica Интерактивная Периодическая Таблица заслуживает уважения и создан для того, чтобы улучшать качество жизни, помогая сделать мир лучше.

За кулисами дизайна

Пресс-кит

Авторы, участники команды и технические детали, предоставленные дизайнером.

Уникальные свойства: Interactive chemistry website. Built around the Periodic table, which provides dozens of chemical properties for elements. Click on element opens its card with data, infographics, atomic model. Almost 90 hi-res photos purchased for elements, the biggest collection. Heat Maps visualize property data across the table with vivid gradient of colors. With Smart Field, users can search for compounds and solve reactions. Click through suggestions under the search field to explore 3D models and more.
Размеры и упаковка: I am the designer and the developer myself. The project is built with simple tools like jQuery. I developed my own parsers on node.js to grab elements data from open source chemistry websites. This is a cross-platform software. I enwrap this website into WebView component for iOS and Android apps with some optimizations.
Теги: chemistry, interface, science, visualization, data, application, website, periodic table, molecular models
Технология производства: HTML/CSS/JavaScript (jQuery). Adaptive design and layout. For iOS app I use WKWebView, for Android it's own WebView component.
Дизайнерская задача: The hardest part was to find and prepare the database of compounds and reactions. The first one I got from an open source PubChem. 3D models of compounds I got from there also. What about the reactions, there were no database at all! I was about to digitize the printed reference book manually, but luckily found a god-forgotten website with electronic database. Then I spent a month transferring and fixing all this data.
Исследование: I decided to try once again to reintroduce my project when I studied UX/UI Research and Design course in Michigan University. I made this project my graduation work. I started with UX Research and investigated rivals on market. Their weaknesses were in design and poor data structure. As a result, I graduated with A grade and the project in beta version. Then I showed it to my friend who is a chemist. He advised me to include a reactions reference into the project, and this has revolutionized the project. There's almost no services that provide this feature.
Вдохновение: I invented it in school when my favorite subject was chemistry. Parents bought me my first computer and I started learning design and programming. I decided to combine computers and chemistry. Chemistry is a paradise for designers. Periodic table is a piece of data art. Element properties can be visualized across periods, molecules have 3D models, atoms are rotating, and hi-res photos of rare elements are amazing. This is version 3 of my project, released since 15 years after v2.
Продолжительность проекта: The 1st version started when I was in school, in 2002. The 2nd version was released in 2004. These were Windows applications. This 3rd version had been a dream long until 2019, when I released it as a website. The current version is 3.5, has so many improvements and features and was released in December 2022.
Рабочий процесс: This is a tool for school and university students who study chemistry. It also suitable for some laboratory workers, as it has a built-in database of chemical reactions and can be used as a reference. It exists in the form of website and mobile applications. Click on an element opens its information card. To search for reactions and compounds users must type chemical formulas with keyboard.
Участники команды: Andrew Marcus