24 Anni di Webproject A.R. | Timeline 2002-2026<\/title>\n <meta name=\"description\" content=\"La storia di Webproject A.R.: 24 anni di evoluzione web design, SEO, fotografia e innovazione digitale a Capua.\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;\n background: linear-gradient(135deg, #f5f7fa 0%, #f0f2f5 100%);\n padding: 40px 20px;\n color: #333;\n line-height: 1.6;\n }\n \n .timeline-container {\n max-width: 1000px;\n margin: 0 auto;\n }\n\n \/* STILE PER H2 INSERITI *\/\n .timeline-container h2 {\n color: #1a2a4a;\n font-size: 1.8rem;\n font-weight: bold;\n margin: 50px 0 20px 0;\n padding-bottom: 15px;\n border-bottom: 3px solid #C8A84B;\n text-align: center;\n }\n\n .cta-section h2 {\n color: #d9534f !important;\n border-bottom: none;\n }\n\n .timeline-header {\n text-align: center;\n margin-bottom: 80px;\n animation: fadeInDown 0.8s ease-out;\n }\n \n .timeline-header h1 {\n font-size: clamp(2rem, 5vw, 3.5rem);\n color: #1a2a4a;\n margin-bottom: 15px;\n font-weight: 700;\n letter-spacing: -0.5px;\n }\n \n .timeline-header .subtitle {\n font-size: 1.2rem;\n color: #666;\n margin-bottom: 10px;\n }\n \n .timeline-header .tagline {\n font-size: 1rem;\n color: #999;\n font-style: italic;\n margin-top: 20px;\n }\n \n .timeline-header .years-badge {\n display: inline-block;\n background: #C8A84B;\n color: white;\n padding: 12px 28px;\n border-radius: 50px;\n font-weight: 700;\n font-size: 1.3rem;\n margin-top: 20px;\n box-shadow: 0 4px 15px rgba(200, 168, 75, 0.3);\n }\n \n \/* Timeline Main Structure *\/\n .timeline {\n position: relative;\n padding: 20px 0;\n }\n \n .timeline::before {\n content: '';\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n width: 4px;\n height: 100%;\n background: linear-gradient(180deg, #C8A84B 0%, #1a2a4a 100%);\n border-radius: 2px;\n }\n \n \/* Timeline Item *\/\n .timeline-item {\n margin-bottom: 50px;\n animation: fadeInUp 0.8s ease-out both;\n }\n \n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n .timeline-item:nth-child(4) { animation-delay: 0.4s; }\n .timeline-item:nth-child(5) { animation-delay: 0.5s; }\n .timeline-item:nth-child(6) { animation-delay: 0.6s; }\n .timeline-item:nth-child(7) { animation-delay: 0.7s; }\n .timeline-item:nth-child(8) { animation-delay: 0.8s; }\n \n .timeline-item:nth-child(odd) .content {\n margin-left: 0;\n margin-right: auto;\n width: calc(50% - 40px);\n text-align: right;\n padding-right: 40px;\n }\n \n .timeline-item:nth-child(even) .content {\n margin-left: auto;\n margin-right: 0;\n width: calc(50% - 40px);\n text-align: left;\n padding-left: 40px;\n }\n \n .timeline-dot {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n width: 20px;\n height: 20px;\n background: white;\n border: 4px solid #C8A84B;\n border-radius: 50%;\n top: 30px;\n z-index: 10;\n transition: all 0.3s ease;\n box-shadow: 0 0 0 8px rgba(200, 168, 75, 0.1);\n }\n \n .timeline-item:hover .timeline-dot {\n width: 28px;\n height: 28px;\n top: 26px;\n box-shadow: 0 0 0 12px rgba(200, 168, 75, 0.2);\n border-color: #1a2a4a;\n }\n \n .content {\n background: white;\n padding: 30px;\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n border-left: 4px solid #C8A84B;\n transition: all 0.3s ease;\n cursor: default;\n }\n \n .timeline-item:hover .content {\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\n transform: translateY(-5px);\n border-left-color: #1a2a4a;\n }\n \n .year {\n font-size: 1.8rem;\n font-weight: 700;\n color: #C8A84B;\n margin-bottom: 8px;\n font-family: 'Courier New', monospace;\n }\n \n .title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #1a2a4a;\n margin-bottom: 12px;\n }\n \n .description {\n color: #666;\n font-size: 0.95rem;\n line-height: 1.7;\n }\n \n .tags {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-top: 15px;\n }\n \n .tag {\n display: inline-block;\n background: rgba(200, 168, 75, 0.1);\n color: #1a2a4a;\n padding: 4px 12px;\n border-radius: 20px;\n font-size: 0.8rem;\n font-weight: 500;\n border: 1px solid rgba(200, 168, 75, 0.3);\n }\n \n .image-placeholder {\n width: 100%;\n height: 200px;\n background: linear-gradient(135deg, rgba(200, 168, 75, 0.1), rgba(26, 42, 74, 0.05));\n border-radius: 6px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #999;\n font-size: 0.9rem;\n margin: 15px 0;\n border: 2px dashed rgba(200, 168, 75, 0.3);\n }\n \n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .timeline::before {\n left: 0;\n }\n \n .timeline-item:nth-child(odd) .content,\n .timeline-item:nth-child(even) .content {\n width: 100%;\n text-align: left;\n padding-left: 50px;\n margin-left: 0;\n margin-right: 0;\n }\n \n .timeline-dot {\n left: 0;\n }\n \n .timeline-header h1 {\n font-size: 2rem;\n }\n \n .timeline-header .subtitle {\n font-size: 1rem;\n }\n\n .timeline-container h2 {\n font-size: 1.4rem;\n margin: 40px 0 15px 0;\n }\n }\n \n @media (max-width: 480px) {\n body {\n padding: 20px 10px;\n }\n \n .timeline-item {\n margin-bottom: 40px;\n }\n \n .content {\n padding: 20px;\n border-left: 3px solid #C8A84B;\n }\n \n .year {\n font-size: 1.5rem;\n }\n \n .title {\n font-size: 1.1rem;\n }\n \n .image-placeholder {\n height: 150px;\n }\n\n .timeline-container h2 {\n font-size: 1.2rem;\n margin: 30px 0 12px 0;\n }\n }\n \n \/* Animations *\/\n @keyframes fadeInDown {\n from {\n opacity: 0;\n transform: translateY(-30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n margin-top: 60px;\n margin-bottom: 60px;\n }\n \n .stat-card {\n background: white;\n padding: 30px;\n border-radius: 8px;\n text-align: center;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n border-top: 3px solid #C8A84B;\n }\n \n .stat-number {\n font-size: 2.5rem;\n font-weight: 700;\n color: #C8A84B;\n margin-bottom: 8px;\n }\n \n .stat-label {\n color: #1a2a4a;\n font-weight: 600;\n font-size: 0.95rem;\n }\n \n .cta-section {\n text-align: center;\n margin-top: 80px;\n padding: 50px 30px;\n background: linear-gradient(135deg, #1a2a4a 0%, #2d3f5a 100%);\n border-radius: 12px;\n color: white;\n }\n \n .cta-section h2 {\n font-size: 2rem;\n margin-bottom: 15px;\n font-weight: 700;\n }\n \n .cta-section p {\n font-size: 1.1rem;\n margin-bottom: 25px;\n opacity: 0.95;\n }\n \n .cta-button {\n display: inline-block;\n background: #C8A84B;\n color: #1a2a4a;\n padding: 14px 40px;\n border-radius: 50px;\n text-decoration: none;\n font-weight: 600;\n font-size: 1rem;\n transition: all 0.3s ease;\n border: 2px solid #C8A84B;\n }\n \n .cta-button:hover {\n background: transparent;\n color: #C8A84B;\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(200, 168, 75, 0.3);\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"timeline-container\">\n \n <div class=\"timeline-header\">\n <h1>24 Anni di Webproject A.R.<\/h1>\n <p class=\"subtitle\">Dall’era dei siti HTML statici all’intelligenza artificiale<\/p>\n <span class=\"years-badge\">2002 \u2192 2026<\/span>\n <p class=\"tagline\">Oltre 500 progetti. 200+ clienti attivi. Una sola missione: il vostro successo digitale.<\/p>\n <\/div>\n \n \n <div class=\"stats-grid\">\n <div class=\"stat-card\">\n <div class=\"stat-number\">24+<\/div>\n <div class=\"stat-label\">Anni di Esperienza<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">500+<\/div>\n <div class=\"stat-label\">Progetti Realizzati<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">200+<\/div>\n <div class=\"stat-label\">Clienti Attivi<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">100%<\/div>\n <div class=\"stat-label\">Clienti Soddisfatti<\/div>\n <\/div>\n <\/div>\n\n \n <h2>Web Design Professionale a Capua dal 2002<\/h2>\n \n \n <div class=\"timeline\">\n \n <div class=\"timeline-item\">\n <div class=\"timeline-dot\"><\/div>\n <div class=\"content\">\n <div class=\"year\">2002<\/div>\n <div class=\"title\">La Fondazione<\/div>\n <div class=\"description\">\n Aldo Romana fonda Webproject A.R. a Capua (Caserta). Era HTML puro, Dreamweaver, e visione chiara: aiutare le PMI locali a scoprire il web. Il primo cliente? Una bottega del centro storico che oggi ancora genera lead dal sito del 2004.\n <\/div>\n <div class=\"tags\">\n <span class=\"tag\">HTML 4.0<\/span>\n <span class=\"tag\">Web Design<\/span>\n <span class=\"tag\">SME Locali<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"timeline-item\">\n <div class=\"timeline-dot\"><\/div>\n <div class=\"content\">\n <div class=\"year\">2005-2008<\/div>\n <div class=\"title\">L’Era CSS e dei Blog<\/div>\n <div class=\"description\">\n WordPress rivoluziona il panorama. Webproject passa da HTML a template CMS. Primi esperimenti di SEO: keyword research manuale, link building locale. Cliente storico di oreficeria decide di seguirci per 18 anni consecutivi.\n <\/div>\n <div class=\"tags\">\n <span class=\"tag\">WordPress<\/span>\n <span class=\"tag\">SEO Base<\/span>\n <span class=\"tag\">Blog Publishing<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"timeline-item\">\n <div class=\"timeline-dot\"><\/div>\n <div class=\"content\">\n <div class=\"year\">2009-2012<\/div>\n <div class=\"title\">Scoperta della Fotografia Aziendale<\/div>\n <div class=\"description\">\n Aldo acquista la prima DSLR per “fotografare i propri siti” e si accorge che la qualit\u00e0 visiva eleva il progetto web del 300%. Inizia a offrire pacchetti integrate: web + foto proprietaria. I siti iniziano ad avere <em>identit\u00e0<\/em>.\n <\/div>\n <div class=\"tags\">\n <span class=\"tag\">Fotografia<\/span>\n <span class=\"tag\">Web + Visual<\/span>\n <span class=\"tag\">Branding<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <\/div>\n\n <h2>SEO e Fotografia Aziendale per PME Caserta<\/h2>\n\n <div class=\"timeline\">\n \n \n <div class=\"timeline-item\">\n <div class=\"timeline-dot\"><\/div>\n <div class=\"content\">\n <div class=\"year\">2013-2016<\/div>\n <div class=\"title\">L’Era Mobile e E-commerce<\/div>\n <div class=\"description\">\n Mobile-first non \u00e8 opzione, \u00e8 obbligo. Fonda compramisubito.com: e-commerce dropshipping su PrestaShop. Lezione imparata: automatizzare la catena di approvvigionamento. QNAP NAS di casa gestisce 2000+ SKU. Prima esperienza con programmatic SEO.\n <\/div>\n <div class=\"tags\">\n <span class=\"tag\">Mobile Design<\/span>\n <span class=\"tag\">PrestaShop<\/span>\n <span class=\"tag\">Automation<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"timeline-item\">\n <div class=\"timeline-dot\"><\/div>\n <div class=\"content\">\n <div class=\"year\">2017-2019<\/div>\n <div class=\"title\">Specializzazione: Fotografia Professionale<\/div>\n <div class=\"description\">\n La fotografia di Aldo inizia a raccogliere riconoscimenti sui profili Instagram (@aldoromana_photo raggiunge migliaia di follower). Fotografa teatrali, architetture, corporate events. Integra la fotografia come servizio <strong>standalone<\/strong>: la professionalit\u00e0 conta pi\u00f9 del volume.\n <\/div>\n <div class=\"tags\">\n <span class=\"tag\">Fotografia Event<\/span>\n <span class=\"tag\">Architettura<\/span>\n <span class=\"tag\">Personal Brand<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <\/div>\n\n <h2>Assistenza Informatica e Riparazioni PC nel Sud Italia<\/h2>\n\n <div class=\"timeline\">\n \n \n <div class=\"timeline-item\">\n <div class=\"timeline-dot\"><\/div>\n <div class=\"content\">\n <div class=\"year\">2020-2021<\/div>\n <div class=\"title\">La Pandemia & Core Web Vitals<\/div>\n <div class=\"description\">\n Mentre il mondo si ferma, Webproject aggiorna tutti gli hosting e infrastrutture. Google annuncia Core Web Vitals. Aldo diventa esperto di performance: ogni sito scende sotto i 2 secondi di caricamento. Cliente di fotografia scopre che velocit\u00e0 = conversioni.\n <\/div>\n <div class=\"tags\">\n <span class=\"tag\">Performance<\/span>\n <span class=\"tag\">Page Speed<\/span>\n <span class=\"tag\">Core Web Vitals<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"timeline-item\">\n <div class=\"timeline-dot\"><\/div>\n <div class=\"content\">\n <div class=\"year\">2022-2023<\/div>\n <div class=\"title\">L’Era dell’AI & Automazione Avanzata<\/div>\n <div class=\"description\">\n ChatGPT cambia tutto. Webproject sperimenta con AI per content generation, ma mantiene controllo editoriale umano. Inizia costruzione di PWA per clienti: app-like experience senza App Store. Ripara i primi danni da “AI-generated content low quality” di competitor.\n <\/div>\n <div class=\"tags\">\n <span class=\"tag\">AI & ML<\/span>\n <span class=\"tag\">PWA<\/span>\n <span class=\"tag\">Automation<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <\/div>\n\n <h2>Come 24 Anni di Esperienza Ti Aiutano a Crescere Online<\/h2>\n\n <div class=\"timeline\">\n \n \n <div class=\"timeline-item\">\n <div class=\"timeline-dot\"><\/div>\n <div class=\"content\">\n <div class=\"year\">2024-2026<\/div>\n <div class=\"title\">Integrazione Totale: Web + Foto + AI + Repair<\/div>\n <div class=\"description\">\n Webproject \u00e8 oggi una consultoria <strong>360\u00b0<\/strong>: aiuta PME non solo a vendere online, ma a costruire <em>identit\u00e0 visiva credibile<\/em>. Repair shop proprietario diagnostica problemi hardware con AI. Blog su compramisubito genera 2000+ sessioni\/mese. LinkedIn raggiunge 1500+ follower. L’esperienza di 24 anni diventa il vostro vantaggio competitivo.\n <\/div>\n <div class=\"tags\">\n <span class=\"tag\">Full-Stack Consulting<\/span>\n <span class=\"tag\">SEO & AI<\/span>\n <span class=\"tag\">Visual + Tech<\/span>\n <span class=\"tag\">Thought Leadership<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"cta-section\">\n <h2>Il Vostro Prossimo Capitolo<\/h2>\n <p>24 anni di esperienza. Un team che conosce i vostri problemi prima che li conosciate voi.<\/p>\n <a href=\"\/creazione-siti-web\/#at-contact\" class=\"cta-button\">Iniziamo Insieme<\/a>\n <\/div>\n <\/div>\n \n \n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"Organization\",\n \"name\": \"Webproject A.R. di Aldo Romana\",\n \"url\": \"https:\/\/www.webpar.it\",\n \"logo\": \"https:\/\/www.webpar.it\/logo.png\",\n \"description\": \"24 anni di web design, SEO, fotografia professionale e consulenza digitale per PME nel Sud Italia\",\n \"foundingDate\": \"2002\",\n \"founder\": {\n \"@type\": \"Person\",\n \"name\": \"Aldo Romana\",\n \"jobTitle\": \"Founder & Digital Strategist\",\n \"url\": \"https:\/\/www.linkedin.com\/in\/aldo-romana-40786291?utm_source=share_via&utm_content=profile&utm_medium=member_ios\",\n \"image\": \"https:\/\/webpar.it\/aldo-romana.jpg\"\n },\n \"location\": {\n \"@type\": \"Place\",\n \"name\": \"Capua\",\n \"address\": {\n \"@type\": \"PostalAddress\",\n \"addressLocality\": \"Capua\",\n \"addressRegion\": \"CE\",\n \"addressCountry\": \"IT\"\n }\n },\n \"sameAs\": [\n \"https:\/\/www.linkedin.com\/in\/aldo-romana-40786291?utm_source=share_via&utm_content=profile&utm_medium=member_ios\",\n \"https:\/\/instagram.com\/webprojectar\",\n \"https:\/\/instagram.com\/aldoromana_photo\"\n ],\n \"service\": [\n {\n \"@type\": \"Service\",\n \"name\": \"Web Design & Development\",\n \"description\": \"Siti web professionali per PME\"\n },\n {\n \"@type\": \"Service\",\n \"name\": \"SEO Optimization\",\n \"description\": \"Posizionamento nei motori di ricerca\"\n },\n {\n \"@type\": \"Service\",\n \"name\": \"Fotografia Aziendale\",\n \"description\": \"Fotografia professionale per branding\"\n },\n {\n \"@type\": \"Service\",\n \"name\": \"E-commerce Solutions\",\n \"description\": \"Vendita online su PrestaShop\"\n }\n ],\n \"aggregateRating\": {\n \"@type\": \"AggregateRating\",\n \"ratingValue\": \"5\",\n \"bestRating\": \"5\",\n \"worstRating\": \"1\",\n \"ratingCount\": \"200\",\n \"reviewCount\": \"200\"\n },\n \"knowsAbout\": [\n \"Web Design\",\n \"SEO\",\n \"WordPress\",\n \"PrestaShop\",\n \"Digital Marketing\",\n \"Photography\",\n \"E-commerce\",\n \"AI & Automation\"\n ]\n }\n <\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>24 Anni di Webproject A.R. | Timeline 2002-2026 24 Anni di Webproject A.R. Dall’era dei siti HTML statici all’intelligenza artificiale 2002 \u2192 2026 Oltre 500 progetti. 200+ clienti attivi. Una sola missione: il vostro successo digitale. 24+ Anni di Esperienza 500+ Progetti Realizzati 200+ Clienti Attivi 100% Clienti Soddisfatti Web Design Professionale a Capua dal 2002 2002 La Fondazione Aldo Romana fonda Webproject A.R. a Capua (Caserta). Era HTML puro,…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-1373","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.webpar.it\/creazione-siti-web\/wp-json\/wp\/v2\/pages\/1373","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webpar.it\/creazione-siti-web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.webpar.it\/creazione-siti-web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.webpar.it\/creazione-siti-web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webpar.it\/creazione-siti-web\/wp-json\/wp\/v2\/comments?post=1373"}],"version-history":[{"count":8,"href":"https:\/\/www.webpar.it\/creazione-siti-web\/wp-json\/wp\/v2\/pages\/1373\/revisions"}],"predecessor-version":[{"id":1391,"href":"https:\/\/www.webpar.it\/creazione-siti-web\/wp-json\/wp\/v2\/pages\/1373\/revisions\/1391"}],"wp:attachment":[{"href":"https:\/\/www.webpar.it\/creazione-siti-web\/wp-json\/wp\/v2\/media?parent=1373"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1373,"date":"2026-04-13T09:06:27","date_gmt":"2026-04-13T07:06:27","guid":{"rendered":"https:\/\/www.webpar.it\/creazione-siti-web\/?page_id=1373"},"modified":"2026-04-13T09:45:29","modified_gmt":"2026-04-13T07:45:29","slug":"24-anni-di-webproject-a-r-timeline-2002-2026","status":"publish","type":"page","link":"https:\/\/www.webpar.it\/creazione-siti-web\/24-anni-di-webproject-a-r-timeline-2002-2026\/","title":{"rendered":"24 Anni di Expertise Web | La Storia di Webproject A.R."},"content":{"rendered":"\n\n\n\n \n \n 24 Anni di Webproject A.R. | Timeline 2002-2026<\/title>\n <meta name=\"description\" content=\"La storia di Webproject A.R.: 24 anni di evoluzione web design, SEO, fotografia e innovazione digitale a Capua.\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;\n background: linear-gradient(135deg, #f5f7fa 0%, #f0f2f5 100%);\n padding: 40px 20px;\n color: #333;\n line-height: 1.6;\n }\n \n .timeline-container {\n max-width: 1000px;\n margin: 0 auto;\n }\n\n \/* STILE PER H2 INSERITI *\/\n .timeline-container h2 {\n color: #1a2a4a;\n font-size: 1.8rem;\n font-weight: bold;\n margin: 50px 0 20px 0;\n padding-bottom: 15px;\n border-bottom: 3px solid #C8A84B;\n text-align: center;\n }\n\n .cta-section h2 {\n color: #d9534f !important;\n border-bottom: none;\n }\n\n .timeline-header {\n text-align: center;\n margin-bottom: 80px;\n animation: fadeInDown 0.8s ease-out;\n }\n \n .timeline-header h1 {\n font-size: clamp(2rem, 5vw, 3.5rem);\n color: #1a2a4a;\n margin-bottom: 15px;\n font-weight: 700;\n letter-spacing: -0.5px;\n }\n \n .timeline-header .subtitle {\n font-size: 1.2rem;\n color: #666;\n margin-bottom: 10px;\n }\n \n .timeline-header .tagline {\n font-size: 1rem;\n color: #999;\n font-style: italic;\n margin-top: 20px;\n }\n \n .timeline-header .years-badge {\n display: inline-block;\n background: #C8A84B;\n color: white;\n padding: 12px 28px;\n border-radius: 50px;\n font-weight: 700;\n font-size: 1.3rem;\n margin-top: 20px;\n box-shadow: 0 4px 15px rgba(200, 168, 75, 0.3);\n }\n \n \/* Timeline Main Structure *\/\n .timeline {\n position: relative;\n padding: 20px 0;\n }\n \n .timeline::before {\n content: '';\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n width: 4px;\n height: 100%;\n background: linear-gradient(180deg, #C8A84B 0%, #1a2a4a 100%);\n border-radius: 2px;\n }\n \n \/* Timeline Item *\/\n .timeline-item {\n margin-bottom: 50px;\n animation: fadeInUp 0.8s ease-out both;\n }\n \n .timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .timeline-item:nth-child(3) { animation-delay: 0.3s; }\n .timeline-item:nth-child(4) { animation-delay: 0.4s; }\n .timeline-item:nth-child(5) { animation-delay: 0.5s; }\n .timeline-item:nth-child(6) { animation-delay: 0.6s; }\n .timeline-item:nth-child(7) { animation-delay: 0.7s; }\n .timeline-item:nth-child(8) { animation-delay: 0.8s; }\n \n .timeline-item:nth-child(odd) .content {\n margin-left: 0;\n margin-right: auto;\n width: calc(50% - 40px);\n text-align: right;\n padding-right: 40px;\n }\n \n .timeline-item:nth-child(even) .content {\n margin-left: auto;\n margin-right: 0;\n width: calc(50% - 40px);\n text-align: left;\n padding-left: 40px;\n }\n \n .timeline-dot {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n width: 20px;\n height: 20px;\n background: white;\n border: 4px solid #C8A84B;\n border-radius: 50%;\n top: 30px;\n z-index: 10;\n transition: all 0.3s ease;\n box-shadow: 0 0 0 8px rgba(200, 168, 75, 0.1);\n }\n \n .timeline-item:hover .timeline-dot {\n width: 28px;\n height: 28px;\n top: 26px;\n box-shadow: 0 0 0 12px rgba(200, 168, 75, 0.2);\n border-color: #1a2a4a;\n }\n \n .content {\n background: white;\n padding: 30px;\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n border-left: 4px solid #C8A84B;\n transition: all 0.3s ease;\n cursor: default;\n }\n \n .timeline-item:hover .content {\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\n transform: translateY(-5px);\n border-left-color: #1a2a4a;\n }\n \n .year {\n font-size: 1.8rem;\n font-weight: 700;\n color: #C8A84B;\n margin-bottom: 8px;\n font-family: 'Courier New', monospace;\n }\n \n .title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #1a2a4a;\n margin-bottom: 12px;\n }\n \n .description {\n color: #666;\n font-size: 0.95rem;\n line-height: 1.7;\n }\n \n .tags {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-top: 15px;\n }\n \n .tag {\n display: inline-block;\n background: rgba(200, 168, 75, 0.1);\n color: #1a2a4a;\n padding: 4px 12px;\n border-radius: 20px;\n font-size: 0.8rem;\n font-weight: 500;\n border: 1px solid rgba(200, 168, 75, 0.3);\n }\n \n .image-placeholder {\n width: 100%;\n height: 200px;\n background: linear-gradient(135deg, rgba(200, 168, 75, 0.1), rgba(26, 42, 74, 0.05));\n border-radius: 6px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #999;\n font-size: 0.9rem;\n margin: 15px 0;\n border: 2px dashed rgba(200, 168, 75, 0.3);\n }\n \n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .timeline::before {\n left: 0;\n }\n \n .timeline-item:nth-child(odd) .content,\n .timeline-item:nth-child(even) .content {\n width: 100%;\n text-align: left;\n padding-left: 50px;\n margin-left: 0;\n margin-right: 0;\n }\n \n .timeline-dot {\n left: 0;\n }\n \n .timeline-header h1 {\n font-size: 2rem;\n }\n \n .timeline-header .subtitle {\n font-size: 1rem;\n }\n\n .timeline-container h2 {\n font-size: 1.4rem;\n margin: 40px 0 15px 0;\n }\n }\n \n @media (max-width: 480px) {\n body {\n padding: 20px 10px;\n }\n \n .timeline-item {\n margin-bottom: 40px;\n }\n \n .content {\n padding: 20px;\n border-left: 3px solid #C8A84B;\n }\n \n .year {\n font-size: 1.5rem;\n }\n \n .title {\n font-size: 1.1rem;\n }\n \n .image-placeholder {\n height: 150px;\n }\n\n .timeline-container h2 {\n font-size: 1.2rem;\n margin: 30px 0 12px 0;\n }\n }\n \n \/* Animations *\/\n @keyframes fadeInDown {\n from {\n opacity: 0;\n transform: translateY(-30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n margin-top: 60px;\n margin-bottom: 60px;\n }\n \n .stat-card {\n background: white;\n padding: 30px;\n border-radius: 8px;\n text-align: center;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n border-top: 3px solid #C8A84B;\n }\n \n .stat-number {\n font-size: 2.5rem;\n font-weight: 700;\n color: #C8A84B;\n margin-bottom: 8px;\n }\n \n .stat-label {\n color: #1a2a4a;\n font-weight: 600;\n font-size: 0.95rem;\n }\n \n .cta-section {\n text-align: center;\n margin-top: 80px;\n padding: 50px 30px;\n background: linear-gradient(135deg, #1a2a4a 0%, #2d3f5a 100%);\n border-radius: 12px;\n color: white;\n }\n \n .cta-section h2 {\n font-size: 2rem;\n margin-bottom: 15px;\n font-weight: 700;\n }\n \n .cta-section p {\n font-size: 1.1rem;\n margin-bottom: 25px;\n opacity: 0.95;\n }\n \n .cta-button {\n display: inline-block;\n background: #C8A84B;\n color: #1a2a4a;\n padding: 14px 40px;\n border-radius: 50px;\n text-decoration: none;\n font-weight: 600;\n font-size: 1rem;\n transition: all 0.3s ease;\n border: 2px solid #C8A84B;\n }\n \n .cta-button:hover {\n background: transparent;\n color: #C8A84B;\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(200, 168, 75, 0.3);\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"timeline-container\">\n \n <div class=\"timeline-header\">\n <h1>24 Anni di Webproject A.R.<\/h1>\n <p class=\"subtitle\">Dall’era dei siti HTML statici all’intelligenza artificiale<\/p>\n <span class=\"years-badge\">2002 \u2192 2026<\/span>\n <p class=\"tagline\">Oltre 500 progetti. 200+ clienti attivi. Una sola missione: il vostro successo digitale.<\/p>\n <\/div>\n \n \n <div class=\"stats-grid\">\n <div class=\"stat-card\">\n <div class=\"stat-number\">24+<\/div>\n <div class=\"stat-label\">Anni di Esperienza<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">500+<\/div>\n <div class=\"stat-label\">Progetti Realizzati<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">200+<\/div>\n <div class=\"stat-label\">Clienti Attivi<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">100%<\/div>\n <div class=\"stat-label\">Clienti Soddisfatti<\/div>\n <\/div>\n <\/div>\n\n \n <h2>Web Design Professionale a Capua dal 2002<\/h2>\n \n \n <div class=\"timeline\">\n \n <div class=\"timeline-item\">\n <div class=\"timeline-dot\"><\/div>\n <div class=\"content\">\n <div class=\"year\">2002<\/div>\n <div class=\"title\">La Fondazione<\/div>\n <div class=\"description\">\n Aldo Romana fonda Webproject A.R. a Capua (Caserta). Era HTML puro, Dreamweaver, e visione chiara: aiutare le PMI locali a scoprire il web. Il primo cliente? Una bottega del centro storico che oggi ancora genera lead dal sito del 2004.\n <\/div>\n <div class=\"tags\">\n <span class=\"tag\">HTML 4.0<\/span>\n <span class=\"tag\">Web Design<\/span>\n <span class=\"tag\">SME Locali<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"timeline-item\">\n <div class=\"timeline-dot\"><\/div>\n <div class=\"content\">\n <div class=\"year\">2005-2008<\/div>\n <div class=\"title\">L’Era CSS e dei Blog<\/div>\n <div class=\"description\">\n WordPress rivoluziona il panorama. Webproject passa da HTML a template CMS. Primi esperimenti di SEO: keyword research manuale, link building locale. Cliente storico di oreficeria decide di seguirci per 18 anni consecutivi.\n <\/div>\n <div class=\"tags\">\n <span class=\"tag\">WordPress<\/span>\n <span class=\"tag\">SEO Base<\/span>\n <span class=\"tag\">Blog Publishing<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"timeline-item\">\n <div class=\"timeline-dot\"><\/div>\n <div class=\"content\">\n <div class=\"year\">2009-2012<\/div>\n <div class=\"title\">Scoperta della Fotografia Aziendale<\/div>\n <div class=\"description\">\n Aldo acquista la prima DSLR per “fotografare i propri siti” e si accorge che la qualit\u00e0 visiva eleva il progetto web del 300%. Inizia a offrire pacchetti integrate: web + foto proprietaria. I siti iniziano ad avere <em>identit\u00e0<\/em>.\n <\/div>\n <div class=\"tags\">\n <span class=\"tag\">Fotografia<\/span>\n <span class=\"tag\">Web + Visual<\/span>\n <span class=\"tag\">Branding<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <\/div>\n\n <h2>SEO e Fotografia Aziendale per PME Caserta<\/h2>\n\n <div class=\"timeline\">\n \n \n <div class=\"timeline-item\">\n <div class=\"timeline-dot\"><\/div>\n <div class=\"content\">\n <div class=\"year\">2013-2016<\/div>\n <div class=\"title\">L’Era Mobile e E-commerce<\/div>\n <div class=\"description\">\n Mobile-first non \u00e8 opzione, \u00e8 obbligo. Fonda compramisubito.com: e-commerce dropshipping su PrestaShop. Lezione imparata: automatizzare la catena di approvvigionamento. QNAP NAS di casa gestisce 2000+ SKU. Prima esperienza con programmatic SEO.\n <\/div>\n <div class=\"tags\">\n <span class=\"tag\">Mobile Design<\/span>\n <span class=\"tag\">PrestaShop<\/span>\n <span class=\"tag\">Automation<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"timeline-item\">\n <div class=\"timeline-dot\"><\/div>\n <div class=\"content\">\n <div class=\"year\">2017-2019<\/div>\n <div class=\"title\">Specializzazione: Fotografia Professionale<\/div>\n <div class=\"description\">\n La fotografia di Aldo inizia a raccogliere riconoscimenti sui profili Instagram (@aldoromana_photo raggiunge migliaia di follower). Fotografa teatrali, architetture, corporate events. Integra la fotografia come servizio <strong>standalone<\/strong>: la professionalit\u00e0 conta pi\u00f9 del volume.\n <\/div>\n <div class=\"tags\">\n <span class=\"tag\">Fotografia Event<\/span>\n <span class=\"tag\">Architettura<\/span>\n <span class=\"tag\">Personal Brand<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <\/div>\n\n <h2>Assistenza Informatica e Riparazioni PC nel Sud Italia<\/h2>\n\n <div class=\"timeline\">\n \n \n <div class=\"timeline-item\">\n <div class=\"timeline-dot\"><\/div>\n <div class=\"content\">\n <div class=\"year\">2020-2021<\/div>\n <div class=\"title\">La Pandemia & Core Web Vitals<\/div>\n <div class=\"description\">\n Mentre il mondo si ferma, Webproject aggiorna tutti gli hosting e infrastrutture. Google annuncia Core Web Vitals. Aldo diventa esperto di performance: ogni sito scende sotto i 2 secondi di caricamento. Cliente di fotografia scopre che velocit\u00e0 = conversioni.\n <\/div>\n <div class=\"tags\">\n <span class=\"tag\">Performance<\/span>\n <span class=\"tag\">Page Speed<\/span>\n <span class=\"tag\">Core Web Vitals<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"timeline-item\">\n <div class=\"timeline-dot\"><\/div>\n <div class=\"content\">\n <div class=\"year\">2022-2023<\/div>\n <div class=\"title\">L’Era dell’AI & Automazione Avanzata<\/div>\n <div class=\"description\">\n ChatGPT cambia tutto. Webproject sperimenta con AI per content generation, ma mantiene controllo editoriale umano. Inizia costruzione di PWA per clienti: app-like experience senza App Store. Ripara i primi danni da “AI-generated content low quality” di competitor.\n <\/div>\n <div class=\"tags\">\n <span class=\"tag\">AI & ML<\/span>\n <span class=\"tag\">PWA<\/span>\n <span class=\"tag\">Automation<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <\/div>\n\n <h2>Come 24 Anni di Esperienza Ti Aiutano a Crescere Online<\/h2>\n\n <div class=\"timeline\">\n \n \n <div class=\"timeline-item\">\n <div class=\"timeline-dot\"><\/div>\n <div class=\"content\">\n <div class=\"year\">2024-2026<\/div>\n <div class=\"title\">Integrazione Totale: Web + Foto + AI + Repair<\/div>\n <div class=\"description\">\n Webproject \u00e8 oggi una consultoria <strong>360\u00b0<\/strong>: aiuta PME non solo a vendere online, ma a costruire <em>identit\u00e0 visiva credibile<\/em>. Repair shop proprietario diagnostica problemi hardware con AI. Blog su compramisubito genera 2000+ sessioni\/mese. LinkedIn raggiunge 1500+ follower. L’esperienza di 24 anni diventa il vostro vantaggio competitivo.\n <\/div>\n <div class=\"tags\">\n <span class=\"tag\">Full-Stack Consulting<\/span>\n <span class=\"tag\">SEO & AI<\/span>\n <span class=\"tag\">Visual + Tech<\/span>\n <span class=\"tag\">Thought Leadership<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"cta-section\">\n <h2>Il Vostro Prossimo Capitolo<\/h2>\n <p>24 anni di esperienza. Un team che conosce i vostri problemi prima che li conosciate voi.<\/p>\n <a href=\"\/creazione-siti-web\/#at-contact\" class=\"cta-button\">Iniziamo Insieme<\/a>\n <\/div>\n <\/div>\n \n \n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"Organization\",\n \"name\": \"Webproject A.R. di Aldo Romana\",\n \"url\": \"https:\/\/www.webpar.it\",\n \"logo\": \"https:\/\/www.webpar.it\/logo.png\",\n \"description\": \"24 anni di web design, SEO, fotografia professionale e consulenza digitale per PME nel Sud Italia\",\n \"foundingDate\": \"2002\",\n \"founder\": {\n \"@type\": \"Person\",\n \"name\": \"Aldo Romana\",\n \"jobTitle\": \"Founder & Digital Strategist\",\n \"url\": \"https:\/\/www.linkedin.com\/in\/aldo-romana-40786291?utm_source=share_via&utm_content=profile&utm_medium=member_ios\",\n \"image\": \"https:\/\/webpar.it\/aldo-romana.jpg\"\n },\n \"location\": {\n \"@type\": \"Place\",\n \"name\": \"Capua\",\n \"address\": {\n \"@type\": \"PostalAddress\",\n \"addressLocality\": \"Capua\",\n \"addressRegion\": \"CE\",\n \"addressCountry\": \"IT\"\n }\n },\n \"sameAs\": [\n \"https:\/\/www.linkedin.com\/in\/aldo-romana-40786291?utm_source=share_via&utm_content=profile&utm_medium=member_ios\",\n \"https:\/\/instagram.com\/webprojectar\",\n \"https:\/\/instagram.com\/aldoromana_photo\"\n ],\n \"service\": [\n {\n \"@type\": \"Service\",\n \"name\": \"Web Design & Development\",\n \"description\": \"Siti web professionali per PME\"\n },\n {\n \"@type\": \"Service\",\n \"name\": \"SEO Optimization\",\n \"description\": \"Posizionamento nei motori di ricerca\"\n },\n {\n \"@type\": \"Service\",\n \"name\": \"Fotografia Aziendale\",\n \"description\": \"Fotografia professionale per branding\"\n },\n {\n \"@type\": \"Service\",\n \"name\": \"E-commerce Solutions\",\n \"description\": \"Vendita online su PrestaShop\"\n }\n ],\n \"aggregateRating\": {\n \"@type\": \"AggregateRating\",\n \"ratingValue\": \"5\",\n \"bestRating\": \"5\",\n \"worstRating\": \"1\",\n \"ratingCount\": \"200\",\n \"reviewCount\": \"200\"\n },\n \"knowsAbout\": [\n \"Web Design\",\n \"SEO\",\n \"WordPress\",\n \"PrestaShop\",\n \"Digital Marketing\",\n \"Photography\",\n \"E-commerce\",\n \"AI & Automation\"\n ]\n }\n <\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>24 Anni di Webproject A.R. | Timeline 2002-2026 24 Anni di Webproject A.R. Dall’era dei siti HTML statici all’intelligenza artificiale 2002 \u2192 2026 Oltre 500 progetti. 200+ clienti attivi. Una sola missione: il vostro successo digitale. 24+ Anni di Esperienza 500+ Progetti Realizzati 200+ Clienti Attivi 100% Clienti Soddisfatti Web Design Professionale a Capua dal 2002 2002 La Fondazione Aldo Romana fonda Webproject A.R. a Capua (Caserta). Era HTML puro,…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-1373","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.webpar.it\/creazione-siti-web\/wp-json\/wp\/v2\/pages\/1373","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webpar.it\/creazione-siti-web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.webpar.it\/creazione-siti-web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.webpar.it\/creazione-siti-web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webpar.it\/creazione-siti-web\/wp-json\/wp\/v2\/comments?post=1373"}],"version-history":[{"count":8,"href":"https:\/\/www.webpar.it\/creazione-siti-web\/wp-json\/wp\/v2\/pages\/1373\/revisions"}],"predecessor-version":[{"id":1391,"href":"https:\/\/www.webpar.it\/creazione-siti-web\/wp-json\/wp\/v2\/pages\/1373\/revisions\/1391"}],"wp:attachment":[{"href":"https:\/\/www.webpar.it\/creazione-siti-web\/wp-json\/wp\/v2\/media?parent=1373"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}