blacksmith digital innovation hero
  • Industry:Digital Innovation / Technology
  • Clients:Blacksmith Innovation Sdn Bhd
  • Solution:Web Design, Frontend Development & Bilingual Build
  • Date:08/15/2024
  • Developed at:AttSpace Venture

Projects Summary

Client Needs:

Blacksmith Innovation Sdn Bhd is a Malaysian digital innovation firm whose positioning — “Forging the Next Era of Digital Innovation” — needed a launch presence with the same craft as the work it sells. The brief was a single high-polish landing page: bilingual for an English and Chinese-reading market, and animated enough to demonstrate capability rather than just describe it.

Service Provide

The specific services delivered on the Blacksmith Innovation landing page:

  • Frontend Development
  • Web Design
  • Vue.js & Nuxt Build
  • Bilingual Content Structure
My Approach:

I built it as a Nuxt 3 and Vue 3 single-page application rather than a CMS template, so motion and layout could be composed directly in components. Scroll-driven animation runs on GSAP ScrollTrigger and Observer, the interface uses PrimeVue on a custom unstyled preset, and the whole page sits behind an i18n layer with a bespoke EN / 文 toggle.

Challenges

The primary challenge was carrying one continuous scroll narrative in two languages that set at very different lengths. Every animated section had to hold its composition when the copy switched language, and the motion had to stay legible rather than decorative.

Blacksmith Innovation landing page hero section
Digital services section of the Blacksmith Innovation site
Development process section of the Blacksmith Innovation site

Results / Success Metrics

What the build delivers for Blacksmith Innovation's launch presence:

  • Single-page Nuxt 3 and Vue 3 build, composed in components rather than a CMS template
  • Scroll-driven motion system built on GSAP ScrollTrigger and Observer
  • Bilingual EN / 文 throughout, switchable in place via a custom toggle
  • PrimeVue interface on a custom unstyled preset for full visual control
  • Smooth-scroll narrative structure with anchored section navigation

A landing page for a company that sells digital craft has to be the proof, not the pitch. The scroll, the timing, the way it holds together in two languages — that is the argument.

Web Developer at AttSpace Venture
banner-image