Rafi Hastama - Frontend Developer

Background

Visiku is a securities crowdfunding platform that connects micro, small, and medium enterprises (UMKM) with investors. Operated by PT Amantra Investama Indodana, Visiku facilitates funding solutions for UMKM, enabling them to expand and develop their businesses. Through this platform, businesses can offer securities such as shares or debt instruments to potential investors, who in return gain ownership in the form of shares or bonds.

Core Problem

There were some shortcomings in the previous version impacted the effectiveness from front end perspective:

Complexity: Website still built in a fullstack way

User Flow: Difficult onboarding due to lack of clarity in website explanation

Flexibility: Built with Bootstrap, which made it hard to customize freely

Performance: Slow loading times due to Framework heavier backend structure

Maintainability: Maintenance was difficult because everything was tightly coupled in a fullstack approach

Goals

To address the identified problems, several key goals were established to guide the redesign and development process:

Improve Customization Flexibility: Transition from Bootstrap to Tailwind CSS to enable more efficient and scalable design customization

Enhance Website Performance: Rebuild the front end using Next.js, a lightweight and modern React-based framework optimized for performance and scalability

Simplify Maintenance: By separating the front end from the back end, maintenance has become significantly easier. Eachpart can now be updated independently, reducing complexity and improving long term scalability

Adopt a Front End Focused Architecture: Shift to a more modular, front-end driven approach to improve development speed and collaboration between teams

Result

The redesign and restructuring of the website led to several impactful improvements:

Flexible Customization with Tailwind CSS: Switching to Tailwind CSS has allowed for faster and more precise implementation of UI/UX designs, thanks to its utility-first and highly customizable nature

Better Performance and Stability: Build front-end architecture with Next.js, the website now delivers a more stable and responsive experience for users

Improved Maintainability: With the front-end now fully decoupled from the back-end, maintaining and updating the website has become significantly easier and more efficient.