Ir al contenido
Talbica La Tabla Periódica Interactiva de Andrew Marcus

El diseño Talbica La Tabla Periódica Interactiva de Andrew Marcus es un ganador altamente estimado del prestigioso 2023 A' Design Award de Hierro en la categoría de competición Diseño Web.


HierroWeb· 2023

Talbica La Tabla Periódica Interactiva

de Andrew Marcus

Cliente: Andrew Marcus

Ganador del A' Design Award de Hierro en la Categoría Web

30,113

Ganador de Premio Verificado

Verificar Estado del Premio para #147631

Colores

El Diseño

Acerca de Talbica La Tabla Periódica Interactiva

Talbica es una reinvención de la tabla periódica. Se proporcionan más de 60 propiedades para cada elemento con ricas infografías y una tipografía ordenada. Los usuarios pueden ver modelos atómicos animados, esquemas de radios moleculares, estructuras cristalinas y rangos de temperatura. Heat Maps es una herramienta para la visualización de datos. Los usuarios pueden ver la distribución de las propiedades a lo largo de la tabla con coloridos mapas degradados. Se proporciona una foto de alta resolución para 90 elementos. Miles de compuestos están representados con moléculas 3D. Talbica también cuenta con un modo de fotografía con una hermosa animación espacial en el fondo.

El Reconocimiento

Acerca del A' Design Award de Hierro

Talbica La Tabla Periódica Interactiva ha ganado el A' Design Award de Hierro, un reconocimiento prestigioso concedido a buenos diseños que cumplen los requisitos profesionales e industriales que se esperan de creaciones bien diseñadas. Los ganadores de Hierro demuestran gran habilidad, alta especialización, comprensión experta y capacidad creativa de sus creadores. Se espera que Talbica La Tabla Periódica Interactiva sea una creación muy apreciada, admirada y querida, práctica e innovadora. Este diseño ganador del A' Design Award de Hierro integra las mejores prácticas del sector y tiene características técnicas competentes unidas a conocimiento práctico y talento. Talbica La Tabla Periódica Interactiva es respetado por su minuciosidad y está concebido para aportar mejoras en la calidad de vida que ayudan a hacer del mundo un lugar mejor.

Detrás del Diseño

Kit de Prensa

Créditos, miembros del equipo y detalles técnicos proporcionados por el diseñador.

Propiedades Únicas
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.
Dimensiones y Embalaje
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.
Etiquetas
chemistry, interface, science, visualization, data, application, website, periodic table, molecular models
Tecnología de Producción
HTML/CSS/JavaScript (jQuery). Adaptive design and layout. For iOS app I use WKWebView, for Android it's own WebView component.
Desafío de Diseño
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.
Investigación
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.
Inspiración
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.
Duración del Proyecto
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.
Flujo de Operación
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.
Miembros del Equipo
Andrew Marcus

Patrocinado

Explora Más Allá de Designers.org

Descubre productos, servicios y oportunidades de nuestros socios publicitarios.

El Buen Diseño Merece un Gran Reconocimiento

El A' Design Award es un galardón internacional con jurado para el buen diseño. Participa en el A' Design Award para tener la oportunidad de obtener reconocimiento meritocrático, ganar fama, prestigio y publicidad para tu trabajo. Nomina tu trabajo para el A' Design Award y compite por el codiciado A' Design Prize.

Nominar