Jelly Unroll for The Faraday Institution
Project Brief
In the fast-moving area of lithium ion batteries, comprehension of core concepts is essential for effective industrial collaboration. However, there is a lack of resources available that would serve as a device to communicate the basics.
Role
IÂ carried out desk and user research, highlighting three potential client types. After, I collected data for recent general properties, and performed calculations to lay foundations for SQL database. Using Adobe XD I carried out prototyping, and built the final widget using JS, HTML and CSS.
Data Processing
Main widget function is to portray the changes that occur due to the manipulation of cathode thickness. This involves the value-dependent calculation of material composition, derived from cathode chemistry-specific properties. Specific energy and specific capacity are updated to reflect the thickness variation as well. The SQL database is constructed in a way that allows for extension of widget capabilities in the future, for instance inclusion of anode selection.
Widget Prototyping and Development
To avoid overcrowding, the iteration chosen includes the possibility to minimize most menus and elements, giving the user the ability to customize content. The widget is built to handle multiple unique clients simultaneously; in the future this can be used to remember presets. The visual elements are created using HTML and CSS, while the backend is completed with JavaScript.
Final Concept
The Faraday Institution links academia and industry, and this widget will enhance them by providing stronger interactive battery basics explanations.
​
Functionalities:
Changing of cathode thickness, resulting in changes in data presented - general properties as well as the material composition.
Information on size and material composition of each layer, available upon clicking to minimize screen crowding.
Graphical display of the mass fraction of each element through a pie chart, which adapts to change of the cathode thickness.