DEVLOG 2: Most of this session went into turning the rough interface from my first devlog into the actual visual direction I had in mind for the project. I built out the main landing experience with a much more deliberate scientific/workstation style. The hero now introduces the main idea behind FoldCheck that a protein prediction is only the beginning of an investigation and I added an animated molecular visual with orbiting elements, a scanning effect and subtle movement to make the page feel alive without turning it into a generic science website. I also built the protein exploration section, including the search interface and example proteins, and added a section explaining the main idea behind the project. Eventually I want every interesting region to be something you can actually investigate and understand. A surprisingly large amount of time went into CSS 😭. I worked on the typography, spacing, dark interface, responsive behaviour, animations, buttons, search components and all the smaller details that make the different sections feel like one product rather than separate pieces. I also cleaned up the React structure and fixed some mismatches between my JSX and CSS that were stopping parts of the design from displaying properly. The interface is still only the shell though. The next part I’m working on is an opening cinematic that goes from the human body → cell → amino-acid sequence → folded protein → AlphaFold prediction, which should explain why FoldCheck exists before someone starts using it. After that comes the part I’m most excited about: an interactive 3D molecular viewer.