Adriver was a commercial ad listing platform developed as a product for marketplace distribution. The goal was to deliver a ready-to-use, modern UI system that could support classified listings, product details, and content pages with a scalable frontend structure.
I joined during the later stage of development and focused on assembling and refining the UI into complete, functional user flows.
Overview
The platform was designed as a multi-page ad listing system including browsing, product detail views, and content sections such as blogs. The project required consistency across many UI components while maintaining flexibility for future expansion.
Tech Stack
- Vue
- Tailwind CSS
- Vite
Responsibilities
UI Integration & Page Development
- Assembled prebuilt UI components into fully structured pages
- Developed key product pages including:
- Listing page
- Product details page
- Blog page
Product Demo Preparation
- Connected UI sections into working user flows for the product demo
- Ensured navigation and layout consistency across pages
- Helped finalize the UI for marketplace presentation
Component Logic & Interactivity
- Implemented event handling and conditional rendering for dynamic UI sections
- Structured component usage to avoid duplication while keeping flexibility
Challenges
- Working with Figma designs that had inconsistencies and measurement issues
- Adjusting layouts while keeping the overall design visually consistent
- Ensuring newly built pages matched the design system used across the product
Solutions & Approach
- Made practical UI adjustments where design values conflicted with real layout behavior
- Focused on maintaining visual consistency rather than blindly copying flawed measurements
- Followed scalable folder and component organization patterns to support product growth
Key Learnings
- How commercial frontend products are structured for reuse and scalability
- Organizing large UI systems in a maintainable way
- Handling dynamic UI behavior using Vue event handling and conditional rendering
- Adapting designs realistically when working with imperfect design files
Outcome
The product was successfully prepared for marketplace release with complete demo flows and structured UI pages. This project strengthened my understanding of product-oriented frontend development, large-scale UI organization, and practical design adaptation.