Let’s connect

HUMAN CURIOSITY. AI POSSIBILITIES.

AHMAD RAFI RIYANDA.

AI SPECIALISTWORDPRESS & FRONTEND DEVELOPER

Thoughtful websites. Intelligent workflows.
Bringing ideas to life with AI and code.

Explore AI work Let’s connect Download CV

AI + web.
The ecosystem.

  • ChatGPT
  • Claude
  • Gemini
  • Codex
  • n8n
  • WordPress
  • Next.js
  • Figma
BASED IN MALANG, INDONESIASCROLL TO EXPLORE

01 // WHAT I BRING

My Expertise.

Design-minded development.
Practical problem solving.

/01

WordPress
Development.

<p>

Business websites, landing pages and WooCommerce experiences, built for the people who use and maintain them.

</p>

WordPress · Elementor · WooCommerce

/02

Frontend
Implementation.

<p>

Turning supplied designs into responsive interfaces, with careful attention to spacing, typography and interaction.

</p>

HTML · CSS · JavaScript · Figma

/03

WooCommerce
Development.

<p>

Online stores with clear product layouts, a smooth browsing experience and a manageable WordPress-based setup.

</p>

WooCommerce · Product layouts · Store setup

/04

Integrations
& Analytics.

<p>

Connecting forms and third-party services, implementing analytics and tracking, and troubleshooting the tools behind a working website.

</p>

APIs · Google Analytics · GTM

/05

Hosting &
Migration.

<p>

Supporting website moves, hosting configuration and DNS changes, with checks to keep pages, links and services working as expected.

</p>

Hosting · DNS · Site migration

/06

Website Care
& Support.

<p>

Keeping websites up to date, finding and fixing issues, and checking layouts and functionality across devices.

</p>

Maintenance · Debugging · Testing

Good development connects the visual details
with the way a website actually works.

FROM THE FIRST BUILD TO THE NEXT FIX.

WHERE AI MEETS THE WEB

A broader toolkit.

Intelligent workflows.
Thoughtful websites. One practical approach.

01

CLARITY BEFORE COMPLEXITY

AI assistants & prompts

Shaping useful instructions, conversational experiences and retrieval-based assistant concepts around a clearly defined task.

Prompt designLLMsRAG concepts
02

CONNECT THE MOVING PARTS

Automation & AI agents

Mapping repeatable work into connected workflows, with structured inputs, clear actions and human review at the right points.

Workflow designn8n / MakeMCP
03

MAKE AN IDEA VISIBLE

Generative design & media

Developing visual directions, image prompts and creative concepts that bring a consistent look to digital experiences.

AI imageryArt directionVideo concepts
04

FROM BRIEF TO INTERFACE

AI-assisted development

Combining AI-assisted research, prototyping and code iteration with hands-on review, responsive testing and practical debugging.

CodexClaudeFrontend QA
05

A SOLID WEB FOUNDATION

WordPress & commerce

Building, customizing and maintaining business websites, landing pages and online stores that people can use and manage.

WordPressElementorWooCommerce
06

THE DETAILS THAT MATTER

Frontend & integrations

Turning designs into responsive interfaces, connecting third-party tools and keeping layouts, performance and functionality working together.

HTML / CSS / JSAPIsWebsite care

A clear process.
A considered result.

01

Understand

Define the outcome, audience and constraints.

02

Design

Choose the workflow, prompts and visual direction.

03

Build

Turn the idea into something you can explore.

04

Review

Check the details, test the result and refine.

AI × WEB / CONNECTING THE DOTS

Good tools.
Better together.

A website. An AI assistant. A workflow that connects the two. Exploring how the right tools can turn separate steps into a considered experience.

Choose an icon. Explore its role.

Website & content

WordPress

A HOME FOR THE WEBSITE

Content, business pages and forms start with a website people can use and maintain.

An interactive view of my AI + web toolkit.

Explore the FLOW concept

02 / AI EXPLORATIONS

Ideas, made visible.

AI assistants. Connected workflows. Generative visuals.
A space to explore what comes next.

Three categories. Nine original visuals. Select a thumbnail to compare each concept, or open it for a closer look.

PERSONAL CONCEPT3 VISUALS
AI-generated NOVA assistant interface concept with a conversation and source document cards
01 / 03
Knowledge workspace
AI assistants

NOVA

An AI knowledge assistant.

A concept for turning a collection of documents into a focused, conversational knowledge experience.

Explore the concept
PERSONAL CONCEPT3 VISUALS
AI-generated FLOW architecture concept connecting channels, APIs, AI agents and service tools
01 / 03
Connected architecture
Automation

FLOW

Thoughtful automation, connected.

An automation concept that connects a new request, an AI-assisted draft and a human review step.

Explore the concept
PERSONAL CONCEPT3 VISUALS
AI-generated FORM creative canvas concept connecting one brief to three ribbon artwork variations
01 / 03
One brief, three directions
Generative design

FORM

A study in generative visuals.

An original visual study exploring how a precise creative brief becomes a cohesive AI-generated image.

Explore the concept

Showing 3 of 3 AI concepts · 9 visual studies

THE AI ECOSYSTEM

The right tools.
A clear purpose.

A curated landscape for these AI explorations.

Language & research

ChatGPTClaudeGeminiPerplexity

Build & connect

Codexn8nMakeMCP

Create & explore

AI image generationMidjourneyRunwayFigma

03 / THE WEB DEVELOPMENT SIDE

Websites, with
real-world purpose.

A collection of websites I’ve worked on.
Explore the details behind each preview.

WORDPRESS / FRONTEND / TEAM PROJECTSLooking for AI concepts?
  1. Finance & Tax01 /

    Archer Solutions

    www.archersolutions.biz

    Archer Solutions homepage preview
  2. Marketing & Creative02 /

    Charisma Ink

    charismaink.com

    Charisma Ink homepage preview
  3. Finance & Tax03 /

    Clergy Taxes CPA

    www.clergytaxescpa.com

    Clergy Taxes CPA homepage preview
  4. Finance & Tax04 /

    CPA for Freelancers

    www.cpaforfreelancers.com

    CPA for Freelancers homepage preview
  5. Business & Consulting05 /

    Dawn Brolin

    dawnbrolin.com

    Dawn Brolin homepage preview
  6. Finance & Tax06 /

    GSMK LLC

    www.gsmkny.com

    GSMK LLC homepage preview
  7. Finance & Tax07 /

    Hensley CPAs

    hensleycpas.us

    Hensley CPAs homepage preview
  8. Finance & Tax08 /

    McComb and Company

    mccombandcompany.com

    McComb and Company homepage preview
  9. Finance & Tax09 /

    MEDOWS CPA

    www.medowscpa.com

    MEDOWS CPA homepage preview
  10. Finance & Tax10 /

    Sabo Accounting & Tax Services

    saboaccounting.com

    Sabo Accounting & Tax Services homepage preview

Showing 10 of 28 websites

Websites shown represent my contributions within team projects. Designs, brands and content belong to their respective owners.

HUMAN DIRECTION × AI POSSIBILITIES
Think clearlyBuild thoughtfullyKeep learning

04 / THE PERSON BEHIND THE WORK

Curiosity, with
a practical side.

I’m Ahmad Rafi Riyanda, an AI specialist and WordPress/frontend developer based in Malang, Indonesia.

My foundation is hands-on website development: building pages, implementing designs, connecting tools and solving the issues that come up along the way.

My AI portfolio extends that curiosity into assistants, workflow automation and generative visuals. I start with a clear brief, explore the possibilities and keep human review part of the process.

I care about useful outcomes, clear communication and the small details that make a digital experience feel right.

Let’s talk about your idea

05 / THE PRACTICAL FOUNDATION

Professional
Experience.

Hands-on web experience.
A foundation for my AI-focused direction.

01 /

DeskTeam360

Frontend Developer

May 2022 - Present

  • 01

    Develop, customize, and maintain responsive WordPress websites and landing pages for multiple clients.

  • 02

    Customize themes, plugins, and page layouts using HTML, CSS, JavaScript, PHP, Elementor, and WPBakery.

  • 03

    Integrate forms, analytics, tracking tools, and third-party services to support business and marketing requirements.

  • 04

    Perform functional, responsive, and cross-browser testing to ensure consistent performance across desktop and mobile devices.

  • 05

    Troubleshoot website issues, resolve bugs, and improve site speed, usability, security, and overall performance.

  • 06

    Manage content updates, plugin and theme maintenance, website migrations, and ongoing technical support.

  • 07

    Collaborate with internal teams and clients to deliver practical solutions aligned with project requirements and development best practices.

WordPressElementorWPBakeryHTMLCSSJavaScriptPHP
02 /

BIIS Corp (PT Biis Griya Nadi)

WordPress Developer

January 2021 - June 2022

  • 01

    Built and customized responsive WordPress websites and landing pages using Elementor.

  • 02

    Managed themes, plugins, content updates, and routine website maintenance.

  • 03

    Performed functional, responsive, and cross-browser testing to ensure a consistent user experience.

  • 04

    Identified and resolved layout, functionality, and compatibility issues across websites.

  • 05

    Improved website performance, usability, and mobile responsiveness.

  • 06

    Applied SEO best practices to support search visibility and lead-generation goals.

WordPressElementorWebsite maintenanceResponsive testingSEO

06 / LET’S CONNECT

A good idea starts
with a conversation.

AI workflows, a better website, or your next teammate.
Tell me what you have in mind.

01 / EMAILrafia3896@gmail.com02 / PHONE+62 812-4982-489503 / LINKEDINAhmad Rafi Riyanda

Malang, IndonesiaAI specialist · WordPress & frontend developer

Download CV
LET’S MAKE IT CONCRETE

Start with a short brief.

Prepare a message, review it, then send it using your email app.

Prefer a dedicated page?

Open Contact