Talbica Tavola Periodica Interattiva di Andrew Marcus

Il progetto Talbica Tavola Periodica Interattiva di Andrew Marcus è un vincitore molto stimato del prestigioso 2023 A' Design Award di Ferro nella categoria Design di Siti Web.

FerroWeb· 2023

Talbica Tavola Periodica Interattiva

di Andrew Marcus

Cliente: Andrew Marcus

Vincitore del premio A' Design Award di Ferro nella categoria Web

29,766

Vincitore del Premio Verificato

Verifica lo Stato del Premio per #147631

Visita il sito Vedi su A' Design Award Comunicato stampa Badge del premio

Colori

Il Design

Informazioni su Talbica Tavola Periodica Interattiva

Talbica è una reinvenzione della tavola periodica. Per ogni elemento vengono fornite più di 60 proprietà con ricche infografiche e tipografia ordinata. Gli utenti possono vedere modelli atomici animati, schema del raggio molecolare, strutture cristalline e intervalli di temperatura. Heat Maps è uno strumento per la visualizzazione dei dati. Gli utenti possono vedere la distribuzione delle proprietà lungo il tavolo con mappe sfumate colorate. Viene fornita una foto ad alta risoluzione per 90 elementi. Migliaia di composti sono rappresentati con molecole 3D. Talbica dispone anche di una modalità foto con una bellissima animazione spaziale sullo sfondo.

Il Riconoscimento

Informazioni sul A' Design Award di Ferro

Talbica Tavola Periodica Interattiva ha vinto l'A' Design Award di Ferro, un riconoscimento prestigioso conferito a buoni design che soddisfano i requisiti professionali e industriali attesi da creazioni ben progettate. I vincitori di Ferro dimostrano la grande abilità, l'elevata specializzazione, la comprensione esperta e la capacità creativa dei loro creatori. Ci si aspetta che Talbica Tavola Periodica Interattiva sia una creazione molto apprezzata, ammirata e amata, pratica e innovativa. Questo design vincitore dell'A' Design Award di Ferro integra le migliori pratiche del settore e ha caratteristiche tecniche competenti legate a know-how e talento. Talbica Tavola Periodica Interattiva è rispettato per la sua accuratezza ed è progettato per offrire miglioramenti della qualità della vita che aiutano a rendere il mondo un posto migliore.

Dietro il Design

Press Kit

Crediti, membri del team e dettagli tecnici forniti dal designer.

Proprietà Uniche: 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.
Dimensioni e Confezionamento: 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.
Tag: chemistry, interface, science, visualization, data, application, website, periodic table, molecular models
Tecnologia di Produzione: HTML/CSS/JavaScript (jQuery). Adaptive design and layout. For iOS app I use WKWebView, for Android it's own WebView component.
Sfida Progettuale: 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.
Ricerca: 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.
Ispirazione: 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.
Durata del Progetto: 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.
Flusso Operativo: 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.
Membri del Team: Andrew Marcus