Design Updates

An interesting and vibrant project, Tea-fi, sweetens your perception of crypto. My role here involves providing support for design updates and maintaining the current versions of both the web platform and the iOS/Android app.

Correction

The project is quite complex from the perspective of modern UI/UX design and the integration of graphic design elements.

When I first received this project, I thought it would be straightforward, but it turned out to be quite a challenge for me...

The project had been prepared solely by a graphic designer, with no hints of UX and very little regard for UI. Every single element was uneven, lacking a consistent 2/4/8px grid, and in some cases, even logic was missing. As for the design system and optimization—let’s just say there was none.

Correction 2.0

A bit shocked by the state of things, I initiated a massive refactor!

• Separated the main pages into individual files for resource optimization (who knows who will work with these files after me).

• Created the first version of the design system and introduced the trend of Atomic UI.

• Adapted and standardized all elements—from spacing to typography—using the 8px grid system.

• Set up Local Variables for quick color token changes (there are 3 themes!).

  Cleaned up and organized the iconography.

It’s still a work in progress, with new challenges ahead.

Thanks

Did you like this work? Give it a like! 👍