Gestaltung und Animation von Icons

Icons bestimmen das Erscheinungsbild einer Webseite in einem besonderen Maße und können die Usability einer Webseite erhöhen. Grund genug, der Entwicklung von individuellen Icons mehr Zeit und Aufmerksamkeit zu schenken. Gerade animierte Icons können das Look & Feel einer Webseite entscheidend auffrischen.

So kann die Bedienung Ihrer Webseite Spaß machen.

Annimierte Icons für ein Immobilienunternehmen.

Projektsteuerung

<circle class="st1" cx="123.2" cy="87.2" r="1.2"/> <circle class="st1" cx="127.4" cy="82.3" r="1.2"/> <circle class="st1" cx="131.7" cy="83" r="1.2"/> <circle class="st1" cx="131.1" cy="89.7" r="1.2"/> <circle class="st1" cx="140.2" cy="87.6" r="1.2"/> <circle class="st1" cx="139.6" cy="79.1" r="1.2"/> <circle class="st1" cx="143.9" cy="74.4" r="1.2"/> <circle class="st1" cx="146.6" cy="82" r="1.2"/> <circle class="st1" cx="145.8" cy="88.8" r="1.2"/> <circle class="st1" cx="132.2" cy="75.8" r="1.2"/> <circle class="st1" cx="129.3" cy="71.9" r="1.2"/> <circle class="st1" cx="123.5" cy="77.6" r="1.2"/> <circle class="st1" cx="138.6" cy="70.1" r="1.2"/> <circle class="st1" cx="85.7" cy="72.2" r="1.2"/> <circle class="st1" cx="89.9" cy="67.3" r="1.2"/> <circle class="st1" cx="94.2" cy="68" r="1.2"/> <circle class="st1" cx="93.6" cy="74.6" r="1.2"/> <circle class="st1" cx="102.7" cy="72.6" r="1.2"/> <circle class="st1" cx="102.1" cy="64.1" r="1.2"/> <circle class="st1" cx="106.4" cy="59.4" r="1.2"/> <circle class="st1" cx="109.1" cy="67" r="1.2"/> <circle class="st1" cx="108.3" cy="73.7" r="1.2"/> <circle class="st1" cx="94.7" cy="60.7" r="1.2"/> <circle class="st1" cx="91.9" cy="56.9" r="1.2"/> <circle class="st1" cx="86" cy="62.5" r="1.2"/> <circle class="st1" cx="101.2" cy="55.1" r="1.2"/> <circle class="st1" cx="39.7" cy="78.3" r="1.2"/> <circle class="st1" cx="43.9" cy="73.4" r="1.2"/> <circle class="st1" cx="48.3" cy="74.1" r="1.2"/> <circle class="st1" cx="47.6" cy="80.7" r="1.2"/> <circle class="st1" cx="56.7" cy="78.7" r="1.2"/> <circle class="st1" cx="56.1" cy="70.2" r="1.2"/> <circle class="st1" cx="60.4" cy="65.5" r="1.2"/> <circle class="st1" cx="63.2" cy="73.1" r="1.2"/> <circle class="st1" cx="62.4" cy="79.9" r="1.2"/> <circle class="st1" cx="48.7" cy="66.8" r="1.2"/> <circle class="st1" cx="45.9" cy="63" r="1.2"/> <circle class="st1" cx="40.1" cy="68.6" r="1.2"/> <circle class="st1" cx="55.2" cy="61.2" r="1.2"/> <circle class="st1" cx="2.9" cy="87.6" r="1.2"/> <circle class="st1" cx="7.3" cy="88.3" r="1.2"/> <circle class="st1" cx="6.7" cy="94.9" r="1.2"/> <circle class="st1" cx="15.8" cy="92.9" r="1.2"/> <circle class="st1" cx="15.1" cy="84.4" r="1.2"/> <circle class="st1" cx="19.4" cy="79.6" r="1.2"/> <circle class="st1" cx="22.2" cy="87.3" r="1.2"/> <circle class="st1" cx="21.4" cy="94" r="1.2"/> <circle class="st1" cx="7.8" cy="81" r="1.2"/> <circle class="st1" cx="4.9" cy="77.2" r="1.2"/> <circle class="st1" cx="14.2" cy="75.4" r="1.2"/>

Immobilienentwicklung

<circle class="st0" cx="28.9" cy="28.9" r="4.1"/>
<circle class="st0" cx="49.4" cy="187.7" r="16.4"/>
<circle class="st1" cx="58.2" cy="164.2" r="2.2"/> <circle class="st1" cx="66.4" cy="165.5" r="2.2"/> <circle class="st1" cx="65.3" cy="178.1" r="2.2"/> <circle class="st1" cx="82.6" cy="174.2" r="2.2"/> <circle class="st1" cx="81.4" cy="158.1" r="2.2"/> <circle class="st1" cx="89.5" cy="149.1" r="2.2"/> <circle class="st1" cx="94.8" cy="163.6" r="2.2"/> <circle class="st1" cx="93.3" cy="176.5" r="2.2"/> <circle class="st1" cx="67.4" cy="151.7" r="2.2"/> <circle class="st1" cx="62" cy="144.4" r="2.2"/> <circle class="st1" cx="79.6" cy="141" r="2.2"/> <circle class="st1" cx="12.5" cy="173.5" r="2.2"/> <circle class="st1" cx="20.5" cy="164.2" r="2.2"/> <circle class="st1" cx="28.7" cy="165.5" r="2.2"/> <circle class="st1" cx="27.6" cy="178.1" r="2.2"/> <circle class="st1" cx="44.9" cy="174.2" r="2.2"/> <circle class="st1" cx="43.7" cy="158.1" r="2.2"/> <circle class="st1" cx="51.8" cy="149.1" r="2.2"/> <circle class="st1" cx="55.6" cy="176.5" r="2.2"/> <circle class="st1" cx="29.7" cy="151.7" r="2.2"/> <circle class="st1" cx="24.3" cy="144.4" r="2.2"/> <circle class="st1" cx="13.2" cy="155.2" r="2.2"/> <circle class="st1" cx="41.9" cy="141" r="2.2"/>
<circle class="st1" cx="183" cy="171.9" r="1.8"/> <circle class="st1" cx="195.6" cy="174" r="1.8"/> <circle class="st1" cx="194.7" cy="184.1" r="1.8"/> <circle class="st1" cx="208.7" cy="181" r="1.8"/> <circle class="st1" cx="207.7" cy="168" r="1.8"/> <circle class="st1" cx="214.3" cy="160.7" r="1.8"/> <circle class="st1" cx="218.6" cy="172.4" r="1.8"/> <circle class="st1" cx="217.3" cy="182.8" r="1.8"/> <circle class="st1" cx="196.4" cy="162.8" r="1.8"/> <circle class="st1" cx="192" cy="156.9" r="1.8"/> <circle class="st1" cx="206.3" cy="154.1" r="1.8"/>

Revitalisierung

Animierte Icons für einen Kfz-Gutachter aus Köln

Animierte Icons für eine Zahnarztpraxis in Köln

Die Icons zeigen die Leistungen der Zahnarztpraxis und leiten sich aus den Punkten des Logos der Praxis ab. Dadurch entsteht eine Einheitlichkeit der Icons, die zum Corporate Design des Kunden passt.

Entwicklung von Icons für Knochenbrüche am Ellenbogen, der Hand und Oberschenkel

Iconset für ein MedTech-Unternehmen

Das entwickelte Iconset für das MedTech-Unternehmen Rimasys aus Köln zeigt unterschiedliche Frakturen. Hier musste jede Linie genau passen, um vor dem Röntgenblick der Chirurgen bestehen zu können.

Iconset für ein Brandschutzunternehmen

Das individuelle Iconset für die Jockel Brandschutztechnik-Service GmbH umfasst alle Leistungen des Unternehmens und wurde mit der Zeit stetig erweitert.

icon-set: Feuerlöscher, Rauchmelder, Sprinkler, Feuerwehrschlauch, RWA-Anlage, Brandschutztür etc.

Sie haben Fragen zum Projekt? Als Agentur für animierte Webicons aus Köln beraten wir Sie gerne unverbindlich zu Ihrem Projekt.

Kontaktformular

0221 82005251

info@pluus-design.de