# Paano binigyang-buhay ng Lynksen ang website ng isang komplikadong B2B platform gamit ang Spline - Spline customers (https://spline.design/fil/customers/lynksen)

> Nang kailanganin ng Elecctro ng website na kayang ipaliwanag ang buong negosyo nila nang hindi nalulula ang mga posibleng customer, bumaling ang Lynksen sa 3D para bumuo ng website na nanalo ng limang award.

[Mga Customer](https://spline.design/fil/customers)

Abril 13, 2026 · Kuwento ng customer · Lynksen

# Paano binigyang-buhay ng Lynksen ang website ng isang komplikadong B2B platform gamit ang Spline

Nang kailanganin ng Elecctro ng website na kayang ipaliwanag ang buong negosyo nila nang hindi nalulula ang mga posibleng customer, bumaling ang Lynksen sa 3D para bumuo ng website na nanalo ng limang award.

Gumagawa ang [Elecctro](https://elecctro.com/) ng mga software system para sa mga unattended service — gaya ng mga vending machine, EV charger at car wash automation. Mula hardware hanggang software ang produkto nila, at nasa isang sulok ito ng market na matagal nang nakikipag-usap sa mga B2B buyer sa pamamagitan ng masisikip na spec sheet at mga teknikal na diagram. Ang misyon nila ay gawing moderno ang mga unattended service sa pamamagitan ng matatalino at konektadong solusyon.

Kailangan ng Elecctro ng website. Pero hindi basta kahit anong website. Isang kayang hawakan ang atensyon ng buyer nang sapat na tagal para talagang maipaliwanag ang ginagawa nila, biswal silang maiiba sa dose-dosenang katulad na kumpanya, at mabilis na madala ang mga bisita sa isang desisyon.

"Marami silang kailangang iparating na impormasyon," sabi ni Tania, Project Manager sa [Lynksen](https://www.lynksen.com/), ang digital design agency na kinuha para buuin muli ang website experience. "Pero gusto rin nilang mamukod-tangi sa isang napaka-teknikal na niche."

Hindi mas maraming content ang sagot. Isang ganap na ibang uri ng interactive interface ito.

Ang interactive na home experience at product page ng Elecctro

## Isang homepage na tinutuklas mo, hindi lang binabasa

Mapanlinlang na simple ang pangunahing ideya ng Lynksen: hayaang tuklasin ng mga user ang sistema, sa halip na ipaliwanag ito gamit lang ang mga salita.

Naging interactive na 3D scene ang homepage. Isang spatial na overview ng buong product family ng Elecctro na puwedeng i-hover, i-click at i-navigate ng mga user sa sarili nilang bilis. Nakakonekta ang bawat asset sa scene sa sarili nitong product page. Ang daan mula "ano ang produktong ito?" hanggang "handa na akong makipag-usap" ay umikli sa ilang click na lang.

> Puwedeng pumunta ang mga user sa homepage, makita ang lahat, mag-click nang isang beses, at agad nang umusad patungo sa pagbibigay sa Elecctro ng impormasyong kailangan nila.

**Tania Forys**, Project Manager sa Lynksen

Makabuluhang pagbabago ito. Itinuturing ng karamihan sa mga B2B website ang homepage bilang talaan ng nilalaman. Binuo ng Lynksen ang sa Elecctro bilang isang environment na dinadaanan mo sa halip na binabasa pababa.

Mga detalye ng mga 3D product sa website ng Elecctro

## Bakit Spline?

Malinaw ang vision, pero paano mo ito bibigyang-buhay?

Hindi opsyon ang mga tradisyonal na 3D tool. Ang learning curve pa lang ay kakainin na ang buong project. Higit sa lahat, kailangang kaya ng team ng Elecctro na i-maintain ang site pagkatapos ng launch. Ibig sabihin, walang black-box na pipeline, walang pag-asa sa mga espesyalisadong artist, walang tool na nangangailangan ng ilang buwang onboarding para lang magpalit ng asset.

Sinuri ng Lynksen ang Spline at nakakita ng ibang daan:

- Bumuo at mag-iterate sa iisang environment.
- Mag-prototype ng mga interaction mismo sa tool.
- Mag-ship ng mga production-ready na asset nang walang komplikadong kadena ng handoff.

> Mula sa halos walang karanasan, nakapaghatid kami ng isang buong project sa iisang subok.

Hindi lang ang mga tool ang nagpangyari nito. Ang community. Bago pa magsulat ng kahit isang linya ng code, gumugol ng oras ang team ng Lynksen sa community library ng Spline: tinuklas ang mga remix, inunawa kung paano nilapitan ng ibang designer ang mga interaction, at tinukoy ang mga technique na maiaangkop nila para sa project ng client na ito.

> Malaking tulong sa amin sa pag-aaral ang pagkakaroon ng lugar gaya ng Spline Community, na may iba't ibang project at kakayahang mag-remix para makita kung paano nilapitan ng mga tao ang iba't ibang interaction.

**Ross Burylo**, Co-Founder sa Lynksen

Para sa Elecctro, may isa pang salik: ang tibay sa paglipas ng panahon.

Gusto nila ng solusyong talagang mapapangasiwaan ng team nila pagkatapos ng launch.

> Hindi mo kailangang maging masyadong teknikal para magdagdag ng object, gumawa ng ibang interaction, at i-maintain ang project pagkatapos namin itong ipasa. Napakahalagang benepisyo iyon para sa amin.

Mga transition sa Spline Editor para sa 404 page ng Elecctro

## Pagbuo ng experience

Nagsimula ang proseso ng Lynksen nang walang anumang galaw.

Mga static na wireframe. Mga flat na UI layout. Isang malinaw na information hierarchy na itinatag bago pa ipasok ang kahit isang animation. Nang matibay na ang istruktura saka lang nagsimulang magdagdag ng mga layer ang team.

"Lagi kaming nagsisimula sa static, tapos nagdadagdag ng animation layer by layer," sabi ni Tania. "Itinatakda namin ang mga pangunahing state sa mga wireframe at sketch, at sa implementation ay inaayos namin ang galaw ng camera, naglalaro sa mga animation, at sinisigurong nagsasama-sama ang lahat gaya ng inaasahan."

Pinigilan ng disiplinang ito na bumagsak ang project sa bigat ng sarili nitong ambisyon. Pinanatili ng team ang isang simpleng design principle: sinusuportahan ng galaw ang salaysay.

Sa praktika, ibig sabihin nito:

- Banayad na mga hover state at micro-interaction sa mga 3D asset
- Mga scroll-based na reveal na gumagabay sa atensyon nang hindi ito pinipilit
- Mga camera transition na nagbibigay ng direksyon sa mga user sa halip na silawin sila
- Expressive na creativity na nakalaan sa mga pangalawang sandali (ang footer, ang 404 page) kung saan kasiyahan ang maliliit na sorpresa sa halip na abala

Naging paborito ng team ang 404 page. Buong ginawa sa Spline, hinahayaan nito ang mga user na mag-click-click para matuklasan ang mga nakatagong 3D asset. Isang maliit na easter egg na hindi kailanman mahahanap ng karamihan ng bisita, pero halatang ikinatuwang gawin ng team ng Lynksen.

"Astig magtago ng maliit na easter egg," sabi ni Ross. "Kung may makahanap nito, sobrang matutuwa kami bilang mga designer."

Detalye ng mga 3D icon na ginamit sa buong navigation menu ng website.

## Ang mga resulta

Inilunsad ang ni-redesign na website at agad na gumalaw ang mga numero.

> Lumaki nang 524% ang mga active user at nakatanggap ang project ng 5 award.

Nadagdagan ang site ng 20,000 bagong view at napansin ito ng design community.

Ipinakita ng mga resultang iyon ang isang bagay na sinadyang buuin ng team: hindi lang magandang tingnang website, kundi isang tunay na epektibo. Isang gumagana para sa mga buyer na nangangailangan ng linaw, at para sa team ng client na kailangang i-maintain ito nang walang full-time na developer na naka-standby.

Nakakuha ng 5 award ang bagong website ng Elecctro

## Para sa mga team na nag-iisip ng 3D

Para sa mga team na unang beses na nag-iisip ng 3D sa web, simple ang payo ni Tania: huwag magsimula sa mga tradisyonal na tool.

> Sa Spline, kaya ang learning curve. Sa loob ng ilang araw, kayang pasukin ito ng sinumang may design skills. Nakagawa ang team namin ng isang solidong MVP sa loob ng unang linggo ng paggamit.

Inilalarawan ito ni Ross bilang mas malawak na pagbabago sa kung paano malalapitan ng mga team ang 3D: sa halip na pagdugtung-dugtungin ang maraming komplikadong tool at workflow, makakapagdisenyo, makakapag-iterate at makakapag-ship ang mga team sa iisang environment — kaya mas abot-kamay ang interactive 3D mula pa sa simula.

> Kung gusto mong magtrabaho sa iisang environment nang walang napaka-teknikal na kaalaman at ma-ship ang nakikita mo, piliin ang Spline.

Para sa mga design agency na nag-aalok sa mga client ng mga interactive web experience, nagbibigay ang project na ito ng nakakukumbinsing patunay: gamit ang tamang tool, makakaabot ka mula sa walang karanasan hanggang sa isang award-winning na website sa iisang project.

Buong product page para sa mga Snacks & Coffee vending machine

## Magsimula sa Spline

Gaya ng Lynksen, magagamit ng mga agency ang Spline para tulungan ang mga client na ipaliwanag ang mga komplikadong produkto sa pamamagitan ng mga interactive experience na mas madaling unawain, mas madaling i-maintain at mas tumatatak.

Para sa Elecctro, nangahulugan iyon ng paggawa sa isang teknikal na B2B platform bilang isang interactive na website na nagpalinaw sa produkto, nagpabilis sa pagdedesisyon, at tumulong sa brand na mamukod-tangi sa masikip na market.

Agency ka man na gumagawa para sa client o in-house na team, tinutulungan ka ng Spline na umusad mula ideya hanggang production nang mas mabilis — nang walang komplikadong 3D pipeline o espesyalisadong teknikal na skills.

[Kausapin ang sales](https://spline.design/fil/enterprise)

## Iba pang kuwento ng customer

[Marso 2, 2026 · Kuwento ng customerPaano gumagawa ang Onyx Coffee Lab ng interactive 3D para sa ecommerce](https://spline.design/fil/customers/onyx-coffee-lab)[Pebrero 24, 2026 · Kuwento ng customerPaano iniangat ng Hermetica ang fintech brand nito gamit ang 3D Design](https://spline.design/fil/customers/hermetica)[Oktubre 20, 2025 · Kuwento ng customerPaano binubuo ng Oscilar ang brand ng AI risk platform nila gamit ang Spline](https://spline.design/fil/customers/oscilar)

[Spline](https://spline.design/fil)

Ang 3D at 2D editor para sa mga team at kanilang mga agent. I-publish sa web, iOS at Android.

#### Magtanong sa AI tungkol sa Spline

#### Mga Produkto

- [3D Design](https://spline.design/fil/3d-design)
- [Hana](https://spline.design/fil/hana)
- [Omma](https://omma.build)
- [AI 3D Generation](https://spline.design/fil/ai-generate)
- [Spline MCP](https://spline.design/fil/mcp)
- [Spline Arena](https://spline.design/fil/arena)
- [Presyo](https://spline.design/fil/pricing)
- [Enterprise](https://spline.design/fil/enterprise)

#### Runtimes

- [Web](https://spline.design/fil/web)
- [iOS](https://spline.design/fil/ios)
- [Android](https://spline.design/fil/android)

#### Apps

- [I-download](https://spline.design/fil/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [I-download ang Spline Mirror](https://spline.design/download-mirror)

#### Matuto

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/fil/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Mga Solusyon](https://spline.design/solutions)

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/fil/blog)
- [Changelog](https://spline.design/fil/changelog)
- [Edukasyon](https://spline.design/fil/education)
- [Contra](https://spline.design/contra)
- [Affiliate](https://spline.design/fil/affiliate)

#### Kumpanya

- [Mga Customer](https://spline.design/fil/customers)
- [Careers](https://www.ycombinator.com/companies/spline/jobs)
- [Security](https://spline.design/fil/security)

#### Legal

- [Mga Tuntunin at Kundisyon](https://spline.design/terms)
- [Privacy](https://spline.design/privacy)

#### Contact

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.