Jason Benabente

Web Designer & Software Developer

Skills — Jason Benabente

// What I Use

Skills & tools

A practical toolkit I use to design, prototype, and build clean digital experiences.

Design Tools

FigmaAdvanced
Adobe XDIntermediate
ProtoPieFamiliar
FramerFamiliar
After EffectsBasic

Developer Tools

GitIntermediate
VS CodeAdvanced
FigmaAdvanced
BlenderIntermediate
UnityIntermediate

Backend

PHPAdvanced
KotlinIntermediate
JavaIntermediate
PythonAdvanced
CodeIgniterIntermediate
PostgreSQLIntermediate

Frontend

HTMLAdvanced
CSSAdvanced
JavaScriptIntermediate
jQueryIntermediate
ReactIntermediate
React NativeIntermediate
TailwindAdvanced
BootstrapAdvanced

Systems & Code

Design SystemsIntermediate
Design TokensFamiliar
HTML/CSSAdvanced
ReactIntermediate
AccessibilityIntermediate

AI Tools

GitHub CopilotAdvanced
CursorAdvanced
Claude CodeAdvanced
ChatGPTAdvanced
Gemini CodeAdvanced
CodexAdvanced

A practical toolkit for design and development.

2+Years Experience
62+Projects Worked On
100+Design Screens
My toolkitTools I work with
FigmaAdobe XDProtoPieFramerAfter EffectsGitVS CodeBlenderUnityPHPKotlinJavaPythonCodeIgniterPostgreSQLHTMLCSSJavaScriptjQueryReactReact NativeTailwindBootstrapGitHub CopilotCursorClaude CodeChatGPTGemini CodeCodex
// In more detail

What these skills mean for your project

Tools matter less than what you can do with them. Here is how my design and development skills fit together when I build a website or web application for a client.

Design

I design interfaces in Figma, starting with wireframes and moving to polished, responsive layouts. I care about typography, spacing, and clear hierarchy so visitors know where to look and what to do next.

Frontend development

I build websites with HTML, CSS, JavaScript, React, and Tailwind CSS. Pages are responsive, accessible, and fast, and the code is organised so it is easy to maintain and extend later.

Backend and databases

When a project needs forms, accounts, or stored data, I work with PHP, Python, and PostgreSQL to build the server side, so the finished site does more than display static pages.

Tools and workflow

I use Git for version control, VS Code for development, and modern AI coding assistants to speed up repetitive work. I review everything myself so the result stays clean, secure, and consistent.

Research and testing

Good websites are tested with real people. I use usability testing, journey mapping, and simple analytics to find problems early and improve the experience after launch.

How skills translate to results

For a small business, this means a website that loads quickly, looks professional on every device, is easy to update, and makes it simple for customers to contact you.