catoto p o r t f o l i o
www.catoto.com
Telkom Corporate University
Ulin-ulin mizan application publisher
Clients :
& many more . . .
pt. pindad front end website ini menarik, dan cukup berani tampil beda untuk website bumn pada umumnya di sisi backend fungsi drag and drop pada beberapa bagian di dalam cms memungkinkan administrator dengan level pemula mudah menggunakannya. form builder yang disiapkan memungkinkan administrator dapat membuat form apapun seperti form kontak, form survey, form penerimaan karyawan, dan lain sebagainya tanpa memerlukan proses coding. laporan yang dihasilkannya pun tersusun secara proper dalam berbagai format siap pakai. meraih penghargaan website bumn terbaik versi beritasatu.com tahun 2014.
client
user
url
PT. PINDAD (PERSERO)
. . . . . . .
V-ARTS
. . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
http://pindad.com
ui dan ux website layanan service kendaraan roda empat suzuki yang memiliki beberapa fungsi : - informasi - manajemen komunitas - administrasi service booking dan fitur-fitur lain, mampu ditampilkan dengan terstruktur dan sederhana. fitur mega menu pada menu utama menampilkan beberapa preview content yang memudahkan pengunjung melihat content tanpa harus membuka halaman yang diinginkan.
service suzuki indonesia client
user
url
SUZUKI INDONESIA
. . . . . . .
METRIC DESIGN
. . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
http://service.suzuki.co.id
electronic solution promotion games game berhadiah ini yang dibuat untuk mendapatkan data awal prospect pasar dari online store electronic solution. menggunakan facebook & google api untuk mendapatkan informasi pemain game. game menarik dan atraktif, namun tetap sederhana dan mudah dimainkan siapapun,
client/ user
url . . . . . . .
ELECTRONIC SOLUTION
. . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
http://www.electronicsolution.com/es-game-1
nivea men
kempitition & tossmomen adalah halaman promosi eventual yang dilakukan di media online. terhubung dengan beberapa social media yang menggunakan hastag #kempitition dan #tossmomen
client
user
url
NIVEA MEN
. . . . . . .
METRIC DESIGN
. . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
http://www.niveamen.co.id/highlights/Local/id/tossmomen
quaker indonesia adalah website dengan requirement lebih di sisi ux seperti responsive, swipable, paralax, dan lain lain menawarkan sisi-sisi menarik bagi pengunjung. informasi dan fitur yang dibuat pun menarik seperti : - index berat badan - index kesehatan jantung - penghitung kalori menu makanan dan lain lain
client
user
url
QUAKER INDONESIA
. . . . . . .
METRIC DESIGN
. . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
http://quaker.co.id
nurulhayat website nurulhayat selain memiliki content yang komplek juga dilengkapi dengan fiturfitur menarik salah satunya adalah aplikasi hitung zakat interaktif. penggunaan mega menu memudahkan pengunjung mendapatkan dan memilah informasi yang jumlahnya cukup banyak. backend pun dibuat dengan pertimbangan kemudahan dari sisi administrator meskipun cukup kaya content. form builder, drag and drop untuk page order, add page dengan tipe apapun, membuat pengelolaan website mudah dan proses deliveri informasi dilakukan dengan cepat. nurul hayat meraih the best ngo 2014 dari kementrian sosial.
client/user
url
YAYASAN NURULHAYAT
. . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
http://nurulhayat.org
rodajati tantangan terbesar dalam membuat website rodajati adalah menampilkan produk-produk furnitur yang khusus untuk pasar export. tuntutan kualitas ui dan ux cukup tinggi karena akan berkompetisi dengan website serupa di negaranegara lain. secara fungsi, website ini juga dilengkapi fitur kontrol bagi buyer dari berbagai negara untuk melihat progress pesanannya.
client
user
url
RODAJATI
. . . . . . .
METRIC DESIGN
. . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
http://rodajati.co.id
roda pembangunan jaya perumahan taman palagan yang dikembangkan oleh roda pembangunan jaya adalah perumahan kelas atas di kota jogjakarta. website yang dikembangkan untuk menginformasikannya pun menuntut ui dan ux yang berkelas pula
fitur menarik di website ini adalah fullscreen gallery dan 360 view yang ditampilkan cukup dominan.
client
user
url
RODA PEMBANGUNANJAYA
. . . . . . .
METRIC DESIGN
. . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
http://rodapembangunanjaya.co.id
dua tahun berturut turut program pejuang quran digulirkan membutuhkan publikasi yang baik. website pejuang quran menyediakan fitur pemberian dukungan secara online.
pejuang quran
client
user
url
NURULHAYAT
. . . . . . .
NURUL HAYAT
. . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
http://pejuangquran.com
client
user
url
MAP
mizanapps
. . . . . . .
MIZAN
. . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
http://mizanapps.com
adalah website galery aplikasi yang diterbitkan map, salah satu anak perusahaan mizan pubishing. website ini menampilkan seluruh aplikasi dengan berbagai kategori. mizanapps.com ini menggunakan fitur yang lengkap dari sisi dukungan seo
kbih nurulhayat unit usaha layanan haji membutuhkan komunikasi yang menarik, namun sederhana, dan mudah dimengerti. website yang dikembangkan difokuskan untuk tujuan itu. aplikasi untuk mengetahui estimasi keberangkatan haji berdasarkan nomor porsi dibuat untuk memudahkan para calon jamaah haji.
client
user
url
KBIH NURULHAYAT
. . . . . . .
NURULHAYAT
. . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
http://kbihnurulhayat.org
aqiqah nurulhayat sebagai salah satu pelopor aqiqah siap saji terbesar di indonesia, aqiqah nurulhayat memiliki jumlah pelanggan yang sangat besar. menjalin komunikasi dengan pelanggan dengan baik adalah kunci keberlangsungan usaha ini. website aqiqah nurulhayat menampilkan galeri aqiqah, menginformasikan harga dan kontak, serta menampilkan beberapa tokoh yang menjadi brand ambasador dengan struktur dan tampilan yang baik.
client
user
url
AQIQAH NURULHAYAT
. . . . . . .
NURULHAYAT
. . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
http://aqiqahnurulhayat.com
sebagai salah satu hotel terbaru di kota bandung, raffleshom membutuhkan publikasi yang baik. dengan posisinya yang mendekati alun-alun kota, customer utama yang dibidik adalah wisatawan dari malaysia. website dilengkapi fitur booking untuk mendukung operasional hotel client/user
raffleshom hotel
url
RAFFLESHOM HOTEL
. . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
http://raffleshom.com
ulin-ulin ulin-ulin sebagai salah satu perusahaan yang menawarkan directory pariwisata melalui aplikasi mobile wajib dikomunikasikan melalui website yang memiliki karakter yang sesuai. slide show icon foto-foto tempat wisata menghiasi halaman depan landing page tempat link download aplikasi berada. animasi sederhana transisi login dan sign up di bagian form, meskipun sederhana namun memberikan pengalaman berbeda bagipengunjung website.
client
user
url
ULIN-ULIN
. . . . . . .
METRIC DESIGN
. . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
http://ulinulin.net
amphibi studio image kreatif yang melekat pada studio ini dikomunikasikan melalui website. onepage siding content, animated background, creative icon, dan lain-lain mewarnai website ini.
client / user
url
AMPHIBI STUDIO
. . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
http://amphibistudio.com
pertamina drilling report
report pengeboran pertamina yang tadinya disusun secara manual dari instrumen yang ada, melalui aplikasi ini diubah menjadi live. tantangan yang berhasil dipecahkan adalah laporan-laporan dengan multi parameter yang harus ditampilkan dalam grafik-grafik yang tidak biasa, seperti grafik dengan koordinat x,y, dan z yang harus ditampilkan animated, dan parameter lebih dari satu sumbu y atau x. client
user
METRIC DESIGN
. . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
PERTAMINA
client
url
TIM SUKSES CALON WALIKOTA
. . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
http://ridwankamil.net
kreativitas yang menjadi tema utama kampanye yang dilakukan relawan untuk mendukung calon walikota bandung ridwan kamil memberikan catatan penting pada pembuatan website ini, cepat (kurang dari 1 minggu), menarik dari sisi kreativitas, dan informatif untuk menggambarkan calon walikota.
ridwankamil
kiosk klinik jantung client
user
V-ARTS
. . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
RUMAH SAKIT AL ISLAM BANDUNG
dunia kesehatan memerlukan instrumen komunikasi yang baik. di rumah sakit, keberadaan kiosk dibutuhkan untuk memberikan informasi penting bagi pasien khususnya di saat-saat idle seperti ketika menunggu antrian klinik. aplikasi kiosk di rumah sakit al islam ini memiliki ux yang interaktif dan mendukung interaksi rumah sakit, dokter dan pasien
dilengkapi dengan fitur index kesehatan jantung, body mass index, dan lain-lain memberikan nilai tambah aplikasi dalam kiosk ini
aplikasi pada kiosk di telkom corporate university dilengkapi dengan fitur absensi QRCode yang terhubung ke database karyawan pt telkom indonesia yang berkegiatan di area tersebut. di dalam kiosk juga disajikan informasi wisata, kuliner, selain informasi internal seperti gedung, dormitory, sarana olahraga dan sebagainya yang seluruhnya disajikan dengan kelengkapan interactive 360 panoramic view client
user
V-ARTS
. . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
TELKOM CORPORATE UNIVERSITY
telkom corpu
feel free to contact us : catoto@catoto.com +62.815.7373.9494