Webdesign & Usability
Die Gestaltung der Website...
Animationen
Es wurden keine Animationen verwendet.
Bildbearbeitung
....
Webanwendungen
jQuery...
Programmierung
Die Homepage wurde mit XHTML, CSS und JavaScript programmiert.
Typographie
Es wurden lizenzfreie Schriften über "Fontsquirrel" formatiert und eingebunden. Font: Antropos.
Über das Unternehmen
Dipl. Ing. Stefan Engelhard bietet mit der Finite Elemente Methode (FEM) Berechnungen und Strukturanalysen (FE-Pipe-Programm) für den Chemieanlagen- und Rohrleitungsbau.
Website besuchen:
>> FEM–Berechnungen mitDipl. Ing. Stefan Engelhard
Webdesign & Usability
Die Gestaltung der Website ist kompakt und schlicht. Klare Formen und massive Navigation ermöglichen Übersichtlichkeit und Funktionalität. Die Homepage enthält Bilder und kurze Beschreibungen, von Berechnungen mit der FEM-Methode. Dieses ermöglicht einen kleinen Einblick in die bisherigen FEM-Lösungen von Stefan Engelhard. Noch mehr Lösungen enthält die abweichend vom strukturierten Webdesign gestaltete Webseite für Arbeitsbeispiele (Beispiele FEM).
Animationen
Gif-Animationen zeigen das Verhalten von Werkstoffen unter Druck- und Hitze- einwirkung.
Bildbearbeitung
Es wurden Abbildungen von Lösungs- beispielen verwendet. So kann ein User direkt eine gesuchte Lösung auswählen und kostensparend das fertige Projekt bestellen. Mit alternativen Bildern von Industrieanlagen und Rohrleitungen werden Impressionen von Einsatz- gebieten geweckt. Diese sind als Duplex im Metall-Blau zu sehen.
Webanwendungen
jQuery-Coda-Slider wurde integriert und an das Webdesign angepasst. Als Einleitung auf der Homepage zeigt er Lösungsbeispiele für FEM Berechnungen und Strukturanalysen.
Programmierung
Die Homepage wurde mit XHTML, CSS und JavaScript programmiert.
Typographie
Es wurden lizenzfreie Schriften über Google-Web-Fonts eingebunden. Font: Ubuntu.
Über das Unternehmen
Die Firma General Communication mit Sitz in Frankfurt am Main bietet Dienstleitungen in weltweiter Handelsvermittlung an. Hierbei handelt es sich hauptsächlich um Vermittlungen von Geschäftspartnern landwirtschaftlicher Produkte aus Westafrika wie Kakao, Kaffe, Sojaöl, Palmöl, Kautschuk usw.
Website besuchen:
>> Homepage GeComm, HandelskommunikationWebdesign & Usability
Webdesign ist sachlich, kompetent, verbindend. Der Besucher findet sich leicht in der übersichtlichen Struktur zurecht. Die Suche wird durch eine Sitemap erleichtert. Auf jeder Seite befindet sich ein Kontaktformular mit Aufforderung zur Kontaktaufnahme und Newsletter Bestellung.
Programmierung
Die Homepage wurde mit XHTML, CSS, PHP und JavaScript programmiert. Die Animation mit ActionScript 3 umgesetzt.
Animationen
Wenn ein Besucher die Maus über das Firmen-Logo von GeComm Handelskommunikation führt, kommt Ihm das Logo entgegen. Per Klick kommt man auf die Homepage.
Bildbearbeitung
Bildersprache spiegelt Lebendigkeit von Farben der Herkunftsländer. Es wurden Bildercollagen erstellt. Die offene Handfläche steht für das Angebot. Eine auf jedem Bild eingearbeitete Weltkarte zeigt den Einsatzradius des Unternehmens. Bildercollagen wurden Themenbezogen und Produktspezifisch erstellt. Der Besucher kann sich durch Abbildungen ein Bild von den Produkten machen.
Webanwendungen
Der Webseitenbetreiber kann selbständig über ein Login-Bereich gesteuertes Content Management System (CMS) das Content der Webseiten verwalten. Um ein aktuelles Erscheinungsbild bemüht, enthält die Website einen News-Bereich. Ergonomisches Kontaktformular senden die Daten erst dann, wenn alle Pflicht-Felder ausgefüllt wurden. Das Kontaktformular erkennt selbstständig die Pflichtfelder für die Newsletter-Anforderung!
Über das Unternehmen
Die Schauspielerin Sandra G. Pretzmann ist eine europaweit bekannte und talentierte Unterhaltungskünstlerin. Sie ist weltweit unterwegs und brauch eine immer verfügbare Präsenz. Dieses ist durch die Erstellung der Internetpräsenz gewährleistet.
Website besuchen:
>> Homepage SPUK-actressWebdesign & Usability
Das Design der Website sollte dem Besucher die Persönlichkeit Sandra G. Pretzmann näher bringen. Daher wurde bei der Farbwahl und bei der Wahl von Gestaltungselementen fürs Webdesign besonders auf den Geschmack und Vorstellungen von Sandra eingegangen.
Animationen
Hierbei handelt es sich um eine animierte Navigation mit interaktiven Elementen. Der Besucher kann sich die Bedeutung von SPUK per MouseOver darstellen Lassen. Im Hintergrund läuft ein Sternen-Effekt ab, der der Website etwas Zauber verleiht. Per Klick öffnet sich der animierte Fächer und zeigt die Themeninhalte der Internetpräsenz. Der Fächer ist auch wieder verschließbar.
Bildbearbeitung
Bilder wurden von professionellen Fotografen erstellt und sollen die Arten der Schauspielerin und Einsatzgebiete vermitteln.
Webanwendungen
Ein mit Hilfe von Java-Script integrierter Bilderlauf ermöglicht das Ansehen von Fotos und Videos von Sandra G. Pretzmann.
Programmierung
Die Homepage wurde mit XHTML, CSS, PHP und JavaScript programmiert. Die Animation mit ActionScript 3 umgesetzt.
Über das Unternehmen
Federico Machora Handelsgruppe (FM-Group) ist ein weltweit vertretenes Unternehmen, das Duftstoffe, Parfüme und Körperpflegeutensilien herstellt. Hierbei handelt es sich um Düfte, die den bekannten Marken entsprechenden. Die Homepage wurde für eine Vertriebstelle in Sankt Petersburg erstellt.
Website besuchen:
>> Homepage Federico Machora,St. Petersburg
Webdesign & Usability
Trotz des umfangreichen Angebotes an Parfümen und Pflegeutensilien bleiben die Webseiten wohl strukturiert und übersichtlich. Eine Suchfunktion ermöglicht direktes Zugreifen auf Artikel und Themen. Das Design vermittelt ein Gefühl von Leichtigkeit und Sinnlichkeit. Der Besucher wird im Menüpunkt "Cоветы для выбора" über die Wirkung der Düfte aufgeklärt und so die richtige Wahl erleichtert. Dezente Pastelltöne, sinnliche Muster, verspielte Typografie, sowie inspirierende und anregenden Bildercollagen machen den Besuch dieses Internetportals zu einem Erlebnis.
Animationen
Es wurden keine Animationen verwendet.
Bildbearbeitung
Bildercollagen wurden Themenbezogen und Produktspezifisch erstellt. Sie geben ein Gefühl der Leichtigkeit, Verspieltheit, Inspiration und manche Schwere von Duftstoffen wieder.
Webanwendungen
Auf jeder Webseite befindet sich im Fußbereich ein Kontaktformular mit Kontaktdaten für Bestellung und Beratung. Website-interne Suchfunktion.
Programmierung
Die Homepage wurde mit XHTML, CSS, PHP und JavaScript programmiert.
Über das Unternehmen
Das Massagestudio Secret Service für erotische Massagen mit Sitz in Frankfurt am Main bietet entspannende, anregende, erotische Massagen nach Termin und privater Bestellung.
Website besuchen:
>> Homepage Massagestudio Secret ServiceWebdesign & Usability
Gestaltung ist schlicht, übersichtlich und doch verspielt. Das Design der Website tritt wie eine Bühne aus dem Schwarz des Hintergrunds hervor, so entsteht der Eindruck des Verbotenen. Farbwahl wirkt warm, männlich, das Braun weicht ins Rot des Verführerischen. Die schlichte Struktur der Internetpräsenz bietet Übersichtlichkeit. Über eine eingebettete GoogleMap kann man leicht den Standort des Massagestudios finden.
Programmierung
Die Homepage wurde mit XHTML, CSS, PHP und JavaScript programmiert. Die Animation mit ActionScript 2 umgesetzt.
Animationen
Die Animation des Menüs gibt ein Gefühl der Leichtigkeit. In den Menüpunkten "Team" und "Ambiente" erscheint nach einem Preloader ein Bilderlauf. Bewegliche Bilder zeigen je nach Thema einen Bildausschnitt. Beim Klicken auf eins der Bilder können Besucher Masseurinnen näher kennenlernen oder sich ein Bild vom Ambiente machen.
Bildbearbeitung
Erotische Bilder von Masseurinnen werden von der Agentur Ladies.de bearbeitet und zur Verfügung gestellt. Bildausschnitte in Menüpunkten wirken versprechend.
Webanwendungen
GoogleMap zeigt den genauen Sitz des Massagestudios in Frankfurt am Main. Ein News-Bereich auf der Homepage sorgt für Aktualität, der Besucher kennt jedes neue Angebot. Der Webseitenbetreiber kann selbständig über ein Login-Bereich gesteuertes Content Management System (CMS) den Newsbereich verwalten. Der Besucher erhält die neuesten Angebote und Neuigkeiten auf der Startseite des Massagestudios. Die Seite jeder Masseurin enthält ein ergonomisches Bestellformular. So können Kunden eine Masseurin reservieren oder Termine vorbestellen.
Über das Unternehmen
Die GbR VIP-Investment beschäftigt sich mit finanziellen Fragen, Investitionen und Sicherung von Geldanlagen. Das Thema ist besonders relevant in heutigen Krisenzeiten. Der Einsatzradius ist Frankfurt am Main und Rhein-Main-Gebiet.
Website besuchen:
>> Homepage VIP-InvestmentWebdesign & Usability
Das Screendesign der Website sollte dem Besucher Sachlichkeit, Seriosität, Zuverlässigkeit und Kompetenz im Finanzsektor vermitteln. Daran halten sich das Firmenlogo-Design, die Farbwahl und die übersichtliche Struktur der Internetpräsenz. Über eine Suchfunktion kann der Besucher auch direkt nach Suchworteingabe auf Themengebiete zugreifen. Auf jeder Seite befindet sich ein Kontaktformular mit Aufforderung zur Kontaktaufnahme und Newsletter Bestellung. Der User hat ebenso die Möglichkeit über ein Botton Informationen auszudrucken oder Berichte als PDF runterzuladen. Für Erklärungen von Begriffen aus der Wirtschaft und Finanzwelt und leichterem Verstehen des Inhalts wurde ein Glossar angelegt – ABC der Finanzen!
Animationen
Hierbei handelt es sich um eine einfache Animation mit Preloader und Steuerungsbutton. Dieser ermöglicht ein erneutes Abspielen der Animation. So wird eine Wiederholung des Films vermieden um den Besucher nicht von den Inhalten der Homepage abzulenken. Die Animation gibt Fragen wieder, die VIP-Investment behandelt.
Bildbearbeitung
Bilder zeigen Personen in themenbezogenen Handlungen. Teils wurden Bildercollagen erstellt um Kosten für Bildmaterial zu sparen.
Webanwendungen
Der Webseitenbetreiber kann selbständig über ein Login-Bereich gesteuertes Content Management System (CMS) die Webseiten verwalten. Über eine eingebettete GoogleMap kann man leicht den Standort der Firma finden. Das ergonomische Kontaktformular erkennt selbstständig die Pflichtfelder für die Newsletter-Anforderung! Eine Suchfunktion ermöglicht leichtes Finden von Informationen.
Programmierung
Die Homepage wurde mit XHTML, CSS, PHP und JavaScript programmiert. Die Animation mit ActionScript 3 umgesetzt.
Über das Unternehmen
anna C-TRUS ist eine Tochter von Fresenius Kabi AG. Es handelt sich um ein Verfahren das zur Diagnose von Prostatakrebs eingesetzt wird und eine bessere Auswertung von Ultraschallbildern ermöglicht und damit zur gezielten Gewebeentnahme dient.
Website besuchen:
>> Homepage anna C-TRUSWebdesign & Usability
Das Screendesign wurde von der Werbeagentur Art Company der Internetagentur patzerDesign vorgelegt. Das Projekt wurde unter Beachtung von Umsetzungsmöglichkeiten nach Vorgaben programmiert.
Programmierung
Die Homepage wurde mit XHTML, CSS, PHP, MySQL und JavaScript programmiert. Die Animation mit ActionScript 3 umgesetzt.
Animationen
Die Animation auf der Homepage zeigt abstrakt die Effektivität einer Ultraschaldiagnostik von anna C-TRUS.
Bildbearbeitung
Bilder wurden von der Werbeagentur Art Company zur Verfügung gestellt.
Webanwendungen
Es wurde ein einfaches Datenbankgestütztes CMS entwickelt um Publikationen, Veranstaltungen und Messen zu verwalten. Dieses erreicht der Nutzer über eigens programmierten Login-Bereich. Für die Webseite „Arzt-Suche“ wurde ein Datenbankgestütztes Script für Entfernungsberechnung entwickelt. Durch die Eingabe der Postleitzahl wird dem Benutzter der nächstmögliche Arzt empfohlen mit der Angabe der Entfernung im km, Luftlinie. Die E-Mail-Adresse im Kontakt wurde durch JavaScript vor Spamboots geschützt.
Über das Unternehmen
Seit über 25 Jahren hat sich "gernot prieß - garten & landschaft" auf die Anlage von Privatgärten spezialisiert. Bewohnbare Gärten zum Entspannen und Erholen. Zuverlässig und sorgfältig, mit handwerklicher Erfahrung plant und baut das Team von Gernot Prieß Ihren Garten und legt viel Wert auf gute Gestaltung und bauliche Qualität.
Website besuchen:
>> Homepage gernot priess, landschaft&gartenWebdesign & Usability
Das Webdesign wurde als fertiges Screendesign der Internetagentur patzerDesign vorgelegt. Das Projekt wurde unter Betrachtung von Umsetzungsmöglichkeiten nach Vorgaben programmiert.
Programmierung
Die Programmierung des vorgefertigten Sreendesigns wurde mit XHTML, CSS, PHP und JavaScript umgesetzt.
Animationen
Es wurden keine Animationen verwendet.
Bildbearbeitung
Bilder wurden von Melanie Abel-Quinten erstellt und bearbeitet. Die Bildersprache sollte dem Besucher die Gärten und die Arbeit in der Natur nahe bringen. Fotografien dienen als Referenzen von "gernot prieß - garten & landschaft". Sie inspirieren einen möglichen Kunden und animieren zum Verweilen auf der Website.
Webanwendungen
Da jede Webseite mehrere hochauflösende Bilder enthält, wurde ein über JavaScript gesteuerter Bilder-Preloader integriert. Bevor das Webdesign vollständig aufgebaut wird, wird der Besucher informiert, dass erst Bilder vorgeladen werden. Weiter Webanwendungen wurden mit Hilfe von JavaScript entwickelt, wie das Einfärben der Mitarbeiter-Fotos oder das klicken von Beispielen von Leistungen innerhalb einer Webseite. Die E-Mail wurde durch JavaScript vor Spamboots geschützt.
Über das Unternehmen
Das erste Screendesign der Internetagentur patzerDesign. Ein Versuch mit Typografie zu gestalten und die statische Anordnung vom Aufbau einer jeder Website zu durchbrechen.
Website besuchen:
>> Homepage Internetagentur WebdesignWebdesign & Usability
Gestaltung ist schlicht, übersichtlich. Jeder bedeutende Menüpunkt ist ersichtlich. Die Farbwahl wirkt seriös und kompetent. Eine Besonderheit der Website webDesign Cockpit ist das Menü, das sich in der Mitte der Arbeitsfläche befindet.
Animationen
Über einen Bilderlauf im Menüpunkt "zum Beispiel" können Sie erfolgreich abgeschlossene Arbeiten betrachten. Sie werden innerhalb der Animation in einen vorgesehenen Container hochgeladen und sind so vor Bilder-Raub geschützt.
Bildbearbeitung
Bildercollagen wurden Themenbezogen aus Fotografien von Originalstandorten in Frankfurt am Main kreiert. Sie wirken verspielt und kreativ. Die Geraden, die die Bilder durchschreiten geben ein Gefühl des Sachlichkeit und Kompetenz.
Webanwendungen
Durch ein Kontaktformular können Sie Kontakt aufnehmen. Über die Login-Bereiche für Kunden und Mitarbeiter werden die Nutzer zu versteckten Seiten weitergeleitet.
Programmierung
Die Homepage wurde mit XHTML, CSS, PHP und JavaScript programmiert. Die Animation mit ActionScript 2 umgesetzt.
