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.
Endorsement
Viki has been an indispensable part of our team for the last 5 years (now 16). 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.
3 Media Web
About Me
Performance and aesthetic benchmarks continue to challenge the notion of a usability plateau. 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.
Work Experience
Workflow
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 presence, it is imperative to start with a thorough understanding of the project requirements, goals, and the intended target audience. I am a great fan of NotebookLM for client research and using Adobe XD/ Figma to outline the fundamental structure and layout of the project.
NoteBook LM
Firecrawl
Figma
Pencil
User interface_
The wireframes from the initial step serve 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 prototypes are frozen, the next step involves building the user interface, using semantic and accessible HTML.
Semantic 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
Endorsements
Clarity in thought. Precision in execution.
Perspectives shaped by real projects, real challenges, and delivered outcomes, highlighting a track record built on accountability, precision, and dependable delivery.
Wanderer
Memories from around the World
I find myself most at peace in the heart of nature. Whether it is the stillness of a forest, the endless rhythm of the sea, or the whispering winds of a mountain trail, these moments of quietude is when I truly feel at home.
My wanderings have led me to some of the most extraordinary places where time seems to pause, allowing one to witness the heritage passed down to us. Along the way, I've encountered incredible marvels of human ingenuity, centuries-old inscriptions carved into prehistoric rocks, forgotten temples nestled in the hills, and ancient trails walked by generations past. Each site tells a story, not just of civilizations long gone, but of humanity's enduring dialogue with the planet.
Wat Arun · Bangkok
Torii Gate · Miyajima
Mallikarjuna · Pattadakal
Lake Shinji · Matsue
Nagalinga · Lepakshi
Snow Monkey · Jigokudani
Yasaka Pagoda · Kyoto
Inasahama Beach · Matsue
Hozomon Gate · Asakusa
Kiyosu Castle · Aichi
Matsue Castle · Autumn
Shikaribetsu Kotan · Hokkaido
Red Panda · Asahiyama
Polar Bear · Asahiyama
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 resonate with my clients' user base.