Play video
Pause video

AviviD

MarTech Corporate Website

2024

AviviD website screenshot
Scroll
Project Type Corporate Website
Timeline 2024
Core Tech Filament, Laravel
Visit Website

Project Overview

AviviD is one of Taiwan's leading first-party data companies, integrating diverse data sources from media, telecom, invoices, and retail to provide AI-driven precision marketing solutions. The client already had a mature product line and brand identity in the industry.

In this collaboration, the client provided complete UI design mockups, and we were responsible for precisely converting those designs into web pages. The website needed to support Traditional Chinese, English, Indonesian, Vietnamese, and Japanese — five languages in total — covering solutions, product services, resource articles, company information, and more.

On the backend, we built a multilingual content management admin panel with Filament, enabling the client's marketing team to independently maintain website content across all languages without relying on engineers for real-time updates.

Core Features

01

Dark / Light Mode

The frontend supports dual Dark / Light theme switching. Users can automatically adapt based on preference or system settings. All page elements are color-tuned for both modes to ensure reading comfort.

02

Filament Admin Panel

Built a multilingual content management admin panel with Filament, enabling the client's marketing team to independently maintain page content, news, solutions, and other data across all supported languages.

03

Responsive Layout

Based on the client's desktop and mobile design mockups, we precisely replicated the layout at each breakpoint, ensuring an excellent browsing experience from large screens to mobile devices.

04

Interactive Effects

Implemented scroll animations, dynamic number counters, multiple carousels, and other interactive effects as specified in the design mockups, faithfully delivering the visual experience the client envisioned.

Technical Details

Design-to-Code Implementation

The client provided complete UI design mockups, and we were responsible for precisely converting them into web pages. This included the homepage, solutions, product services, resource articles, company information, and more — each page faithfully rendered according to the design specifications.

Filament Admin Panel

The backend was built with Filament to create a multilingual content management admin panel, enabling the client's marketing team to edit page content, news, solutions, and other data across five languages without engineering assistance for real-time updates.

Dark / Light Mode

The frontend supports Dark / Light dual theme switching, with automatic adaptation based on user preference or system settings. All page elements are color-tuned for both modes to ensure reading comfort across different environments.

Interactive Effects

Various frontend interactive effects were implemented according to the design specifications, including scroll-triggered animations, dynamic number counters, and multiple carousel components. The entire site uses responsive layout, precisely matching the design breakpoints from desktop to mobile.

Tech Stack

Backend

  • Filament Admin Panel
  • Laravel Framework

Frontend

  • TailwindCSS Styling
  • Dark / Light Mode
  • Responsive Layout

Interactions

  • Scroll-triggered Animations
  • Dynamic Number Counters
  • Carousel Components

Division of Work

  • Client provided UI mockups
  • We handled coding & backend

CONTACT US

Have a similar need? Let's talk

Whether it's a corporate website, multilingual site, or data showcase page, we can build a tailored solution for you.

Contact Us