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

Visit Site View at A' Design Award Press Release Award Badge

Colors

The Design

About Talbica 인터랙티브 주기율표는

Talbica는 주기율표의 재창조입니다. 풍부한 인포그래픽과 깔끔한 타이포그래피로 각 요소별로 60개 이상의 속성이 제공됩니다. 사용자는 애니메이션 원자 모델, 분자 반경 체계, 결정 구조 및 온도 범위를 볼 수 있습니다. Heat Maps는 데이터 시각화를 위한 도구입니다. 사용자는 다채로운 그래디언트 맵으로 테이블을 따라 속성 분포를 볼 수 있습니다. 90개의 요소에 대한 고해상도 사진이 제공됩니다. 수천 개의 화합물이 3D 분자로 표현됩니다. Talbica는 또한 배경에 아름다운 공간 애니메이션이 있는 사진 모드를 제공합니다.

The Recognition

About the A' Design Award 철상

Talbica 인터랙티브 주기율표는, 이 작품은 A' Design Award 철상 수상작으로, 잘 디자인된 창작물에 기대되는 전문적·산업적 요건을 충족하는 좋은 디자인에 수여되는 권위 있는 인정입니다. 철상 수상작은 창작자의 뛰어난 기술, 높은 전문성, 전문가다운 이해, 창의적 역량을 보여 줍니다. Talbica 인터랙티브 주기율표는, 이 작품은 높이 평가받고 감탄과 사랑을 받는 창작물로서 실용적이고 혁신적일 것으로 기대됩니다. 이 철상 수상 디자인은 업계 모범 사례를 통합하며 노하우와 재능으로 연결된 유능한 기술적 특성을 갖추고 있습니다. 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