Flutter UX Challenge: Complex Footer On Web

Why do this? Because the ultimate test of whether I get design and flutter or not is to transform GSkinner’s own

Folio website into a Flutter version with some new design polish tweaking surpassing GSkinner’s own design! Not to mention is somewhat a feather in my cap to out-design GSkinner!

So, this is one of the UX challenges of reproducing an approximation of the GSkinner Folio website. Let’s get started.

GSkinner’s Folio Footer UX

This is what GSkinner’s Folio footer looks like:

Currently, as of Jan 30, 2023 there is no animation in the footer. But notice that there is some special alignment

of the far right copyright notice. And on small mobile it collapses to 3 columns from four columns on desktop.

Normally, it’s almost impossible to get that alignment on flutter using SDK components. But hey, I am not normal and do not color in the lines anyway. So I am going to modularize the footer so that I can add some extra spin to it in animation and adapt it to using the Boxy MultiChildLayout powered way of doing things with the Boxy…