{"id":42,"date":"2024-01-19T00:00:13","date_gmt":"2024-01-18T23:00:13","guid":{"rendered":"http:\/\/rarathemesdemo.com\/perfect-portfolio\/?post_type=rara-portfolio&p=42"},"modified":"2024-01-23T09:12:41","modified_gmt":"2024-01-23T08:12:41","slug":"dilber-restaurant-webseite","status":"publish","type":"rara-portfolio","link":"https:\/\/dilber.altan.at\/?rara-portfolio=dilber-restaurant-webseite","title":{"rendered":"Dilber-Restaurant | Webseite (2012)"},"content":{"rendered":"\n

Die Webseite www.dilber-restaurant.at war ein Teil meiner Diplomarbeit im Jahr 2012.
Als Teil dieses Projekts habe ich die Webseite von Grund auf neu entwickelt, einschlie\u00dflich des Logos, des Layouts, der Grafiken sowie des HTML- und CSS-Codes. Hierbei habe ich bewusst auf die Verwendung von vorgefertigten Templates und Vorlagen verzichtet, um ein einzigartiges und individuelles Design zu schaffen. <\/p>\n\n\n\n

Die Webseite ist nicht mehr online, man kann eine Vorabversion unter dem folgenden Link betrachten: https:\/\/dilber.altan.at\/Dilber-Restaurant\/<\/strong><\/a><\/p>\n\n\n\n

Layout:<\/strong> Das Layout der Webseite ist in Form einer Tulpe gestaltet und wurde an das Logo des Restaurants angelehnt, um eine konsistente visuelle Identit\u00e4t zu gew\u00e4hrleisten. Es wurden auch Inhalte mit Flash erstellt, die jedoch aufgrund der Inkompatibilit\u00e4t mit aktuellen Browsern nicht mehr angezeigt werden k\u00f6nnen.<\/p>\n\n\n\n

Farben:<\/strong>
Bei der Farbgestaltung wurde bewusst auf einen Wei\u00df-Bordeauxrot-Kontrast gesetzt. Das Hintergrundmuster wurde in einem etwas dunkleren Bordeauxrot erstellt, begleitet von Schattenverl\u00e4ufen, um den Inhalt noch st\u00e4rker hervorzuheben.<\/p>\n\n\n\n

Webfont:<\/strong>
Als Schriftart wurde das „Google-Font“ „Philosopher“ ausgew\u00e4hlt, das auf elegante Weise an die geschwungene Form einer Tulpe erinnert und somit perfekt mit dem Corporate Design harmoniert.<\/p>\n\n\n\n

JavaScript\/Ajax:<\/strong>
Die Inhalte werden dynamisch in einen Container(div) geladen. So dass beim klicken der Buttons die Webseite nicht von neuem aufgebaut wird. So entstehen fl\u00fcssige \u00dcberg\u00e4nge beim laden, und kein typisches flackern. Auch mit einem deaktivierten JavaScript ist die Seite voll funktionsf\u00e4hig.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n


Ladeschirm:<\/strong>
Nachdem die Webseite vollst\u00e4ndig geladen wurde, \u00f6ffnet sie sich mit einer beeindruckenden Intro-Animation, die mit Hilfe von jQuery erstellt wurde. Diese Animation verleiht der Webseite einen professionellen und ansprechenden Eindruck und sorgt f\u00fcr eine positive Nutzererfahrung. <\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n


Men\u00fc Buttons:<\/strong>
Die Buttons zeigen CSS Mouse-Over Effekte mit wachsenden Bl\u00fcten-Pfeilanimationen. Angeklickte Buttons erhalten ein blaues Icon.<\/p>\n\n\n\n

<\/div>\n\n\n\n
<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n


Slider:<\/strong>
Um die geschwungene Form des Tulpen-Layouts zu ber\u00fccksichtigen, wurden speziell f\u00fcr den Slider transparente PNG-Bilder erstellt.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n


Flash Flipbook Speiseliste:<\/strong>
Die Speiseliste wurde als Flash-Animation umgesetzt, die das Umbl\u00e4ttern einer visuellen Speisekarte simuliert. Links sind die Speisen und Preise in einem Rahmen aufgelistet, rechts die entsprechenden Bilder.<\/p>\n\n\n\n

<\/div>\n\n\n\n
<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n


Kontaktformular:<\/strong>
Das Kontaktformular mit Captcha. Lageplan wurde mit \u201eGoogle Maps Api\u201c realisiert. Das Farbschema und die Icons von Google Maps wurden an die Webseite angepasst.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Die Webseite ist nicht mehr online, man kann eine Vorabversion unter dem folgenden Link betrachten:<\/p>\n\n\n\n

\n
\n

https:\/\/dilber.altan.at\/Dilber-Restaurant\/<\/a><\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n

Diese Version gibt Ihnen einen Eindruck von der Gestaltung und Funktionalit\u00e4t der Webseite, die ich damals entwickelt habe.<\/p>\n","protected":false},"excerpt":{"rendered":"

Die Webseite www.dilber-restaurant.at war ein Teil meiner Diplomarbeit im Jahr 2012. Als Teil dieses Projekts habe ich die Webseite von Grund auf neu entwickelt, einschlie\u00dflich des Logos, des Layouts, der Grafiken sowie des HTML- und CSS-Codes. Hierbei habe ich bewusst auf die Verwendung von vorgefertigten Templates und Vorlagen verzichtet, um ein einzigartiges und individuelles Design … <\/p>\n","protected":false},"author":1,"featured_media":693,"comment_status":"closed","ping_status":"closed","template":"","rara_portfolio_categories":[7],"class_list":["post-42","rara-portfolio","type-rara-portfolio","status-publish","has-post-thumbnail","hentry","rara_portfolio_categories-web-design"],"_links":{"self":[{"href":"https:\/\/dilber.altan.at\/index.php?rest_route=\/wp\/v2\/rara-portfolio\/42","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dilber.altan.at\/index.php?rest_route=\/wp\/v2\/rara-portfolio"}],"about":[{"href":"https:\/\/dilber.altan.at\/index.php?rest_route=\/wp\/v2\/types\/rara-portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/dilber.altan.at\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dilber.altan.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=42"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dilber.altan.at\/index.php?rest_route=\/wp\/v2\/media\/693"}],"wp:attachment":[{"href":"https:\/\/dilber.altan.at\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=42"}],"wp:term":[{"taxonomy":"rara_portfolio_categories","embeddable":true,"href":"https:\/\/dilber.altan.at\/index.php?rest_route=%2Fwp%2Fv2%2Frara_portfolio_categories&post=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}