I AM A UI/UXDESIGNER
Petrus
P

Taruh foto di /public/photo.png

Interaction & Motion Design
User Interface Design
USER EXPERIENCE • USER EXPERIENCE •

Petrus — UI/UX Designer & Web3 Developer

0+

Tahun Pengalaman UI/UX

Mengerjakan berbagai proyek desain dari startup hingga enterprise

0st

Runner-Up UI/UX Competition

@ Universitas Brawijaya

React.js

& Enterprise Blockchain

Spesialisasi utama dalam pengembangan Front-end & Web3

Mengapa Petrus?

“Blockchain itu kompleks, tapi antarmukanya tidak harus sulit.”

Saya membantu startup dan perusahaan menjembatani celah antara teknologi backend yang rumit (Blockchain/IoT) dengan pengalaman pengguna yang mulus dan estetik.

Core Expertise

Dua Sisi Kemampuan

Kombinasi unik antara keahlian desain yang estetik dan kemampuan teknis yang kuat

Design Side

UI/UX

User Research

Riset mendalam untuk memahami kebutuhan pengguna

Wireframing

Kerangka visual untuk validasi ide awal

High-Fidelity Design

Desain pixel-perfect menggunakan Figma

Design Systems

Komponen reusable yang konsisten dan scalable

Technical Side

Web3 & Dev

React.js Development

Membangun antarmuka web modern dan interaktif

Smart Contracts

Penulisan Solidity untuk Ethereum & EVM

Private Networks

Hyperledger Besu / Substrate untuk enterprise

VPS Management

Linux/Ubuntu/LXD untuk deployment & infra

Selected Projects

Etalase Karya

Proyek-proyek terpilih yang menunjukkan kemampuan desain dan teknis

Project 1

CW-SmartMonitor

IoT & Cloud Monitoring System

Sistem monitoring IoT berbasis cloud menggunakan React.js & Machine Learning untuk analitik prediktif real-time.

React.jsMachine LearningIoTCloud
Lihat Detail
Project 2

Private Blockchain Cooperative

Sistem Koperasi Berbasis Blockchain

Sistem koperasi berbasis Hyperledger Besu dengan fitur Multi-sig untuk transparansi dan keamanan transaksi enterprise.

Hyperledger BesuSolidityMulti-sigEnterprise
Lihat Detail
Project 3

KAI UI/UX Case Study

Award-Winning Design

Desain aplikasi ramah anak yang memenangkan penghargaan. Fokus pada aksesibilitas, keamanan, dan pengalaman pengguna yang intuitif.

UI/UXFigmaUser ResearchAward Winner
Lihat Detail
Workflow

Proses Kerja Profesional

Pendekatan sistematis dari riset hingga deployment

STEP 01

Discovery

Riset pengguna dan pemetaan alur (Flow)

Memahami kebutuhan pengguna melalui interview, survei, dan analisis kompetitor untuk membuat user journey yang tepat.

STEP 02

Design

Prototyping interaktif di Figma

Membuat wireframe, mockup, dan prototype interaktif yang divalidasi melalui usability testing.

STEP 03

Development

Coding menggunakan React.js & Integrasi Web3

Implementasi pixel-perfect dari desain menggunakan React.js, TypeScript, dan integrasi smart contract.

STEP 04

Deployment

Manajemen server di Linux/Ubuntu menggunakan LXD

Deploy aplikasi ke production dengan containerization, monitoring, dan CI/CD pipeline.

Tech Stack & Tools

Senjata Teknis

Tools dan teknologi yang saya gunakan sehari-hari

Design

🎨Figma
✏️Adobe Illustrator

Front-end

⚛️React.js
🎐Tailwind CSS
📘TypeScript

Blockchain

🔗Hyperledger Besu
⛓️Substrate
📜Solidity

Infrastructure

🐧Linux/Ubuntu
🖥️VPS
🐳Docker/LXD
Blog & Thoughts

Membangun Otoritas

Berbagi pengetahuan dan insight di bidang teknologi

Featured Article
BlockchainEducation
2025

Introduction to Enterprise Blockchain for University Students

Menjelaskan konsep dasar blockchain enterprise, perbedaannya dengan public blockchain, serta bagaimana mahasiswa bisa mulai berkontribusi di ekosistem Web3. Artikel ini menjadi panduan bagi pemula yang ingin memahami teknologi masa depan.

Baca Selengkapnya