Andrew MarcusによるTalbica インタラクティブ周期表はは、ウェブサイト・ウェブデザインコンペティションカテゴリーにおける非常に権威ある2023 A' Design Award 鉄賞の優れた受賞作品です。

鉄ウェブ· 2023

Talbica インタラクティブ周期表は

デザイナー： Andrew Marcus

クライアント: Andrew Marcus

ウェブカテゴリーのA' Design Award 鉄賞受賞者

30,113

認証済み受賞者

#147631の受賞ステータスを認証

サイトを訪問 A' Design Awardで見るプレスリリース受賞バッジ

カラー

デザイン

Talbica インタラクティブ周期表はについて

タルビカは周期表の再発明です。要素ごとに 60 を超えるプロパティが豊富なインフォグラフィックときちんとしたタイポグラフィとともに提供されています。ユーザーは、アニメーション化された原子モデル、分子半径スキーム、結晶構造、温度範囲を確認できます。ヒートマップはデータを視覚化するためのツールです。ユーザーは、カラフルなグラデーションマップを使用して、テーブルに沿ってプロパティの分布を確認できます。 90 個の要素の高解像度写真が提供されます。数千の化合物が 3D 分子で表現されます。 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