Fadal — Home Open for projects
ID Work with me
All projects

EPS. 05 Websites

Trilogic Technologies — Agency Portfolio Website

A bilingual portfolio and lead-generation site for an agency, with a portfolio CMS, an SEO blog, and dynamic Open Graph images.

Role
Full-Stack Developer
Tools
  • Next.js 14
  • TypeScript
  • Tailwind CSS
  • shadcn/ui
  • Supabase
  • Framer Motion
  • next-intl

The challenge

Build an agency site that wins clients in two languages, with a portfolio the team can update without touching code.

My role

Full-stack developer, from the interface and animations to the CMS, database, and SEO.

Process

[[ISI: process — research, prototyping, technical challenges]]

Solution

  • A bilingual site (Indonesian / English) built with next-intl.
  • Scroll-triggered animations with Framer Motion.
  • A dynamic portfolio CMS with an admin dashboard.
  • An SEO-optimised blog, dynamic Open Graph images, and complete structured data (JSON-LD).
  • A contact form with email notifications.

Results

[[ISI: measurable results — e.g. leads, Lighthouse scores, live site link]]

Lessons

[[ISI: what this project taught you]]

TV remote

Keyboard shortcuts for getting around this site.

1 – 5
Jump to channel 1–5
0
Back to the main broadcast (top)
T
Switch light / night theme
M
Turn motion on / off
S
Turn sound on / off
?
Open / close this remote