Um unsere Webseite für Sie optimal zu gestalten und fortlaufend verbessern zu können, verwenden wir Cookies. Durch die weitere Nutzung der Webseite stimmen Sie der Verwendung von Cookies zu. Weitere Informationen zu Cookies erhalten Sie in unserer Datenschutzerklärung.

NINC MEDIA - Film & Design - Wien


Anzeige der Artikel nach Schlagwörtern: responsive Webdesign
Morton 2015 // responsive Webdesign meets Asia Möbel
 

Unser langjähriger Kunde, der Asia Möbel Händler "Morton" in der Lindengasse 39, 1070 Wien hat uns mit einem Relaunch der Homepage und des Produktkatalogs betraut. Die Website wurde von uns einem kompletten Redesign unterzogen, das nicht nur modern und reduziert die Möbel und Produkte von Morton in den visuellen Vordergrund stellt, sondern auch responsive Webdesign für Smartphones und Tablets und ein überarbeitetes Administrations-Interface des Content Management (CMS) beinhaltet. Das moderne Webdesign steht in Synergie mit dieser optimierten Benutzeroberfläche, was die Wartung der Homepage für das Team bei Morton erheblich vereinfacht. Design und Usability sind eine Verschränkung von Funktionalität und Präsentaton, was in Hinblick auf die neue Website und den umfangreichen Online-Produktkatalog, für den wir die bestehenden Inhalte komplett in in das neue System importiert haben, ein Gesamtprodukt ergibt. Das Wiener Unternehmen kann so beruhigt in die Zukunft blicken und seinen Kunden nun auch online ein mehr an Bedienbarkeit und Design bieten.

Desweiteren haben wir im Zuge der Überarbeitung der Homepage auch die Corporate Identity (CI) neu gestaltet und modernisiert. Das neue Farbklima basiert auf den traditionellen Werten und mit dem neuen Logo, welches von uns natürlich als Vektordatei und in allen nötigen Formaten bereitgestellt wurde, ist Morton auch hier im Jahr 2015 angekommen. Der Claim "Möbel entdecken" erfährt so eine doppelte Repräsentation: sowohl im Morton Store in der Lindengasse in Wien als auch unter www.morton.at

Katharina Strassl Wien // responsive Webdesign
 

Die Homepage des renommierten Wiener Friseurstudios "Katharina Strassl" erstrahlt nach ihrem Relaunch in neuem Glanz. Das responsive Design stellt für mobile Endgeräte eigene Layouts bereit, die die Inhalte flexibel auf Smartphones und Tablets präsentieren. Das Webdesign fokusiert auf einen bildlastigen Auftritt, der sich in einem modernen Interface darstellt und hochwertige Fotos aus Shootings der Kollektionen von Katharina Strassl integriert. Das Design ist klar reduziert. Von überflüssigen Balast befreit wirkt die Homepage dadurch modern und zeitgemäß, was sich auch in schnellen Ladezeiten der Seiten selbst niederschlägt.Die dadurch gewonnene Performance erlaubt den weiteren Einsatz von grossformatigen Bildern die durch das minimalistische Webdesign noch mehr in den Vordergrund gerückt werden. Zusätzlich konnte durch diesen Designansatz eine effiziente Umsetzung gewährleistet werden.

 

Hinter der neuen Homepage steht selbstverständlich ein Content Management System (CMS), mit dem sich die Inhalte einfach editieren und verwalten lassen. Social Media Funktionen und die Integration von Google Maps und Kontaktforumlar runden die Grundfeatures ab. Responsive Webdesign meets Intercoiffeur, die mobile Welt trifft auf den Salon in 1040 Wien: www.katharina-strassl.com

Christina Noélle // Fotografie // responsive Webdesign
 

Die neue Website der aufstrebenden Wiener Fotografin Christina Noélle vereint eine einfache Administration mittels CMS mit einem responsive Webdesign, das sich in vier Stufen an die verschiedensten Endgeräte, vom HD Monitor bis zum Smartphone, anpasst. Das dynamische Layout präsentiert mit starken Kontrasten und grossformatigen Bildern die Shootings und Selfshots der Künstlerin. Das Portfolio lebt besonders durch das hochqualitative Content, für das die Homepage selbst einen modernen und doch reduzierten Rahmen bildet. Das Content Management System (CMS) ermöglicht eine effiziente Verwaltung der Inhalte und Projekte, und bietet einige Zusatzfeatures wie SEO (Suchmaschinenoptimierung) und intelligente Layoutfunktionen, die jegliche Form der Bildformate und Textlängen stabil verarbeitet.

Link: http://christina-noelle.com

the Piratebears // Online Magazin // Webdesign
 

Mit "the Piratebears" geht ein neues, junges Onlinemagazin aus dem Bereich Computerspiele online. Das Portal stellt unabhängige Reviews und Tests von PC Spielen vor, und bewertet diese nach einem klaren Yes/No Schema. Das Webdesign ist auf die jeweiligen Autoren, die das Piratebears-Team bilden, zugeschnitten, und mit Zitat und Portrait ist der Verfasser eines Tests oder einer Vorschau stark präsent. Als Redaktionssystem verwenden wir hier ein angepasstes Open Source CMS inklusive Content Creation Kit (CCK), sodass sich die wachsenden Inhalte klar strukturieren lassen und das CMS sich um alle groben DInge, wie zum Beispiel die Erstellung der verschiedenen Bild-Auflösungen kümmert, was heutzutage noch immer nicht bei jedem CMS verständlich ist. Das Design selbst ist natürlich "responsive" ausgelegt, es passt sich an Endgeräte an und ist somit mobile-friendly. Ebenso zeigen wir uns für das Design des Logos und der CI, also dem gesamten Corporate Design, verantwortlich.

Also, wie schon Guybrush Threepwood sagte: "A pirate i was meant to be." Dann viel Glück auf Euerer Segelfahrt, Piratenbären.

responsive Webdesign mit Smart Blocks
 

ninc responsive webdesign 01

Webdesign und mobile Endgeräte sind nun seit ungefähr einem Jahr ein heisses Thema, das unter dem Stichwort "responsive Webdesign" zusammengefasst wird. Hierbei geht es um eine Form der dynamsichen Anpassung der verschiedenen Inhaltsbereiche an die sehr unterschiedlichen Displaygrößen, sodasz auf den Smartphones oder Tablets ein horizontales Scrollen, oder besser Swipen, vermieden werden kann. Beim Design und der Programmierung von responsive Homepages kommen moderne Technologien wie CSS3 und HTML5 zum Einsatz.

 

Das mobile Template wird hier meist extra erstellt, also als ein Teilbereich des Webdesign Projekts gehandhabt. Je nach Design bzw. Komplexität des Layouts kann hier ein ganz schöner Brocken an Mehraufwand dazukommen.

 

Auch diese Seite hier, NINC!, ist "responsive", sprich sie passt sich an die Auflösungen und Displaybreiten von Smartphones an. Allerdings wählten wir hier in der Konzeptphase einen alternativen Ansatz, den wir SMART WEBDESIGN nennen. Auf unserer Seite, wie auch schon bei den ersten Kundenprojekten, sind die Hauptelemente alle blockmässig aufgebaut, und verwenden eine definierte Breite und Höhe. Elemente wie Textbereiche oder Bilder, die über die gesamte Breiten gehen werden zusätzlich mit einer Breite von 100% verwendet. Dadurch können die einzelnen Blöcke wie auf einem Raster untereinander oder nebeneinander angeordnet werden. Bei Bildern ist es hier natürlich unumgänglich, diese nicht per <img> Tag einzubinden, sondern via CSS und Background Eiegenschaft. So können sich auch Breite Bilder auf die jeweilige Screenbreite anpassen. Der Auschnitt lässt sich per background-position finetunen.

 

Der meist unsichtbare Rahmen, der Wrapper, kann mittels JQuery Javascript einfach je nach Auflösung des Endgeräts, sei es ein Desktop, Laptop oder eben ein Smartphone wie IPhone oder Android, dynamisch angepasst werden.

 

Das funktioniert natürlich nicht in jedem Themenbereich mit jedem Design, aber für konkrete Projekte kann so ein mobiles Erscheinungsbild präsentiert werden, das in einem vernünftigen Kostenrahmen effektiv umsetzbar bleibt. Immerhin ist ja die Grunddefinition von Design: Form follows Function.

Reach Us!

Reach NINC webdesign : video : 3D Wien

Christoph Öhler | NINC MEDIA


festnetz: +43-1-961-14-21
mobile: +43-676-688-1099

eMail: [email protected]
Skype: ninc.at
ninc-map-small

Contact Us!

Ihr Name:
Please let us know your name.
eMail:
Please let us know your email address.
Ihre Nachricht:
Please let us know your message.
Die abgesendeten Daten werden nur zum Zweck der Bearbeitung Ihres Anliegens verarbeitet. Weitere Informationen finden Sie in unserer Datenschutzerklärung
Invalid Input

Some of Our Client Family

clients ninc 2012

software we love oneline 02

software we love oneline 01