Skip to content
Talbica הטבלה המחזורית האינטראקטיבית by Andrew Marcus

Talbica הטבלה המחזורית האינטראקטיבית by Andrew Marcus is a highly esteemed winner of the very prestigious 2023 פרס הברזל של A' Design Award in עיצוב אתרים ואינטרנט Competition Category.


ברזלאינטרנט· 2023

Talbica הטבלה המחזורית האינטראקטיבית

by Andrew Marcus

Client: Andrew Marcus

פרס הברזל של A' Design Award Winner in אינטרנט Category

29,766

Verified Award Winner

Verify Award Status for #147631

Colors

The Design

About Talbica הטבלה המחזורית האינטראקטיבית

טלביקה היא המצאה מחדש של הטבלה המחזורית. יותר מ-60 נכסים מסופקים לכל אלמנט עם אינפוגרפיקה עשירה וטיפוגרפיה מסודרת. משתמשים יכולים לראות מודלים אטומיים מונפשים, ערכת רדיוס מולקולרי, מבני גביש וטווחי טמפרטורה. מפות חום הוא כלי להדמיית נתונים. משתמשים יכולים לראות התפלגות מאפיינים לאורך הטבלה עם מפות צבעוניות. תמונה ברזולוציה גבוהה מסופקת עבור 90 אלמנטים. אלפי תרכובות מיוצגות באמצעות מולקולות תלת מימדיות. Talbica כולל גם מצב צילום עם אנימציית שטח יפה על רקע.

The Recognition

About the פרס הברזל של A' Design Award

העיצוב Talbica הטבלה המחזורית האינטראקטיבית זכה בפרס הברזל של A' Design Award, הכרה יוקרתית הניתנת לעיצובים טובים שעומדים בדרישות המקצועיות והתעשייתיות הנדרשות מיצירות מעוצבות היטב. זוכי הברזל מפגינים מיומנות רבה, התמחות גבוהה, הבנה מומחית ויכולת יצירתית של יוצריהם. מהעיצוב Talbica הטבלה המחזורית האינטראקטיבית מצפים שיהיה יצירה מוערכת מאוד, מוערצת ואהובה שהיא מעשית וחדשנית. העיצוב הזה שזכה בפרס הברזל של A' Design Award משלב את השיטות הטובות ביותר בענף ויש לו מאפיינים טכניים מוכשרים הקשורים לידע מקצועי ולכישרון. העיצוב Talbica הטבלה המחזורית האינטראקטיבית זוכה לכבוד בזכות היסודיות שלו ומעוצב לספק שיפורים באיכות החיים שעוזרים להפוך את העולם למקום טוב יותר.

Behind the Design

Press Kit

Credits, team members and technical details provided by the designer.

Unique Properties
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.
Dimensions & Packaging
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.
Tags
chemistry, interface, science, visualization, data, application, website, periodic table, molecular models
Production Technology
HTML/CSS/JavaScript (jQuery). Adaptive design and layout. For iOS app I use WKWebView, for Android it's own WebView component.
Design Challenge
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.
Research
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.
Inspiration
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.
Project Duration
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.
Operation Flow
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.
Team Members
Andrew Marcus

Sponsored

Explore Beyond Designers.org

Discover products, services and opportunities from our advertising partners.

Good Design Deserves Great Recognition

The A' Design Award is an international, juried accolade for good design. Take part in the A' Design Award to get an opportunity to earn meritocratic recognition, gain fame, prestige and publicity for your work. Nominate your work for the A' Design Award and compete for the coveted A' Design Prize.

Nominate