FrontEnd
Developer FrontEnd Developer

I am a full-stack web experience developer with 20 years dedicated to building intuitive, accessible & motion-rich web experiences that balance aesthetics and usability through thoughtful design and a deep understanding of user needs.

Tell me more

Endorsement

Viki has been an indispensable part of our team for the last 5 years. Viki is a multi talented front-end developer that is not afraid to take on a challenge and is well versed in the latest web technologies including responsive design, JavaScript, HTML5 and CSS3. To boot, he has a great personality and is a pleasure to work with. If we had a license for cloning humans, Viki would be our first target.

Marc Avila, CTO
3 Media Web

Time Zone

GMT+5:30

Status

Open for Work

Prototyping

User Experience

Build

CI/CD Pipelines

About Me

I am passionate about crafting seamless, engaging, and accessible web experiences. In the ever-evolving landscape of web technologies, I have developed design concepts that harmoniously blend form and function by drawing insights from user behavior and addressing accessibility challenges. As a frontend developer, I combine a strong focus on user experience with the power of advanced AI tools like Claude Code and agentic development methodologies to significantly enhance both the quality and speed of my work.

Prototyping

19 Years

User Interface

18 Years

Accessibility & User Experience

14 Years

Content Integration

16 Years

CI / CD Pipelines

6 Years

AI Automation

3 Years

Profile Workflow

20YEARS

Workflow

Prototyping_

My proficiency extends to a spectrum of technologies, ensuring that your online presence is not only visually compelling but also functionally robust and aligned with the ever-evolving landscape of digital possibilities.

To develop a successful web prescence, it is imperative to start with a thorough understanding of the project requirements, goals, and the intended target audience. Every project I work on begins with listening. Before touching any design tools, I immerse myself in the client’s vision, mood, and tone, followed by research on industry trends, competitors, and user pain points to gather valuable insights to craft a visual direction. I follow it up with creating low-fidelity wireframes in Adode XD or Figma, serving as a blueprint to outline the fundamental structure and layout of the project.

NoteBook LM

Firecrawl

Figma

User interface_

The wireframes from the initial step serves as a foundation for the creation of high-fidelity mockups and prototypes, allowing stakeholders to visualize the design concept. This iterative and strategic approach ensures that the design interface aligns with the project's objectives and effectively caters to the needs and expectations of the target audience.

Once the protypes are frozen, the next step involves building the user interface, using semantic and accessible HTML.

Symantic HTML

CSS 3

Javascript

Tailwind

User experience_

A well-designed user experience is critical for the success of a website, impacting everything from user satisfaction and engagement to conversion rates and brand perception. My focus on user experience ensures that your product is accessible to all users, regardless of their abilities or limitations. By following accessibility standards and best practices, websites can reach a wider audience and provide an inclusive experience for everyone.

Tools like GSAP and Spline and Lottie enhance the user experience with fantastic animations that elevate the design. Meanwhile, micro-interactions like SVG draw motions, button hovers, and click animations add small but impactful details. These small details make the web experience feel more alive and engaging for users.

Lottie

GSAP

Spline

Accessibility

Build_

I leverage AI, particularly agentic CLI coding tools like Claude Code, to dramatically accelerate my web development workflow. These agents act as autonomous assistants that can plan, execute, and improve code with minimal human intervention, integrating directly into my workflows.

By using AI to refactor components for performance and accessibility, I gain more time to focus on design intent and user experience rather than repetitive troubleshooting. This agentic approach ensures that every build looks and performs flawlessly across browsers and devices, from Chrome to Safari, desktop to mobile, while keeping the development process efficient, adaptive, and future-ready.

WordPress

PHP

Docker

Node JS

Claude Code

Github Copilot

Astro

JSON

REST API

Terser

CI / CD Pipelines_

I see continuous integration and delivery as the backbone of modern workflows because they bring consistency, speed, and reliability from development to production. Continuous integration catches bugs early by testing and validating every change, while continuous delivery automates packaging and deployments, reducing risk and enabling faster, safer releases.

To ensure quality, I use tools like BrowserStack for cross-browser testing, AXE and WAVE for accessibility, and GitHub Actions for dependable deployment, making the entire process seamless and inclusive.

Browserstack

AXE

WAVE

GitHub Actions

PlayWright

Chrome DevTools

Stylelint

ESLint

Let's Talk

I firmly believe in the transformative power of a well-designed website.

Every website is a narrative waiting to unfold, and I bring this storytelling approach to my projects. From the elegance of user interfaces to the robustness of backend structures, I weave together technology and aesthetics to create digital landscapes that captivate and resonates with my clients user base.

FrontEnd Developer FrontEnd Developer

Endorsement

About Me

Workflow

Workflow

Prototyping_

Let's Talk

I firmly believe in the transformative power of a well-designed website.

FrontEnd
Developer FrontEnd Developer