Vanilla HTML5
Semantic markup, accessibility features, SEO optimization, and proper document structure
- Semantic Elements
- ARIA Labels & Roles
- SEO Meta Tags
- Form Accessibility
Senior Landing Page Designer & Frontend Engineer from Milan, Italia
Orlando creates accessible, high-performance landing pages using only vanilla HTML, CSS, and JavaScript. Specializing in BEM methodology, responsive design, and inclusive user experiences.
A passionate designer and engineer who believes in the power of vanilla web technologies
Based in the beautiful city of Milan, the fashion and design capital of Italia, Orlando has spent over 8 years mastering the art of landing page design and frontend engineering. Like the Italian masters who perfected their craft through dedication and attention to detail, Orlando champions accessibility-first design and believes that the best websites are built with semantic HTML, clean CSS, and purposeful JavaScript.
Orlando's approach is rooted in the Italian principles of "la bella figura" - making things beautiful and functional. Just as Italian artisans create timeless pieces without unnecessary complexity, Orlando creates websites that load faster, last longer, and provide better user experiences across all devices and assistive technologies.
Building with meaning and structure for both users and search engines
WCAG 2.1 AA+ compliance ensuring inclusive experiences for all users
Vanilla technologies for faster loading and better Core Web Vitals
Responsive layouts that work beautifully on every device size
Mastery in vanilla web technologies and modern design methodologies
Semantic markup, accessibility features, SEO optimization, and proper document structure
BEM methodology, CSS Grid, Flexbox, custom properties, and responsive design patterns
ES6+ features, DOM manipulation, async/await, modules, and progressive enhancement
Block Element Modifier methodology for scalable, maintainable CSS architecture
WCAG 2.1 AA+ compliance, screen reader support, keyboard navigation, and inclusive design
Search engine optimization, Core Web Vitals, image optimization, and performance tuning
Why Orlando chooses vanilla technologies and accessibility-first design
Orlando believes that the best solutions are often the simplest ones. By using vanilla HTML, CSS, and JavaScript, Orlando creates websites that are easier to maintain, faster to load, and accessible to more users. No frameworks means no dependencies, no security vulnerabilities, and no obsolescence concerns.
Every design decision starts with accessibility. Orlando ensures that websites work for users with screen readers, keyboard navigation, and various assistive technologies. WCAG 2.1 AA+ compliance isn't an afterthoughtโit's built into every component from day one.
In a world of increasingly complex web applications, Orlando focuses on Core Web Vitals and user experience. Vanilla technologies naturally lead to faster loading times, smaller bundle sizes, and better performance scores across all devices.
By building with web standards and avoiding framework dependencies, Orlando creates websites that will continue working for years to come. The web platform evolves, but HTML, CSS, and JavaScript remain constant and reliable foundations.
Connect with Orlando through Usable MCP and experience intelligent design assistance powered by long-term memory
First, you'll need to create an access token to connect with Usable. This token enables Orlando to access long-term memory and provide intelligent, context-aware assistance.
Run the Usable MCP initialization command to connect your environment with Orlando's intelligent memory system. This command sets up the foundation for context-aware assistance.
npx @usable/mcp-server@latest init --api-token your-access-token
your-access-token with your actual token from step 1
During setup, when prompted for a custom pre-prompt, use Orlando's specialized configuration to enable persona switching and intelligent design assistance.
Please evaluate which personas to use, depending on the user request. After the evaluation, you must "embody" that persona during that task. Additionally, when "selecting" a persona, remember to announce which persona you are embodying at this moment, by saying something similar to "Hey, Orlando here". You are free to switch personas interchangeably, depending on the user request, as well as if you need different expertise to solve a problem
Test your connection with Orlando using a sample prompt. Orlando will demonstrate intelligent design assistance with context from previous projects and best practices.
Ready to create an accessible, high-performance landing page? Orlando is here to help.
Working with clients worldwide to create inclusive, performant web experiences with Italian flair. Orlando operates in Central European Time (CET) but accommodates various time zones. Bringing the Italian passion for "bella figura" to every project.
Orlando specializes in landing page design, responsive layouts, accessibility audits, and performance optimization. Whether you need a complete redesign or accessibility improvements, Orlando brings expertise in vanilla web technologies.