free site templates

Icon Design Service

für Interfaces, Produkte, Web und Apps

UI Icon-Sets
CD/CI-konform
FavIcons
animierte Icons

Mit Ihnen gemeinsam definieren wir die spezifischen Anforderungen für die Gestaltung der Icons: Zielgruppen und der Kontext, in dem die Icons verwendet werden sollen, die gegebenen CD/CI oder Branding Richtlinien, die befolgt werden müssen, sowie auch den technischen Rahmen.

Durch die Klärung dieser Aspekte erhalten wir eine fundierte Grundlage für eine erfolgreiche Zusammenarbeit mit Ihnen, und stellen sicher, dass unser Icon-Design Ihren Erwartungen und Bedürfnissen entspricht.

Die Entwicklung neuer Icons

Sie arbeiten an einem digitalen Produkt oder bieten eine Dienstleistung an, und wir sollen die Icons oder die Benutzeroberfläche dazu liefern. Optimal ist es, wenn Sie uns schon an einem möglichst frühen Punkt der Entwicklung «mit ins Boot holen». Wir beraten Sie in allen Phasen gerne.

Diese Fragen klären wir mit Ihnen zusammen vorab:

  • Wie können komplexe Abläufe im Produkt verständlicher werden ?

  • Wie kann die Bedienbarkeit durch unsere Icons verbessert werden ?

  • Welche branchen-spezifischen Eigenschaften gibt es zu beachten ?

  • Wieviele Kommunikations-Kanäle sollen genutzt werden ?

  • Welche neuen Technologien sollen die Interaktionen unterstützen ?
animation eines hearing-aid icons von bernafon

Bernafon Hörsysteme – Icon Design «Hearing Aid»

Alle Erkenntnisse fliessen in die «Requirement Specifications» Ihres Projekts mit ein, und definieren so die Ziele unserer Zusammenarbeit.

screenshot der software oasis von bernafon

Bernafon Hörsysteme – User Interface Design «Oasis Fitting Software»

Vom exklusiven App-Icon Design über umfangreiche Icon-Sets bis hin zum kompletten User Interface – Ihr Projekt ist bei uns in den richtigen Händen.

Anpassung bestehender Icons

Wir fangen nicht immer bei Null an. Manchmal existiert schon ein Icon-Set, nur ist dieses über Jahre hinweg gewachsen und deshalb inkonsistent. Oder es sind Elemente dazu gekommen, für die es noch kein Icon gibt.

Ein Icon sollte in der Bedeutung klar sein – grafisch so komplex wie für das Verständnis nötig, aber zur gleichen Zeit so reduziert wie möglich. Oft können viele Details wegfallen, und die Aussage bleibt dennoch erhalten:

vorher-nacher abbildung eines rucksack icons

Zeigen Sie uns Ihr aktuelles Icon-Set, und wir überlegen zusammen, auf welche Weise wir Ihre Kommunikation noch weiter optimieren können.

Sie entwickeln ein neues Branding oder ein Design System, und Sie haben sich bei der Wahl der Hausschrift noch nicht festgelegt? Dann achten Sie darauf, dass die Schriftenfamilie gut ausgebaut ist, und auch ein eigenes Icon-Set mitbringt – nach Möglichkeit in unterschiedlichen Strichstärken.

gemeinsame gestaltungsmerkmale des fonts bricolage und eines pfeil icons

Beispiele finden Sie im Netz: Chaumont, Greta, Netto, Noway oder Vulf Mono heissen einige davon. Wir beraten Sie gerne, kontaktieren Sie uns.

Oft unterschätzt: das FavIcon

Eine Website mit FavIcon wirkt professionell und vertrauenswürdig. Ein FavIcon ist deshalb essentiell für Ihren Markenauftritt und wichtig für die Auffindbarkeit Ihrer Website in den Suchergebnissen. Meist ist es eine grafisch vereinfachte Umsetzung des Unternehmens-Logos. Die Form muss quadratisch sein – in der Grösse 48×48 Pixel, oder einem Vielfachen davon. Optimal ist deshalb das SVG-Dateiformat, weil so das FavIcon für alle denkbaren Zwecke problemlos skalierbar bleibt.

Google Chrome und andere Browser nutzen diese FavIcons an vielen Stellen, um die Benutzerfreundlichkeit zu verbessern. Fazit: ein gut gestaltetes Favicon stärkt Ihre Markenidentität und wird die Klickrate Ihrer Webpräsenz in den Suchergebnissen positiv beeinflussen!

screenshot vom chrome browser mit hervorgehobenen favicons

Wo erscheinen FavIcons ?

…und animierte SVG-Icons

Jeder Bildschirm ist eine interaktive Fläche. Mit dem Aufkommen von Smartphones und der weiten Verbreitung von Touch-Screens hat der Einsatz von Animationen noch einmal zugenommen.

Diese Mikro-Interaktionen sind so konzipiert, dass sie den Nutzern ein sinnvolles Feedback geben, wenn eine Aktion ausführt wird. Wir erwarten, dass etwas passiert, wenn wir auf eine Schaltfläche klicken, einen Artikel in den Warenkorb legen oder ein Emoji «liken».

Was bewirkt der Einsatz von Mikro-Interaktionen ?

  • Sie optimieren die Navigation in einer Website oder App

  • Sie zeigen an, ob Elemente interaktiv sind  (oder eben nicht)

  • Sie lenken die Aufmerksamkeit der Kundschaft auf Wichtiges

  • Sie geben den Nutzern Feedback über eine abgeschlossene Aktion

  • Sie ermutigen zum Teilen, Liken und Kommentieren der Inhalte

  • Sie machen das Nutzererlebnis viel emotionaler
animiertes Emoji «Happy»

Happy

animiertes Emoji «Awesome»

Awesome

animiertes Emoji «Surprise»

Surprise

Ihre Anfrage kann ganz einfach über dieses Online-Formular erfolgen.
Wir liefern unsere Icons in allen gängigen Datei-Formaten, und wir passen die Icons gerne an Ihre individuellen Bedürfnisse an. Dabei arbeiten wir auf Wunsch auch mit Ihrem Entwickler-Team zusammen.

Die Lieferzeit hängt von der Komplexität Ihres Projekts ab. Wir sind jedoch stets bemüht, Ihre Icons so schnell wie möglich zu liefern. Unser Support steht Ihnen natürlich auch nachträglich zur Verfügung, um sicherzustellen, dass Sie mit Ihren Icons rundum zufrieden sind.

Sie haben eine Projekt-Idee?

Wir gestalten für Sie die passenden Icons – fragen Sie uns: