Klosit
An Online-to-Offline (O2O) storage platform concept designed to bridge physical logistics with digital management.
The Problem
Context
Klosit was a new startup aiming to enter the physical storage market using an O2O model.
Pain Points
The business required a system that could handle two very different needs simultaneously: high-gloss marketing to build trust in a new brand, and complex logic to manage physical inventory and logistics on the backend.
The Gap
A standard website builder couldn't handle the logistics, but a pure custom app would make marketing content updates too difficult for the non-technical team.
Constraints & Considerations
- Time — The entire project had to be completed in 3 months.
- Branding — Partnered with an external agency (Indicube) for branding; the technical implementation had to strictly adhere to their high-end design requirements (specific fonts, spacing, sizing).
- Maintenance — The marketing team needed full autonomy to update content without touching the application code.
Approach & Execution
The solution was a hybrid architecture that separated marketing concerns from application logic, while maintaining a seamless visual experience for users.
Hybrid Architecture (The "2-Pronged" Approach)
Marketing: Used WordPress for the landing and information pages to allow easy content management by the marketing team.
Application: Used CodeIgniter (PHP/MySQL) for the user signup, purchasing, and inventory management logic.
Integration: Designed the frontend templates (HTML/CSS) to be identical across both platforms, ensuring a seamless visual transition for the user moving from "Marketing" to "App."
Code Reuse Strategy
Built the Customer App and Admin Backend on the same codebase. Utilized User Roles to determine which interface loaded. This drastically reduced development time ("2 birds with 1 stone") by sharing core logic while serving different frontend templates.
Outcome & Impact
Speed to Market
Successfully delivered the full ecosystem (Marketing Site + User App + Admin Panel) within the 3-month deadline.
User Experience
Achieved a seamless navigation experience; users could not visually distinguish between the WordPress marketing pages and the CodeIgniter application pages.
Efficiency
The shared codebase for the App and Admin panel streamlined deployment and simplified future maintenance.
