DEV Community

Cover image for # How I Redesigned the Interactive Cleva Banking Mobile App.
Abel Emmanuel
Abel Emmanuel

Posted on

# How I Redesigned the Interactive Cleva Banking Mobile App.

I made a post on LinkedIn today, 2hours ago, on the #Clevaredesignchallenge.

78 hours ago, when I was scrolling through my LinkedIn news timeline, I saw a post made by Joseph Onaolapo about his redesign, then I inboxed him to share the link to the Figma file.

Even before he shared the link, I searched LinkedIn with the challenge’s keyword, and I saw all the participants’ redesigns; however, Joseph Onaolapo stood out to me.

He shared the Figma link, and I turned the redesign User Interface (UI) into an interactive mobile application.

This is how it goes:

  • I opened the Figma file

  • Exported the icons and converted them into font icons for high performance.

  • Download Geist font family (Light, Regular, Medium & Semibold).

  • Set up & configured my SDK environment.

The challenge I faced while building it was converting the icons into font icons for high performance.

I struggled converting some icons to font-icons. Not all the icons were able to convert with iconmoon or FlutterIcon; however, I got them all converted.

Apart from icon conversion issues, nothing more.

Kudos to Joseph Onaolapo; he redesigned it and shared the Figma file.

Drive link (Android only)
https://lnkd.in/eJDWBhUx

What are your thoughts about it?

Top comments (0)