Profile picture
Erland Ramdhani
Web Developer
Home
Web development
Cloud Infra
Personal projects
Download
Blog Posts
Instagram Facebook GitHub Bluesky
Instagram Facebook GitHub Bluesky
See Other Portfolios

Web Development

EdgeDC

I collaborated on layout, visual styling, and on-page copy, then translated the Figma designs into a responsive, accessible frontend. To reach international audiences, I added full multilingual support (language switcher, content loading, URL handling).

I also built a contact form that routes messages straight to the company’s customer-service inbox to speed up support. After QA on staging, I handled the migration and go-live, ensuring a clean cutover and stable performance.

Highlights

  • Figma → pixel-accurate, accessible UI (responsive, keyboard-friendly)
  • Multilingual experience for international visitors
  • Contact form integrated with the customer-service mailbox
  • Managed staging → production migration with proper checks and rollbacks
Technologies & tools
Figma
Tailwind CSS
SvelteKit
Next.js
Nginx

Cimika

I built a conversion-focused landing page designed for paid acquisition. Using Google Tag Manager, I configured tags, triggers, and variables to capture key visitor events and analyze them in Google Analytics.

To boost trust, I added a customer reviews section so prospects see real testimonials. I worked with the SEO team on on-page strategy (dynamic meta, crawlable sections, and structured content) and optimized code and assets to keep page load fast for ad traffic.

Highlights

  • Conversion-oriented landing page tailored for Google Ads traffic.
  • GTM setup (tags/triggers/variables) feeding into Google Analytics.
  • Customer reviews/testimonials for stronger social proof.
  • On-page SEO collaboration with dynamic, crawl-friendly content.
  • Performance tuning: lean code, optimized assets, and fast page loads.
Technologies & tools
PHP
JavaScript
MySQL
Redis
WordPress

Penalis

I designed and implemented a lightweight content management workflow so the editorial team can publish quickly and consistently. On the reader side, I built a comments system to enable discussions between writers and readers, including moderation tools and spam mitigation.

The blog UI focuses on clarity and readability, while the backend and database are structured to keep authoring and comment activity reliable and maintainable over time.

Highlights

  • Custom content management flow for a faster editorial cadence.
  • Native comments with moderation and anti-spam controls.
  • Reader-first blog UI (readability, hierarchy, and UX polish).
  • Backend/database managed for authoring operations and comment integrity.
Technologies & tools
Node.js
TypeScript
Vite
CSS
PostgreSQL
Astro
© 2025 Erland Ramdhani
Powered by Astro