I'm a versatile full-stack web developer with a knack for crafting seamless, user-focused experiences. From intuitive designs to delightful interfaces and robust backend systems, I thrive on tackling any part of the tech stack that impacts a client's experience while driving business needs securely and efficiently. My passion lies in building solutions that are both functional and visually compelling, always pushing to sharpen my skills and deliver top-notch results.
Full-stack developer with deep expertise in modern JavaScript and a focus on the Vue.js ecosystem since its early days in 2015. Proficient in building robust applications with past experience in Java and PHP. Skilled in designing efficient cloud architectures and implementing strong security practices to deliver scalable, secure solutions.
What I do
UI Development
Database Admin
API Development
Cloud Infrastructure
Creative The sizzle
Figma
Illustrator
Photoshop
UI designer with an understanding of fundamental UX concepts. Figma specialist experienced in generating low and high fidelity mockups, rapid prototyping, and creating basic vector graphics. Close adherence to design principles, "laws of UX", and modern trends.
What I do
UI Design
Mockups
Brand Identity
User Research
Basic Graphic Design
Work Here are a few work samples. Some new, some very old.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus, making template personalization effortless for sellers and their customers.
The design editor running in a white-labeled storefront.
The Problem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ligula porta felis euismod semper. Cras mattis consectetur purus sit amet fermentum. Donec ullamcorper nulla non metus auctor fringilla.
Maecenas faucibus mollis interdum.
Nullam quis risus eget urna mollis ornare vel eu leo.
Aenean lacinia bibendum nulla sed consectetur.
Design System
Etiam porta sem malesuada magna mollis euismod. Curabitur blandit tempus porttitor. Donec sed odio dui, nullam id dolor id nibh ultricies vehicula ut id elit.
Type scale, color palette and button styles.
Editor Tooling
Sed posuere consectetur est at lobortis. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
Editor mode toolbar: Design Mode, Settings, Protections and Customer Preview.Property widgets, each with an unused and open state.
Asset Management
Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
Browsing listing designs by collection.
Outcome
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas sed diam eget risus varius blandit sit amet non magna.
Web App · Case Study
A guided self-assessment for Security Operations Center providers in the Cyber QSMO Marketplace, scoring each control against four levels of maturity.
Each control is scored across four maturity levels, with overall progress tracked up top.
The Problem
Vestibulum id ligula porta felis euismod semper. Cras mattis consectetur purus sit amet fermentum. Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.
Starting an Assessment
Providers choose a target maturity level to start a new assessment, and can pick up any in-progress or completed assessment from a single table.
The assessments dashboard.
Scoring Controls
Questions are grouped by function (Identify, Protect, Detect, Respond and Recovery) in the sidebar. Each maturity level lists its criteria with a quick status select.
Validation criteria open in a dialog, keeping the question screen focused on the answers.
Validation criteria for a control.
Outcome
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas sed diam eget risus varius blandit sit amet non magna.
Website · Case Study
A website for a Las Vegas family law firm, built on a strict four-column grid with black-and-white photography and a single teal accent.
The homepage: each block in the grid leads to a section of the site.
The Problem
Vestibulum id ligula porta felis euismod semper. Cras mattis consectetur purus sit amet fermentum. Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.
The Grid
Thin rules divide every page into four equal columns. Photography, navigation and content blocks all snap to those columns, while monochrome imagery lets the teal accent carry the calls to action.
Navigation
The current page's tab drops below the header into the content, with arrows to step to the previous or next section.
The Practice Areas page.
Consultation First
A free consultation form sits in the sidebar of every inner page, and the consultation page closes with a large call to phone the office.
The Consultation page.
Outcome
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas sed diam eget risus varius blandit sit amet non magna.
