CINXE.COM

<!doctype html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>▷ ENGEL Grafik Web Designer ≡ START ≡ visuelle Kommunikation</title> <meta name="DC.title" lang="de" xml:lang="de" content="ENGEL Grafik Web Design Ξ START Ξ visuelle Kommunikation" />  <link rel="icon" href="favicon.ico" type="image/x-icon" title="ENGEL Grafik Web Design, Grafikdesign, Webdesign, Kommunikationsdesign, Mediendesign, Illustration, Animation" />  <meta name="description" lang="de" xml:lang="de" content="Starten Sie hier, wenn Sie wissen wollen, was Grafik- und Webdesigner eigentlich beruflich machen. Kommunikationsdesign ✔ du@engel-grafik.at" /> <meta name="DC.description" lang="de" xml:lang="de" content="Starten Sie hier, wenn Sie wissen wollen, was Grafik- und Webdesigner eigentlich beruflich machen. Kommunikationsdesign ✔ du@engel-grafik.at" /> <link rel="alternate" hreflang="en" href="../EN/" /> <link rel="alternate" hreflang="fr" href="../FR/" /> <link rel="alternate" type="application/rss+xml" title="ENGEL Grafik Web Design Newsfeed" href="https://engel-grafik.at/rss.xml" />  <meta property="website:published_time" lang="x-default" content="01-01-2014" /> <meta property="website:modified_time" lang="x-default" content="07-07-2023" /> <meta name="DC.Date" content="2022-01-01"> <meta name="DCTERMS.Modified" content="2023-07-07"> <meta name="DCTERMS.Created" content="2014-01-01"> <meta name="DCTERMS.Issued" content="2014-01-01"> <meta content="© Verena Engel 2014 - 2024 " property="copyright" /> <meta name="DC.Subject" content="Grafikdesigner, Webdesigner, Illustrator, Grafiker"> <meta name="DC.Language" content="de, de-at, de-en, de-ch, en, fr, ch"> <meta name="DC.Coverage" content="World"> <meta name="DC.Rights" content="Verena Engel"> <meta name="Author" content="Verena Engel" /> <meta name="DC.Publisher" content="Verena Engel" /> <meta name="DC.Creator" content="du@engel-grafik.at" /> <link rel="publisher" href="https://www.facebook.com/engel.grafik" title="Verena Engel, Grafikerin, Webdesignerin, Illmitz, Burgenland" /> <link rel="publisher" href="https://www.facebook.com/ENGEL.Grafik.Web.Design" title="ENGEL Grafik Web Design, Kommunikationsdesigner, Grafikdesigner, Webdesigner, Mediendesigner" /> <link rel="profile" href="http://microformats.org/profile/hcard" /> <link rel="profile" href="http://microformats.org/wiki/microformats2" /> <link rel="profile" href="https://schema.org" /> <link rel="profile" href="http://ogp.me" /> <meta property="fb:admins" content="1397103680554825" /> <meta property="fb:app_id" content="1397103680554825" /> <meta property="og:title" lang="de" xml:lang="de" content="ENGEL Grafik Web Designer, Grafikdesign, Webdesign, Kommunikationsdesign und Werbung" /> <meta property="og:title" lang="en" xml:lang="en" content="ENGEL, Graphic Web Designer, Europe" /> <meta property="og:title" lang="fr" xml:lang="fr" content="ENGEL, Conception Graphique, Web Designer" /> <meta property="og:description" content="Visuelle Kommunikation · Grafik Designer · Web Programmierung · Medien Illustration · Animation ▷ Design = Gestaltung : 2 3 4 D" /> <meta property="og:type" content="Website" /> <meta property="og:url" content="https://engel-grafik.at/DE/" /> <meta property="og:type" content="Logo" /> <meta property="og:image" content="https://engel-grafik.at/ms-icon-310x310.png" /> <meta property="og:type" content="Thumbnail" /> <meta property="og:image" content="https://engel-grafik.at/ENGEL-Grafik-Web-Design.png" /> <meta property="og:title" content="ENGEL Grafik Web Design" /> <meta property="copyright" content="© Verena Engel 2014 - 2023" /> <link type="text/plain" rel="author" href="/humans.txt" title="Verena Engel, Grafiker, Illustrator, Webdesigner, Mediendesigner, Grafikdesigner, Kommunikationsdesigner"/> <meta name="geo.region" content="AT-Burgenland" /> <meta name="geo.placename" content="Illmitz, Oesterreich, Autriche, Austria" /> <meta name="geo.position" content="47.7621000, 16.8006900" /> <meta name="ICBM" content="47.7621000, 16.8006900" /> <meta property="robots" content="index, follow, noarchive" /> <meta property="cache" content="no-store" /> <meta property="language" content="Multilingual DE-EN-FR" /> <meta property="audience" content="Europe" /> <meta property="revisit-after" content="15days" /> <meta name="format-detection" content="telephone=no" />  <link rel="apple-touch-startup-image" href="/engel_grafik.png"> <link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff"> <meta name="keywords" lang="de" xml:lang="de" content="Verena Engel, Grafikerin, Grafik, Medien, Designerin, Designer, Grafikdesigner, Wien, Burgenland, Oesterreich, Europa, Qualifikation, Ausbildung, Training, Diplom, Mediengestalter, Printgrafiker, Webdesign, Professionelle Textgestaltung, Professionell, Beruf, Mediengestaltung, Medien, Gestaltung, Print, Screen, Screendesign, Pressetext, Adobe Illustrator, Adobe Photoshop, Adobe Indesign, PS, AI, ID, Adobe Fireworks, Adobe Flash, Adobe Dreamweaver, PDF, RAW, Grafikmodul, PHP, SQL, CSS, HTML, Illustration, Typografie, Typographie, Grafiker aus Österreich, Grafiker aus Europa, Grafikerin im Burgenland, Informercial, Advertorial, Logo, Signet, Programmierung, Kommunikation, Bildsprache, Symbol, Werbung" /> <style> @font-face {font-family: 'nerislight'; src: url('../fonts/nerislight.eot'); src: url('../fonts/nerislight.eot?#iefix') format('embedded-opentype'), url('../fonts/nerislight.woff') format('woff'), url('../fonts/nerislight.ttf') format('truetype'), url('../fonts/nerislight.svg#nerislight') format('svg');} @font-face {font-family: 'nerislightitalic';src: url('../fonts/nerislightitalic.eot');src: url('../fonts/nerislightitalic.eot?#iefix') format('embedded-opentype'), url('../fonts/nerislightitalic.woff') format('woff'), url('../fonts/nerislightitalic.ttf') format('truetype'), url('../fonts/nerislightitalic.svg#nerislight_italic') format('svg');} @font-face {font-family: 'nerissemibold';src: url('../fonts/nerissemibold.eot');src: url('../fonts/nerissemibold.eot?#iefix') format('embedded-opentype'), url('../fonts/nerissemibold.woff') format('woff'), url('../fonts/nerissemibold.ttf') format('truetype'), url('../fonts/nerissemibold.svg#nerissemibold') format('svg');} @font-face {font-family: 'nerisbolditalic';src: url('../fonts/nerisbolditalic.eot'); src: url('../fonts/nerisbolditalic.eot?#iefix') format('embedded-opentype'), url('../fonts/nerisbolditalic.woff') format('woff'), url('../fonts/nerisbolditalic.ttf') format('truetype'), url('../fonts/nerisbolditalic.svg#nerisbold_italic') format('svg');} </style> <style> /** body { margin: 0; overflow: hidden; background-color: black; }**/ #image-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: fadeOut 10s linear forwards; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; transform: scale(0); } } </style> <link rel="stylesheet" href="../CSS/stylesheets.css" type="text/css" media="all" /> <link rel="stylesheet" href="../CSS/media320.css" type="text/css" media="only screen and (max-width:480px)" /> <link rel="stylesheet" href="../CSS/media501.css" type="text/css" media="only screen and (max-width:1000px)" /> <link rel="manifest" href="../manifest.json"/> <script src="../JS/heavyfunk.js"></script> <script src="../JS/ENGELserviceworker.js"></script> <script src="https://apis.google.com/js/platform.js" async defer></script> </head> <body> <script>bg();</script> <div class="bg" id="main"> <div class="table"> <div class="aside"> <a href="education.html" title="weiter"> <img src="../PIX/engel_logo.png" title="ENGEL, Grafiker, Webdesigner" alt="ENGEL, Grafikdesigner, Webdesigner, Werbung, Illmitz, Burgenland, Europa" class="log1 butone" height="100" width="100"/> </a></div> <div class="tr"> <div class="navi"> <nav class="left"> <a href="home.html" title="ENGEL, Grafiker, Illustrationen, Webdesigner HOME" > <img class="but" src="../PIX/engel_home.png" title="Grafikdesigner, Mediengestalter, Illustrat HOME" alt="Grafiker HOME" height="45" width="150"/> </a> <br /><a onclick="document.getElementById('click').play(); volume4();" title="Grafikdesigner START" ><img class="but" src="../PIX/engel_start.png" title="Verena Engel, Webdesigner, Grafikdesigner START, Kommunikationsdesigner" alt="Grafikdesigner, Verena Engel, Webdesigner, Kommunikationsdesigner" height="45" width="150" /></a> <br /> <a href="links.html" title="Grafikdesigner LINKS, Kommunikationsdesigner" > <img class="but" src="../PIX/engel_links.png" title="Grafiker LINKS" alt="Grafikdesigner, Webdesigner LINKS" height="45" width="150"/> </a> <br /> <a href="education.html" title="ausgebildet" > <img class="but" src="../PIX/engel_educat.png" title="meine Ausbildung" alt="Grafikdesigner, Webdesigner Ausbildung" height="45" width="150"/> </a> <br /> <a href="../flyons.html" title="FLYONS" > <img class="but" src="../PIX/engel_flyons.png" title="FLYONS" alt="Grafikdesigner, Webdesigner FLYONS" height="45" width="150"/> </a> <br /> <a href="../sitemap.html" title="Grafikdesigner, Webdesigner SITEMAP" > <img class="but" src="../PIX/engel_sitemap.png" title="ENGEL, Grafiker SITEMAP" alt="Grafiker, Kommunikationsdesigner SITEMAP" height="45" width="150"/></a> <br /> <a href="tel:+436646576471" title="Phone Graphic Designer"><img src="../PIX/handy.png" title="contact Graphic Designer" alt="contact Graphic Designer Austria" class="butone handy" height="100" width="45"/></a>   <a href="wunschliste.html" title="Wunschliste Grafikdesign" class="butone mail"><img src="../PIX/mail.png" title="Mail Grafikdesigner Webdesigner" alt="Grafikdesigner Mail Webdesigner" class="butone mail" height="100" width="35"/></a> <br /> <a href="../EN/wishlist.html" title="Contact Graphic-Designer Web-Designer"><img class="but" src="../PIX/engel_contact.png" title="Kontakt Grafikdesigner Webdesigner" alt="Grafikdesigner Webdesigner Kontakt" height="45" width="150" /></a> <br /> <a href="../species.html" title="Grafik Spezifikationen" ><img src="../PIX/engel_species.png" title="Grafikdesign Spezifikationen" alt="Grafikdesign Spezifikationen" height="45" width="150" class="but"/></a>  </nav> </div> <div class="main1"><nav class="nowrap"> <a href="/" title="ENGEL Grafik Web Design"><img src="../PIX/engel_start.png" title="ENGEL Grafik Web Design" alt="ENGEL Grafik Web Design" class="fallin but" height="45" width="150"/></a><a href="https://engel-grafik.at" title="ENGEL Grafik Web Design"> <img class="gra butone" src="../PIX/engel_grafik.png" title="ENGEL Grafik Web Design" alt="ENGEL Grafik Web Design" height="100" width="410"/></a></nav> <div class="himmel1"> </div> <div class="nowrap multi"><a href="../FR/" title="francais"><div class="langfry"> </div></a>&emsp;<a onclick="document.getElementById('click').play(); volume4();" title="deutsch"><div class="langde"> </div></a>&emsp;<a href="../EN/" title="english"><div class="langeny"> </div></a></div> <br /> <div class="ins"> </div> </div> </div> </div> <div class="tr"> <div class="main"><a href="home.html" title="ENGEL Grafik Web Design HOME"><img src="../PIX/engel6.png" title="Kommunikationsdesigner" alt="Mediendesigner" height="360" width="150" class="ma timage"/></a>  <details title="Leistungsbeschreibung"> <summary> <span class="sum"> <span class="bold">Was ich für Sie tun kann</span> </span> </summary> <ul class="oe"> <script>bgread();</script> <li> <h3 class="weg2 smaller">Kommunikationsdesigner &loz; Grafikdesigner <span class="plus">&</span> Webdesigner für Individualisten.</h3> </li> <li> <span class="engel" title="Werbegrafiker, Webdesigner"><span class="enge">enge</span><span class="L">L</span></span><span class="bulli">•</span> <span class="gwd"><span class="gwds">G</span>rafik<span class="gwds">W</span>eb<span class="gwds">D</span>esign</span> </li> <li> <p><span class="weg2"><strong>Werbegrafikdesign</strong> ist in Österreich ein Freies Gewerbe, </span><a href="education.html" title="professioneller Grafiker, Grafikdesigner, Kommunikationsdesigner" class="but">Grafikdesigner</a> sind heute in <strong>Kommunikationsdesign</strong>, was Tätigkeiten als <span class="bull">•</span> <a href="education.html" title="professioneller Grafikdesigner" class="but"><i>Grafikdesigner</i></a> <span class="bull">•</span> <a href="education.html" title="professioneller Webdesigner" class="but"><i>Webdesigner</i></a> und <span class="bull">•</span> <a href="education.html" title="professioneller Mediendesigner" class="but"><i>Mediendesigner</i></a> umfaßt, <a href="education.html" title="professioneller Designer" class="but">ausgebildet</a>.</p> </li> <li> <details> <summary class="li">Grafikdesigner</summary> <p class="weg2">Das Tätigkeitsfeld der Grafikdesigner reicht von der Erarbeitung einer Entwurfsidee bis zur Ausführung der fertigen Reinzeichnung.</p> <p><span class="engel" title="Kommunikationsdesigner"><span class="enge">enge</span><span class="L">L</span></span><span class="bulli">•</span>&ensp;setzt Informationen in optischer Form um.</p> <ul> <li><strong>Konzeption <span class="plus">&</span> kreative Gestaltung</strong> von Drucksorten<span class="weg2"> (Corporate Design, Bildbearbeitung, Illustration, Plakate, Inserate, Broschüren, …)</span></li> <li><strong>Erstellung digitaler Layouts</strong> (Desktop Publishing), Layout <span class="plus">&</span> Satz<span class="weg2">, Typografie, Entwurf von Katalogen, Produktinformationen, Zeitungen</span></li> <li><strong>Zeichnung<span class="weg2"> <span class="plus">&</span> Reinzeichnung</span></strong> von Verpackungsdesign und Etiketten</li> <li><span class="weg2"><strong>Gestaltung</strong> &frasl; </span><strong>Visualisierung</strong> <span class="weg2">im </span>Screen<span class="weg2">-</span>, Web<span class="weg2">-</span>, Animation<span class="weg2">sbereich</span>, Video<span class="weg2">-Sequenzen</span></li> <li><strong>Umsetzung</strong> von <span class="weg2">Frontend-Designs für </span>Web-Applikationen</li> </ul> <p> </p> </details> <li> <details> <summary class="li">Webdesigner</summary> <p class="weg2">Webdesigner sind für Gestaltung, Aufbau und Benutzerfreundlichkeit (Interface Design) sowie Umsetzung des Corporate Designs zuständig.</p> <p><span class="engel" title="User-Interface-Designer, Webdesigner, Mediendesigner"><span class="enge">enge</span><span class="L">L</span></span><span class="bulli">•</span>&ensp;befaßt sich mit der <span class="weg2">Gestaltung <span class="plus">&</span> Entwicklung &frasl; </span>Umsetzung von Webseiten, Newslettern, <span class="weg2">E-Commerce Plattformen,</span> Online Marketing Kampagnen, Social-Media-Seiten.</p> <p>Zu den Qualitätskriterien einer Website zählen <ul> <li><span class="weg2">die </span>optimale Lesbarkeit<span class="weg2"> für Suchmaschinen</span></li> <li><span class="weg2">die </span>Qualität der Darstellung</li> <li><span class="weg2">die </span>Skalierbarkeit<span class="weg2"> der Webseite</span></li> <li>ansprechende Gestaltung</li> <li><span class="weg2">die </span>Erweiterbarkeit<span class="weg2"> sowie</span></li> <li>barrierefreies<span class="weg2"> (WAI konformes)</span> Webdesign.</li></ul> <p class="weg3">Als <span class="Sternchen0 nowrap"></span> <a href="education.html" title="professioneller Webdesigner" class="but"><strong>Webdesigner</strong></a>, <a href="education.html" title="UID, UX, Anwenderorientiert" class="but"><strong>User-Interface-Designer</strong></a>, <a href="education.html" title="professioneller Mediendesigner, Gestaltung" class="but"><strong>Mediendesigner</strong></a>, <a href="education.html" title="professioneller Kommunikationsdesigner, Werbegrafiker" class="but"><strong>Kommunikationsdesigner</strong></a> kümmere ich mich um Ihren Internet-Auftritt.</p> <hr class="do"/> </details> </li> <li> <p> Schreiben Sie mir Ihre <span class="Sternchen0 nowrap"></span> <a href="wunschliste.html" title="Ihre Kommunikationsdesign Wunschliste" class="but">Wünsche</a> oder rufen Sie mich an !</p> </li> <li> <p class="movein"><span class="bold red">Ihr Anliegen ist Ihnen wichtig, mir auch.</span> </p> </li> <li class="weg"> <p>Die Perfekte Lösung<span class="weg2">, das ansprechende Grafikdesign, Ihre responsive Webseite,</span> erfordert ausreichend Zeit für die Umsetzung. </p> </li> <li> <details title="Vertrag: Grafikdesigner, Webdesigner, Kommunikationsdesigner, Mediendesigner"> <summary class="li"> Vertraglich </summary> <p> <span class="engel" title="Kommunikationsdesigner finden, Grafikdesigner, Webdesigner"><span class="enge">enge</span><span class="L">L</span></span><span class="bulli">•</span>&ensp;bietet aktiv die un- &frasl; befristete <a href="links.html" title="Download Kollektivvertrag" class="but"><strong>Teilzeit-Mitarbeit</strong> <span class="weg2">als Dienstnehmer</span></a> vorort oder vom Heimarbeitsplatz an, dabei entstehen keine weiteren Kosten für <a href="links.html" title="Download Nutzungslizenz" class="but"> Lizenzen</a> wie beim <a href="links.html" title="Download AGB + Honorar + Nutzungslizenz" class="but"><strong>Werkvertrag</strong></a>.<span class="weg2"> Interessant könnten auch aktuelle <a href="links.html" title="Grafikdesigner, Webdesigner, Links" class="but"><strong>Förderungen</strong></a> sein. Für Private gibt es eine <a href="links.html" title="Download AGB, Honorarrichtlinien, Nutzungslizenz, Grafikdesigner" class="but"><strong>Honorarnote</strong></a>.</span></p> <p><span class="Sternchen0 nowrap"></span> <a href="links.html" title="Grafikdesigner, Webdesigner Downloads, Kommunikationsdesigner" class="but">Weiterführende Downloads</a> <span class="smaller">(<a href="links.html" title="Allgemeine Auftragsbedingungen Grafikdesigner" class="but">AAB</a>, <a href="links.html" title="Foerderung Erstellung Homepage, Website, Webdesigner, Unternehmer" class="but">Förderungen</a>, <a href="links.html" title="Nutzungslizenzen Grafikdesigner" class="but"><span class="weg2">Nutzungs</span>Lizenzen</a>, <a href="links.html" title="Grafikdesigner Honorar" class="but">Honorar<span class="weg2">richtlinien</span></a>, <a href="links.html" title="Werkvertrag Grafikdesigner, Webdesigner, Illustrator" class="but">Werkvertrag</a>, <a href="links.html" title="Grafikdesigner, Webdesigner, Illustrator, Kollektivvertrag, Angestellt, Teilzeit" class="but">Kollektivvertrag</a>)</span></p> <p><span class="red">Reden wir darüber.</span></p> <p class="movein"><span class="Sternchen0 nowrap"></span> <a href="wunschliste.html" title="Ihre Wunschliste an ENGEL, Kommunikationsdesigner" class="but">Geben Sie den Rahmen vor !</a></p> <hr /> </details> </li> <li> <p title="Umsetzung">Sobald wir uns einig sind, beginne ich mit der <a href="wunschliste.html" title="Ihre Wunschliste, Kontaktformular" class="but">Gestaltung <strong>Ihres Grafikdesigns</strong></a>, der <a href="wunschliste.html" title="responsiver Webdesigner, Website Kontaktformular"><strong>Entwicklung</strong> &frasl; <strong>Anpassung</strong> Ihrer <strong>Website</strong></a>, der <strong>Umsetzung</strong> Ihrer visuellen Kommunikation. </p> </li> </ul> </details> <div class="himmel1a"> </div> </div> </div> <div class="tr"> <div class="main"> <details> <summary> <span class="sum"> Individuelle Grafische Leistungen </span> </summary> <ul> <script>bgread();</script> <li> <p>Bildrecherche : Bildarchive, Fotografen</p> </li> <li> <p>Produktfotografie (Nikon D3300 18-105)</p> </li> <li> <p>Fotos bearbeiten, Bildretusche, Restauration</p> </li> <li> <p>Montagen, technische Illustrationen, Imaging</p> </li> <li> <p>Gestaltung für besondere Anlässe, Eventpromotion</p> </li> <li> <p> Lehrmittelgestaltung, Zeichnung, Illustration </p> </li> <li> <p> Animation, Filmschnitt, Videoretusche </p> </li> <li> <p> Grafische Symbole, Leitsysteme, Infografiken </p> </li> <li> <p>Grafik — Layout — Satz für Print <span class="plus">&</span> Web</p> </li> <li> <p>Schriften, Webfonts, Schriftzüge, Typografie</p> </li> <li> <p>Advertorial Design, Anzeigengestaltung</p> </li> <li> <p>Corporate Design, Firmenlogo &frasl; Signet erstellen, Corporate Identity</p> </li> <li> <p>Webprogrammierung, Social Media Seiten Gestaltung</p> </li> <li> <p>Individuelles Webdesign, Entwicklung responsiver Webseiten</p> </li> <li> <p>Grafische Einzelstücke, Design Unikate</p> </li> <li> <p> Produktgestaltung, Prototyping, Industrial Design </p> </li> <li> Beratung und Ausarbeitung Ihrer visuellen Wünsche <p> In den <a href="wunschliste.html" title="Stichworte Kommunikationsdesign und Werbung" class="but">Stichworten</a> zur <span class="Sternchen0 nowrap"></span> <a href="wunschliste.html" title="Ihre Wunschliste an ENGEL, Kommunikationsdesigner" class="but">Wunschliste</a> erfährt man Genaueres. </p> </ul> </details> <div class="himmel1a"> </div> </div></div> <div class="tr"> <div class="main"> <details> <summary> <span class="sum" id="Web"> <span class="bold">Was Sie hier finden</span> </span> </summary> <ul class="oe"> <script>bgread();</script> <li class="weg2"> <p>Jedes <strong>Layout</strong>, jede <strong>Gestaltung</strong> wird mit Fingerspitzengefühl und modernster Technik von <span class="engel" title="Kommunikationsdesigner"><span class="enge">enge</span><span class="L">L</span></span><span class="bulli">•</span>&ensp;<strong>für Sie</strong> und Ihre Zielgruppen erarbeitet. </p> </li> <li class="weg2"> <p>Jede <strong>Webseite</strong> ist einzigartig, jede Zeile Quellcode selbst geschrieben. Das macht meine Arbeit individuell und Ihren Ansprüchen gerecht. </p> </li> <li> <p></p> <details> <summary>Geschichte meiner Website</summary> <p> Diese Seite wurde von einer Desktopversion 2014, <span class="weg2">vorerst noch in Tabellenform, </span>auf eine <strong>responsive Website</strong> 2015 erweitert. 2016 entstand der <strong>RSS Newsletter</strong>, einige <strong>Animationen</strong> und Anpassungen für <strong>Anwenderfreundlichkeit</strong> &frasl; SEO-Optimierung. 2017 entwickelte ich parallell zum Umstieg auf eine <span title="https://" class="blue">sichere Verbindung</span> (https://) eine für Mobilgeräte beschleunigte <a href="../indexamp.html" title="Speed HTML, AMP-HTML, accelerated mobile page" class="but"><span class="Sternchen0" title="beschleunigte mobile Seite"></span> <strong>AMP</strong> <span class="blue">⚡ Version</span></a> für rasches Laden der Webseiten. </p> <p>Im Juli 2017 wurden sogenannte <strong>Service Worker</strong> implementiert<span class="weg2">, die für zeitgemäßen Offline-Zugang nötig sind, seit die veralteten Manifest-Dateien nichtmehr von W3C unterstützt werden. Auf <s>lokale Speicherung</s> und <s>Cookies</s> kann ich verzichten</span>. <span class="blue">Cache-Storage</span> funktioniert <span class="weg2">ordentlich und die <span class="blue">Offline-Performance</span> ist </span>sehr gut, was für die effiziente mobile Nutzung hilfreich ist. Gibt es unterwegs kein WLAN, erledigt der Browser alles für Sie. Einmal aufgerufen benötigt man nurnoch für Aktualisierungen der Website Internetzugang.</p> </details> </li> <li> <p class="aside3 movein" title="validation service website"><span class="red">ΞTIPPΞ</span> Testen Sie Ihre Webseite !</p> </li> <li> <a href="https://developers.google.com/speed/pagespeed/insights/" title="Responsiver Webdesigner" class="but" rel="external" target="_blank"><img src="../PIX/google_developers.png" title="Responsives Webdesign" alt="Responsive Webseite, AMP HTML" height="16" width="20" /> Pagespeed Insights<br /><span class="aside3"></span></a> </li> <li> <a href="https://validator.schema.org/#url=engel-grafik.at" title="Markup Tester Strukturierte Daten" class="but" rel="external" target="_blank"><img src="../PIX/google_developers.png" title="Rich Snippets" alt="Markup Strukturierte Daten" height="16" width="20" /> Strukturierte Daten<br /><span class="aside3"></span></a> </li> <li> <a href="https://freetools.seobility.net/de/seocheck/engel-grafik.at" title="SEO Optimierungstest" class="but" rel="external" target="_blank"><img src="../PIX/seobility.png" title="SEO Optimierung" alt="SEO Optimierte Website" height="16" width="20" /> SEO Optimierung<br /><span class="aside3"></span></a> </li> <li> <p> <span class="engel" title="Kommunikationsdesigner gefunden, merken"><span class="enge">enge</span><span class="L">L</span></span><span class="bulli">•</span>&ensp;zu <a href="javascript:CreateBookmarkLink();" onclick="CreateBookmarkLink();" title="Bookmark ENGEL Grafik Web Design" class="but">Favoriten</a> <span class="red">&hearts;</span> hinzufügen. </p> </li> <li class="weg2"> <p title="Grafikdesigner, Webdesigner, Mediendesigner, RSS abonnieren, Kommunikationsdesigner">Wissen Sie schon das Neueste ? E-Mail-Spam-Newsletter sind lästig. <span class="red movein">ΞTIPPΞ</span> Programmieren Sie Ihren eigenen RSS Newsletter, im <a href="Manuals.html" title="Betriebsanleitung Mediendesigner"><span class="i">manual</span></a> findet man alles dafür. </p> </li> <li> <span class="weg2"><span class="engel" title="Webdesigner, anwenderfreundliche Webseiten"><span class="enge">enge</span><span class="L">L</span></span><span class="bulli">•</span> verwendet Google Analytics in der Anonymisierten Form. Das <span class="Sternchen0 nowrap"></span> <a href="https://tools.google.com/dlpage/gaoptout?hl=de" title="Google Download Browser Add-On Analytics Deaktivieren" class="but" target="_blank">Browser Add-On</a> deaktiviert eine Erfassung Ihres Besuches. </span>Diese Website hat eine Sicherheitseinschätzung aller relevanten SEO-Tools von 100 %. </li> <li> <p>Die automatische <strong>Tag &frasl; Nacht-Schaltung</strong> bringt natürliche Abwechslung. Die verwendeten Himmelsverläufe habe ich 2024 fotografiert und hier als Hintergrund eingearbeitet.</p> </li> <li> <p> <a href="tel:+436646576471" title="Phone Graphic Designer"><img src="../PIX/handy.png" title="contact Graphic Designer" alt="contact Graphic Designer Austria" class="butone handy pull-right" height="100" width="45"/></a>Am Ende jeder Seite finden Sie das jeweilige Aktualisierungsdatum und mein Impressum. Dringend kontaktieren Sie mich bitte telefonisch.</p> </li> </ul> </details> <div class="himmel1a"> </div> </div> </div> <div class="tr"> <div class="main"> <details> <summary> <span class="sum"> Am liebsten arbeite ich … </span> </summary> <ul class="oe"> <script>bgread();</script> <li> <p title="Gestaltung"> … mit Tinte &frasl; Tusche, Aquarell, Acryl, Öl in Mischtechnik.<span class="weg2"> Meine Bleistiftsammlung für Skizzen ist gut sortiert, manchmal kommt ein Skalpell zum Einsatz.</span> </p> </li> <li> <p> Die <span class="black">Adobe Master Suite</span> – hauptsächlich <span class="bull">•</span> <strong>Photoshop</strong> <span class="bull">•</span> <strong>Illustrator</strong> <span class="bull">•</span> <strong>Indesign</strong> <span class="bull">•</span> <strong>Dreamweaver</strong> <span class="weg2">in der aktuellen Version</span> – ist mein täglicher Begleiter. </p> </li> <li> <p>Seit 2015 bearbeite ich Video Clips mit <span class="bull">•</span> <strong>Premiere</strong>. Mit <span class="bull">•</span> <strong>After Effects</strong> animiere ich und bringe Illustrationen zum Laufen …</p> <p class="weg2">Bei Bedarf kombiniere ich diese Grafik-Werkzeuge, zum Beispiel mit 3D-Anwendungen wie <span class="bull">•</span> <span class="green">Autodesk Maya</span>.</p> </li> <li> <p> Den Text übernimmt <span class="engel" title="Kommunikationsdesigner"><span class="enge">enge</span><span class="L">L</span></span><span class="bulli">•</span> <span class="gwd"><span class="gwds">G</span>rafik<span class="gwds">W</span>eb<span class="gwds">D</span>esign</span>&ensp;von Ihnen. </p> </li> </ul> </details> <div class="himmel1a"> </div> </div> </div> <div class="tr"> <div class="main"> <details> <summary> <span class="sum"> Von der Berufung zum Beruf, Referenzen und Projekte </span> </summary> <ul> <script>bgread();</script> <li> <p>Eine Zusammenstellung meiner <span class="Sternchen0 nowrap"></span> <a href="education.html" title="Grafikdesigner, Medien-Gestaltung, Webdesigner"><strong>Ausbildung</strong></a> finden Sie auf <a href="education.html" title="Studium, Diplome, Bildung"><span class="i">educat</span></a>.</p> </li> <li><p>Bisherige <span class="Sternchen0 nowrap"></span> <a href="links.html" title="Design Projekte, Gestaltungen"><strong>Projekte</strong></a> befinden sich in den <a href="links.html" title="Grafikdesigner, Webdesigner, Projekte"><span class="i">links</span></a> und den <a href="../flyons.html" title="Mediendesigner Projektarbeiten"><span class="i">flyons</span></a>.</p> </li> <li><p>Meine <span class="Sternchen0 nowrap"></span> <a href="links.html" title="Grafikdesigner, Webdesigner, Mediengestalter, Referenzen"><strong>Referenzen</strong></a> habe ich in den <a href="links.html" title="Grafikdesigner, Webdesigner, Verbindungen"><span class="i">links</span></a> <span class="weg2">für Sie </span>zusammengefaßt.</p></li> </ul> </details> <div class="himmel1a"> </div> </div> </div> <div class="tr"> <div class="main"> <details> <summary> <a href="wunschliste.html" title="Grafiker, Illustrator, Webdesigner">Ihre Wunschliste</a> </summary> </details> <div class="himmel1a"> </div><br /><br />  <div> <a href="https://search.freefind.com/siteindex.html?si=70631764" class="but" target="extern">index</a> <a href="https://search.freefind.com/find.html?si=70631764&pid=a" class="but" target="extern">fortgeschritten</a> <form style="margin:0px; margin-top:4px;" action="https://search.freefind.com/find.html" method="get" accept-charset="utf-8" target="_self"> <input type="hidden" name="si" value="70631764"> <input type="hidden" name="pid" value="r"> <input type="hidden" name="n" value="0"> <input type="hidden" name="_charset_" value=""> <input type="hidden" name="bcd" value="÷"> <input type="text" name="query" size="15"> <input type="submit" value="Suche"> </form> </div>  <br /><br /> </div> </div> <div class="main noprint"> <script>bgread3();</script> <div class="viscolL1 center"> <div class="himmelclips"> <a href="wunschliste.html" class="but" title="Grafikdesigner, Webdesigner, Kommunikationsdesigner">Geben Sie den Rahmen vor.</a> <div class="clr"></div> </div> </div> </div><p> </p><p> </p>  <div itemscope itemtype="http://schema.org/Product"> <span itemprop="name"><span class="weg3">ENGEL Grafik Web Design</span></span> <span itemprop="description"><span class="weg3">ENGEL, Grafikdesigner, Webdesigner, Illustration, Grafiker</span></span> <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <span itemprop="name"><span class="weg3">Website</span></span> <span itemprop="ratingValue"><span class="weg3">5</span></span> <span itemprop="worstRating"><span class="weg3">1</span></span> <span itemprop="bestRating"><span class="weg3">5</span></span> <span itemprop="reviewCount">1001</span> Sterne<br /> <span class="nowrap"> <img src="../PIX/Sternchen.png" title="Grafiker" alt="Star" height="25" width="25" class="earth" /> <img src="../PIX/Sternchen.png" title="Grafikdesigner" alt="Star" height="25" width="25" class="earth" /> <img src="../PIX/Sternchen.png" title="Webdesigner" alt="Star" height="25" width="25" class="earth" /> <img src="../PIX/Sternchen.png" title="Responsives Webdesign" alt="Star" height="25" width="25" class="earth" /> <img src="../PIX/Sternchen.png" title="Illustrator" alt="Star" height="25" width="25" class="earth" /> </span> </div></div> <p><a href="../impressum.html" title="Impressum" alt="Impressum">Impressum</a></p> <div class="ins"> </div> <span class="u-logo logo logo" > <span itemscope itemtype="http://schema.org/Organization" > <meta itemprop="image" content="PIX/engel_grafik.png" /> <span itemprop="name"><span class="weg3">ENGEL Grafik Web Design</span></span> <span itemprop="address"><span class="weg3">Europa</span></span> </span> </span> <span class="u-logo logo logo" > <span itemscope itemtype="http://schema.org/Organization" > <meta itemprop="image" lang="de" content="PIX/engel-grafik.png" /> <span itemprop="name" lang="de"><span class="weg3">ENGEL, Grafiker, Illustration, Webdesigner</span></span> <span itemprop="address" lang="de"><span class="weg3">Europa</span></span> </span> </span> <p></p> <span class="u-logo logo logo" > <span itemscope itemtype="http://schema.org/Organization" > <meta itemprop="image" lang="de" content="PIX/engel_grafik.png" /> </span> </span> <div class="h-card hcard vcard"> <div itemscope itemtype="http://schema.org/Organization" class="imp"> <span itemprop="name" property="og:company"> <span title="ENGEL Grafik Web Design"> <span class="p-organization-name organization-name org"> <span class="u-logo logo logo"> <a href="../" title="Kommunikationsdesigner, Grafiker, Webdesigner, Europa"> <img src="../PIX/engel_logo.png" alt="Graphic Designer, Communication Designer" class="log" title="Graphic Designer in Europe, Austria, Medien Designer, Burgenland" height="100" width="100"/></a> </span> <span class="logs"><img src="../PIX/engel_grafik.png" title="Grafikdesigner, Webdesigner" alt="Graphic Designer" class="smlog" height="100" width="410"/> </span></span></span> </span> <div class="p25"> <div itemscope itemtype="http://schema.org/Person"> <span class="weg2">Kontakt :<wbr /></span> <span itemprop="name"><span class="nowrap"> <span class="p-name fn n"> <span class="p-given-name given-name"> <strong>Verena</strong> </span> <span class="p-family-name family-name"> <strong>Engel</strong> </span> </span></span> </span> <div class="ins"></div> <span class="p-job-title title"> <span itemprop="jobtitle"> <span lang="de" xml:lang="de">Kommunikationsdesigner</span> </span> </span> <div class="ins"> </div> ☏ <span class="p-tel tel tel"> <a itemprop="telephone" href="tel:+436646576471" title="Grafiker anrufen" class="but">(+43) 664 &frasl; 6576471</a> </span> <br /> <br /> ✑ <span class="p-email email email"> <span itemscope itemtype="http://schema.org/Organization"> <a href="wunschliste.html" title="Grafikdesigner kontaktieren" class="but"> <span itemprop="email">ich<span class="earth">@</span><wbr />engel-grafik.at&ensp;</span></a></span></span> </div> <p> <div class="h-adr adr"> <span itemscope itemtype="http://schema.org/PostalAddress"> <span class="p-street-address street-address weg3"> <span itemprop="streetAddress"> Viehweide 7/1 </span> </span> <br class="weg3"/> <span class="adr"> <span class="p-postal-code postal-code postal-code"> <span itemprop="postalCode">A-7142 </span></span> <span class="p-locality locality locality"> <span itemprop="addressLocality"> <a href="https://goo.gl/maps/TG6Qcm7QuYy" title="so finden Sie ENGEL Grafik Web Designer, Illmitz, Burgenland, Oesterreich" class="but" target="_blank">Illmitz</a><span><span class="weg2"> <span class="bull">•</span> Burgenland</span></span></span> </span> </span> </span> <div class="ins weg3"> </div> <div class="h-adr adr"> <span itemscope itemtype="http://schema.org/PostalAddress"> <span class="p-street-address street-address weg3"> <span itemprop="streetAddress"> Engerthstraße 82 </span> </span> <span class="adr weg3"> <span class="p-postal-code postal-code postal-code"> <span itemprop="postalCode">A-1200 </span></span> <span class="p-locality locality locality"> <span itemprop="addressLocality"> <span lang="de" xml:lang="de">Wien</span> </span> </span></span> <span class="p-country-name country-name country-name"> <span itemprop="addressCountry"><span lang="de" xml:lang="de">Österreich</span></span> </span> <br /> <span class="p-region region region"> <span itemprop="addressRegion"><span class="weg"><span xml:lang="de" lang="de">Europa</span><br /> <span lang="de" xml:lang="de">Erde</span> <span class="earth">&oplus;</span> </span> </span> </span></span> </div> </div> </div> <div class="clr"></div> </div> <div class="centeru"> <p> &loz;<br /> &loz; <span class="bulle">•</span> &loz;<br /> </p>aktualisiert<br /><script>t();</script><p class="nowrap"><span class="smaller"><span class="earth">©</span>opy Verena Engel <span class="earth">®</span>ight</span><br /><span class="smaller">Webdesigner: <a href="https://engel-grafik.at" title="ENGEL Grafik Web Design">ENGEL Grafik Web Design</a></span></p> <hr> <hr class="do"> <p class="lh200 weg3"> <a href="https://engel-grafik.at" class="nowrap" title="Grafiker, Illustrator, Webdesigner, Grafikdesigner, Mediendesigner Österreich">engel-grafik.at</a>&emsp; <a href="https://engelgrafik.eu" class="nowrap" title="Grafiker, Graphic Designer, Graphiste, Webdesigner, Mediendesigner, Grafikdesigner, Europe">engelgrafik.eu</a> </p> <p> </p> </div></div>  <div class="noprint"> <script>white();</script><p class="whiteword">* * * * * * * * * *   </p>  <h2>ENGEL Grafiker, Webdesign <span class="bull">•</span> Verena Engel <span class="bull">•</span> Grafikerin <span class="bull">•</span> Webdesignerin, Mediendesignerin <span class="bull">•</span> Illustration <span class="bull">•</span> Grafikdesigner, Kommunikationsdesigner</h2> <h2>Visuelle Kommunikation <span class="bull">•</span> Medien-Gestaltung <span class="bull">•</span> Printgrafik <span class="bull">•</span> Vektorgrafik <span class="bull">•</span> Corporate Design <span class="bull">•</span> Medien-Illustration, Grafiker &loz; Kommunikationsdesigner</h2> <h2>Grafiker <span class="bull">•</span> Illustration <span class="bull">•</span> Bild <span class="bull">•</span> Retusche <span class="bull">•</span> Layout <span class="bull">•</span> Entwurf, Gestaltung <span class="bull">•</span> Stilisierung <span class="bull">•</span> Print <span class="plus">&frasl;</span> Web <span class="bull">•</span> Kommunikationsdesign</h2><h1 class="weg3"><span class="weg2">Grafikdesigner, Responsiver Webdesigner, User Interface Designer &loz; Medien Illustrator, Animator &loz; </span>Kommunikations Design</h1> <hr> <hr class="do"> </div> <audio id="audio1" autoplay onLoad="volume()" src="../appear.mp3"> </audio> <script>volume();</script> </div> </body> </html>