Etkileşimli Web Projeleri

Z
Scaleable, Reliable & Secure
Yazılım - Etkileşimli Web Projeleri

Her kod bir cevap değil, iyi sorulmuş bir sorunun yansımasıdır.
Yazılım, çözüm üretmenin sezgisel mimarisidir.

“İyi yazılımın işlevi, karmaşığı basit gibi göstermektir.”
Grady Booch

Sadece tıklanan değil, hissedilen deneyimler inşa ediyoruz.

“Design is the intermediary between information and understanding.”
Richard Grefé (AIGA)


Bir web sitesi yalnızca bilgi sunmak için değil—
dijital bir sahnede duygusal bağ kurmak için de var olabilir.

Etkileşimli web projeleri,
markanızın dijital alanda iz bırakan karşılaşmalar yaratmasını sağlar.

Biz bu projelerde:

  • Kullanıcının yalnızca bilgiye ulaşmasını değil,

  • Bilgiyi deneyimlemesini,

  • Markanızı hissetmesini,

  • Ve dijital dünyada duran değil akan bir anlatıyla tanışmasını hedefliyoruz.


“Tell me and I forget, teach me and I may remember,
involve me and I learn.”

Benjamin Franklin


Ne sunuyoruz?

  • Mikro Siteler & Etkileşimli Kampanya Sayfaları:
    Ürün lansmanları, özel gün projeleri, hikâye temelli kampanya siteleri.

  • Scroll Tabanlı Anlatılar (Scroll Storytelling):
    Kullanıcının ekran hareketleriyle etkileşen görsel ve içerik deneyimleri.
    (GSAP, ScrollTrigger, Locomotive.js, Three.js destekli sistemler.)

  • 3D Nesne ve Hareketli Arayüzler:
    WebGL/Three.js ile yaratılan interaktif objeler ve sahneler.

  • Veri ile Oynayan Arayüzler:
    Kullanıcının verdiği yanıta göre şekil değiştiren, içerik güncelleyen sistemler.

  • Eğitim & Bilinçlendirme Amaçlı Projeler:
    Bilgiyi sıradan şekilde aktarmak yerine, katılımcı deneyimlere dönüştüren özel arayüz tasarımları.


Neden Collective People?

Çünkü biz web projelerini bir “sunum” değil,
bir etkileşim kompozisyonu olarak tasarlarız.

Çünkü bizim için bir tıklama, sadece teknik bir fonksiyon değil—
anlatıya katılım davetidir.

Ve çünkü dijitalde kalmak için değil,
dokunmak ve hatırlanmak için üretiriz.

“Art is the most beautiful of all lies.”
Claude Debussy

Profiling Summary Report (Time: 0.02394s, Memory: 860KB)
Procedure Count Total (s) Avg. (s) Min. (s) Max. (s)
system.db.CDbCommand.execute(UPDATE `tbl_page` SET `id`=:yp0, `parent_id`=:yp1, `title`=:yp2, `slug`=:yp3, `subtitle`=:yp4, `meta_title`=:yp5, `body`=:yp6, `layout`=:yp7, `image`=:yp8, `gallery`=:yp9, `language`=:yp10, `order`=:yp11, `is_homepage`=:yp12, `menu_status`=:yp13, `menu_ids`=:yp14, `remoteLink`=:yp15, `counter`=:yp16, `meta_description`=:yp17, `meta_robots`=:yp18, `meta_custom`=:yp19, `is_sitemap`=:yp20, `posts_cat`=:yp21, `status`=:yp22, `created_at`=:yp23, `updated_at`=:yp24, `deleted`=:yp25, `is_form`=:yp26 WHERE `tbl_page`.`id`=1164. Bound with :yp0=1164, :yp1=1151, :yp2='Etkileşimli Web Projeleri', :yp3='etkilesimli-web-projeleri', :yp4=NULL, :yp5='Etkileşimli Web Projeleri', :yp6='<p data-start="635" data-end="698" class=""><strong data-start="635" data-end="698">Sadece tıklanan değil, hissedilen deneyimler inşa ediyoruz.</strong></p> <blockquote data-start="700" data-end="800"> <p data-start="702" data-end="800" class=""><em data-start="702" data-end="771">&ldquo;Design is the intermediary between information and understanding.&rdquo;</em><br data-start="771" data-end="774" />&mdash; <em data-start="778" data-end="800">Richard Gref&eacute; (AIGA)</em></p> </blockquote> <hr data-start="802" data-end="805" class="" /> <p data-start="807" data-end="923" class="">Bir web sitesi yalnızca bilgi sunmak i&ccedil;in değil&mdash;<br data-start="855" data-end="858" /><strong data-start="858" data-end="906">dijital bir sahnede duygusal bağ kurmak i&ccedil;in</strong> de var olabilir.</p> <p data-start="925" data-end="1028" class="">Etkileşimli web projeleri,<br data-start="951" data-end="954" />markanızın dijital alanda <strong data-start="980" data-end="1008">iz bırakan karşılaşmalar</strong> yaratmasını sağlar.</p> <p data-start="1030" data-end="1050" class="">Biz bu projelerde:</p> <ul data-start="1051" data-end="1249"> <li data-start="1051" data-end="1102" class=""> <p data-start="1053" data-end="1102" class="">Kullanıcının yalnızca bilgiye ulaşmasını değil,</p> </li> <li data-start="1103" data-end="1135" class=""> <p data-start="1105" data-end="1135" class="">Bilgiyi <strong data-start="1113" data-end="1132">deneyimlemesini</strong>,</p> </li> <li data-start="1136" data-end="1167" class=""> <p data-start="1138" data-end="1167" class="">Markanızı <strong data-start="1148" data-end="1164">hissetmesini</strong>,</p> </li> <li data-start="1168" data-end="1249" class=""> <p data-start="1170" data-end="1249" class="">Ve dijital d&uuml;nyada <strong data-start="1189" data-end="1209">duran değil akan</strong> bir anlatıyla tanışmasını hedefliyoruz.</p> </li> </ul> <hr data-start="1251" data-end="1254" class="" /> <blockquote data-start="1256" data-end="1364"> <p data-start="1258" data-end="1364" class=""><em data-start="1258" data-end="1338">&ldquo;Tell me and I forget, teach me and I may remember,<br data-start="1310" data-end="1313" />involve me and I learn.&rdquo;</em><br data-start="1338" data-end="1341" />&mdash; <em data-start="1345" data-end="1364">Benjamin Franklin</em></p> </blockquote> <hr data-start="1366" data-end="1369" class="" /> <h3 data-start="1371" data-end="1388" class="">Ne sunuyoruz?</h3> <ul data-start="1390" data-end="2103"> <li data-start="1390" data-end="1519" class=""> <p data-start="1392" data-end="1519" class=""><strong data-start="1392" data-end="1443">Mikro Siteler &amp; Etkileşimli Kampanya Sayfaları:</strong><br data-start="1443" data-end="1446" />&Uuml;r&uuml;n lansmanları, &ouml;zel g&uuml;n projeleri, hik&acirc;ye temelli kampanya siteleri.</p> </li> <li data-start="1521" data-end="1723" class=""> <p data-start="1523" data-end="1723" class=""><strong data-start="1523" data-end="1574">Scroll Tabanlı Anlatılar (Scroll Storytelling):</strong><br data-start="1574" data-end="1577" />Kullanıcının ekran hareketleriyle etkileşen g&ouml;rsel ve i&ccedil;erik deneyimleri.<br data-start="1652" data-end="1655" />(GSAP, ScrollTrigger, Locomotive.js, Three.js destekli sistemler.)</p> </li> <li data-start="1725" data-end="1828" class=""> <p data-start="1727" data-end="1828" class=""><strong data-start="1727" data-end="1763">3D Nesne ve Hareketli Aray&uuml;zler:</strong><br data-start="1763" data-end="1766" />WebGL/Three.js ile yaratılan interaktif objeler ve sahneler.</p> </li> <li data-start="1830" data-end="1948" class=""> <p data-start="1832" data-end="1948" class=""><strong data-start="1832" data-end="1863">Veri ile Oynayan Aray&uuml;zler:</strong><br data-start="1863" data-end="1866" />Kullanıcının verdiği yanıta g&ouml;re şekil değiştiren, i&ccedil;erik g&uuml;ncelleyen sistemler.</p> </li> <li data-start="1950" data-end="2103" class=""> <p data-start="1952" data-end="2103" class=""><strong data-start="1952" data-end="1996">Eğitim &amp; Bilin&ccedil;lendirme Ama&ccedil;lı Projeler:</strong><br data-start="1996" data-end="1999" />Bilgiyi sıradan şekilde aktarmak yerine, <strong data-start="2042" data-end="2078">katılımcı deneyimlere d&ouml;n&uuml;şt&uuml;ren</strong> &ouml;zel aray&uuml;z tasarımları.</p> </li> </ul> <hr data-start="2105" data-end="2108" class="" /> <h3 data-start="2110" data-end="2138" class="">Neden Collective People?</h3> <p data-start="2140" data-end="2236" class="">&Ccedil;&uuml;nk&uuml; biz web projelerini bir &ldquo;sunum&rdquo; değil,<br data-start="2184" data-end="2187" /><strong data-start="2187" data-end="2217">bir etkileşim kompozisyonu</strong> olarak tasarlarız.</p> <p data-start="2238" data-end="2336" class="">&Ccedil;&uuml;nk&uuml; bizim i&ccedil;in bir tıklama, sadece teknik bir fonksiyon değil&mdash;<br data-start="2302" data-end="2305" /><strong data-start="2305" data-end="2336">anlatıya katılım davetidir.</strong></p> <p data-start="2338" data-end="2420" class="">Ve &ccedil;&uuml;nk&uuml; dijitalde kalmak i&ccedil;in değil,<br data-start="2375" data-end="2378" /><strong data-start="2378" data-end="2410">dokunmak ve hatırlanmak i&ccedil;in</strong> &uuml;retiriz.</p> <blockquote data-start="2422" data-end="2489"> <p data-start="2424" data-end="2489" class=""><em data-start="2424" data-end="2466">&ldquo;Art is the most beautiful of all lies.&rdquo;</em><br data-start="2466" data-end="2469" />&mdash; <em data-start="2473" data-end="2489">Claude Debussy</em></p> </blockquote>', :yp7='contentpages', :yp8='', :yp9=NULL, :yp10=1, :yp11=18, :yp12=0, :yp13=0, :yp14='1', :yp15='', :yp16=40, :yp17='', :yp18='index, follow', :yp19='', :yp20=1, :yp21=NULL, :yp22=1, :yp23='2025-04-18 17:49:21', :yp24='2025-05-12 17:15:10', :yp25=0, :yp26=1) 1 0.00140 0.00140 0.00140 0.00140
system.db.CDbCommand.query(SHOW FULL COLUMNS FROM `tbl_module`) 1 0.00084 0.00084 0.00084 0.00084
system.db.CDbCommand.query(SHOW FULL COLUMNS FROM `tbl_language`) 1 0.00067 0.00067 0.00067 0.00067
system.db.CDbCommand.query(SHOW FULL COLUMNS FROM `tbl_settings`) 1 0.00062 0.00062 0.00062 0.00062
system.db.CDbCommand.query(SHOW FULL COLUMNS FROM `tbl_page`) 1 0.00061 0.00061 0.00061 0.00061
system.db.CDbCommand.query(SELECT * FROM `tbl_module` `t` WHERE `t`.`active`=:yp0. Bound with :yp0=1) 2 0.00050 0.00025 0.00024 0.00026
system.db.CDbCommand.query(SELECT * FROM `tbl_settings` `t` WHERE (language=1) AND (`t`.`id`=1) LIMIT 1) 1 0.00034 0.00034 0.00034 0.00034
system.db.CDbCommand.query(SELECT * FROM `tbl_language` `t` WHERE `t`.`is_default`=:yp0 LIMIT 1. Bound with :yp0=1) 1 0.00018 0.00018 0.00018 0.00018
system.db.CDbCommand.query(SHOW CREATE TABLE `tbl_settings`) 1 0.00013 0.00013 0.00013 0.00013
system.db.CDbCommand.query(SHOW CREATE TABLE `tbl_page`) 1 0.00013 0.00013 0.00013 0.00013
system.db.CDbCommand.query(SHOW CREATE TABLE `tbl_module`) 1 0.00012 0.00012 0.00012 0.00012
system.db.CDbCommand.query(SHOW CREATE TABLE `tbl_language`) 1 0.00010 0.00010 0.00010 0.00010
system.db.CDbCommand.query(SELECT * FROM `tbl_page` `t` WHERE (deleted = 0) AND (`t`.`is_homepage`=:yp0) LIMIT 1. Bound with :yp0=1) 1 0.00034 0.00034 0.00034 0.00034
system.db.CDbCommand.query(SELECT * FROM `tbl_page` `t` WHERE (deleted = 0) AND (`t`.`parent_id`=:yp0) ORDER BY t.order ASC. Bound with :yp0=1151) 2 0.00097 0.00048 0.00045 0.00052
system.db.CDbCommand.query(SHOW FULL COLUMNS FROM `tbl_language_translations`) 1 0.00047 0.00047 0.00047 0.00047
system.db.CDbCommand.query(SELECT * FROM `tbl_page` `t` WHERE (deleted = 0) AND (`t`.`parent_id`=:yp0). Bound with :yp0=1151) 1 0.00052 0.00052 0.00052 0.00052
system.db.CDbCommand.query(SELECT * FROM `tbl_page` `t` WHERE (deleted = 0) AND (`t`.`slug`=:yp0) LIMIT 1. Bound with :yp0='etkilesimli-web-projeleri') 1 0.00032 0.00032 0.00032 0.00032
system.db.CDbCommand.query(SELECT `parent`.`id` AS `t1_c0`, `parent`.`parent_id` AS `t1_c1`, `parent`.`title` AS `t1_c2`, `parent`.`slug` AS `t1_c3`, `parent`.`subtitle` AS `t1_c4`, `parent`.`meta_title` AS `t1_c5`, `parent`.`body` AS `t1_c6`, `parent`.`layout` AS `t1_c7`, `parent`.`image` AS `t1_c8`, `parent`.`gallery` AS `t1_c9`, `parent`.`language` AS `t1_c10`, `parent`.`order` AS `t1_c11`, `parent`.`is_homepage` AS `t1_c12`, `parent`.`menu_status` AS `t1_c13`, `parent`.`menu_ids` AS `t1_c14`, `parent`.`remoteLink` AS `t1_c15`, `parent`.`counter` AS `t1_c16`, `parent`.`meta_description` AS `t1_c17`, `parent`.`meta_robots` AS `t1_c18`, `parent`.`meta_custom` AS `t1_c19`, `parent`.`is_sitemap` AS `t1_c20`, `parent`.`posts_cat` AS `t1_c21`, `parent`.`status` AS `t1_c22`, `parent`.`created_at` AS `t1_c23`, `parent`.`updated_at` AS `t1_c24`, `parent`.`deleted` AS `t1_c25`, `parent`.`is_form` AS `t1_c26` FROM `tbl_page` `parent` WHERE (deleted = 0) AND (`parent`.`id`=:ypl0). Bound with :ypl0=1151) 1 0.00032 0.00032 0.00032 0.00032
system.db.CDbCommand.query(SELECT * FROM `tbl_language_translations` `t` WHERE `t`.`label`=:yp0 AND `t`.`lang_id`=:yp1 LIMIT 1. Bound with :yp0='Anasayfa', :yp1=1) 1 0.00029 0.00029 0.00029 0.00029
system.db.CDbCommand.query(SELECT * FROM `tbl_page` `t` WHERE (deleted = 0) AND (`t`.`parent_id`=:yp0). Bound with :yp0=1164) 1 0.00021 0.00021 0.00021 0.00021
system.db.CDbCommand.query(SELECT slug , title , id FROM `tbl_page` `t` WHERE (deleted = 0) AND (slug LIKE '%etkilesimli-web-projeleri%')) 1 0.00020 0.00020 0.00020 0.00020
system.db.CDbCommand.query(SHOW CREATE TABLE `tbl_language_translations`) 1 0.00008 0.00008 0.00008 0.00008
system.db.CDbCommand.query(SELECT * FROM `tbl_page` `t` WHERE (deleted = 0) AND (`t`.`id`=1151) ORDER BY t.order ASC LIMIT 1) 2 0.00049 0.00024 0.00022 0.00027
system.db.CDbCommand.query(SELECT * FROM `tbl_language` `t`) 1 0.00014 0.00014 0.00014 0.00014