[{"data":1,"prerenderedAt":1849},["ShallowReactive",2],{"header-project-wilde-spieth-social-media":3,"project-wilde-spieth-social-media":68,"all-projects":97},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"id":8,"order":9,"related":10,"de":14,"en":24,"und":31,"_id":62,"_type":63,"title":64,"_source":65,"_file":66,"_stem":67,"_extension":63},"\u002Fprojects\u002Fwilde-spieth-social-media","projects",false,"","wilde-spieth-social-media",18,[11,12,13],"wilde-spieth-art-direction","wilde-spieth-poster","wilde-spieth-catalogue",{"title":15,"categories":16,"service":18,"status":20,"text":21,"metaDesc":22,"metaKeys":23},"Wilde+Spieth",[17],"Social Media",[19],"Art Direction","in Bearbeitung","Die Social Media Strategy für den Möbelhersteller Wilde+Spieth setzt den Fokus auf die Planung und Kuration des Instagram Accounts des Unternehems. Dazu werden Stories und Posts zu den Produkten, zu Referenzprojekten und Kooperation kuratiert und gestaltet. Zusätzlich werden in regelmäßigen Abständen Gewinnspiele organisiert und veranstaltet.","Social Media Strategy für den Möbelhersteller Wilde+Spieth.","Art Direction, Design, Social Media, Wilde+Spieth",{"title":15,"categories":25,"service":26,"status":27,"text":28,"metaDesc":29,"metaKeys":30},[17],[19],"ongoing","The social media strategy for the furniture manufacturer Wilde+Spieth focuses on the planning and curation of the company’s Instagram account. For this purpose, stories and posts on the products and reference and cooperation projects are curated and designed. In addition, competitions are organized and held at regular intervals.","Social media strategy for the furniture manufacturer Wilde+Spieth.","art direction, design, social media, Wilde+Spieth",{"indexGridClass":32,"indexImg":33,"mediaEntries":36,"metaImage":34},"col-start-2 col-end-12",{"src":34,"greyFilter":6,"mediaRatio":35},"tilgner-kempf-wilde-spieth-social-index.jpg",1.4997070884592854,[37,42,46,50,54,58],{"gridClass":32,"greyFilter":6,"src":34,"mediaType":38,"mediaRatio":35,"subline":39},"image",{"lang":40},{"en":41,"de":41},"Lorem Ipsum",{"gridClass":32,"greyFilter":6,"src":43,"mediaType":38,"mediaRatio":35,"subline":44},"tilgner-kempf-wilde-spieth-social-2.jpg",{"lang":45},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":47,"mediaType":38,"mediaRatio":35,"subline":48},"tilgner-kempf-wilde-spieth-social-3.jpg",{"lang":49},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":51,"mediaType":38,"mediaRatio":35,"subline":52},"tilgner-kempf-wilde-spieth-social-4.jpg",{"lang":53},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":55,"mediaType":38,"mediaRatio":35,"subline":56},"tilgner-kempf-wilde-spieth-social-5.jpg",{"lang":57},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":59,"mediaType":38,"mediaRatio":35,"subline":60},"tilgner-kempf-wilde-spieth-social-6.jpg",{"lang":61},{"en":41,"de":41},"content:projects:wilde-spieth-social-media.json","json","Wilde Spieth Social Media","content","projects\u002Fwilde-spieth-social-media.json","projects\u002Fwilde-spieth-social-media",{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"id":8,"order":9,"related":69,"de":70,"en":73,"und":76,"_id":62,"_type":63,"title":64,"_source":65,"_file":66,"_stem":67,"_extension":63},[11,12,13],{"title":15,"categories":71,"service":72,"status":20,"text":21,"metaDesc":22,"metaKeys":23},[17],[19],{"title":15,"categories":74,"service":75,"status":27,"text":28,"metaDesc":29,"metaKeys":30},[17],[19],{"indexGridClass":32,"indexImg":77,"mediaEntries":78,"metaImage":34},{"src":34,"greyFilter":6,"mediaRatio":35},[79,82,85,88,91,94],{"gridClass":32,"greyFilter":6,"src":34,"mediaType":38,"mediaRatio":35,"subline":80},{"lang":81},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":43,"mediaType":38,"mediaRatio":35,"subline":83},{"lang":84},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":47,"mediaType":38,"mediaRatio":35,"subline":86},{"lang":87},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":51,"mediaType":38,"mediaRatio":35,"subline":89},{"lang":90},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":55,"mediaType":38,"mediaRatio":35,"subline":92},{"lang":93},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":59,"mediaType":38,"mediaRatio":35,"subline":95},{"lang":96},{"en":41,"de":41},[98,183,266,324,385,422,480,537,579,640,675,735,788,847,940,993,1065,1105,1134,1194,1234,1299,1335,1409,1462,1499,1563,1590,1642,1697,1749,1795],{"_path":99,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"id":13,"order":100,"related":101,"de":102,"en":111,"und":119,"_id":179,"_type":63,"title":180,"_source":65,"_file":181,"_stem":182,"_extension":63},"\u002Fprojects\u002Fwilde-spieth-catalogue",1,[11,12,8],{"title":15,"categories":103,"service":105,"status":107,"text":108,"metaDesc":109,"metaKeys":110},[104],"Katalog Design",[19,106],"Design","abgeschlossen","Die Gestaltung des Produktkatalogs für den Möbelhersteller Wilde+Spieth setzt auf einen großzügigen Einsatz von Bildern und eine klare Darstellung der Produktpalette. Um den Markeneindruck abzurunden werden Referenzprojekte abgebildet und die Geschichte der Marke aufgezeigt. Das Cover zeigt den ikonischen SE68, fotografiert im Literaturmuseum der Moderne in Marbach und ist durch einen foliengeprägten Titel veredelt.","Gestaltung des Produktkatalogs für den Möbelhersteller Wilde+Spieth.","Gestaltung, Katalog, Möbel, Wilde+Spieth",{"title":15,"categories":112,"service":114,"status":115,"text":116,"metaDesc":117,"metaKeys":118},[113],"Catalogue Design",[19,106],"finalised","The design of the product catalog for the furniture manufacturer Wilde+Spieth relies on a generous use of images and a clear presentation of the product portfolio. To complete the brand impression, reference projects are shown and the history of the brand is illustrated. The cover shows the iconic SE68—photographed at the Literaturmuseum der Moderne in Marbach—and is refined with a foil-embossed title.","Design of the product catalog for the furniture manufacturer Wilde+Spieth.","design, catalogue, furniture, Wilde+Spieth",{"indexGridClass":32,"indexImg":120,"mediaEntries":122,"metaImage":121},{"src":121,"greyFilter":6,"mediaRatio":35},"tilgner-kempf-wilde-spieth-catalog-index.jpg",[123,127,131,135,139,143,147,151,155,159,163,167,171,175],{"gridClass":32,"greyFilter":6,"src":124,"mediaType":38,"mediaRatio":35,"subline":125},"tilgner-kempf-wilde-spieth-catalog-1.jpg",{"lang":126},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":128,"mediaType":38,"mediaRatio":35,"subline":129},"tilgner-kempf-wilde-spieth-catalog-2.jpg",{"lang":130},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":132,"mediaType":38,"mediaRatio":35,"subline":133},"tilgner-kempf-wilde-spieth-catalog-3.jpg",{"lang":134},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":136,"mediaType":38,"mediaRatio":35,"subline":137},"tilgner-kempf-wilde-spieth-catalog-4.jpg",{"lang":138},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":140,"mediaType":38,"mediaRatio":35,"subline":141},"tilgner-kempf-wilde-spieth-catalog-5.jpg",{"lang":142},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":144,"mediaType":38,"mediaRatio":35,"subline":145},"tilgner-kempf-wilde-spieth-catalog-6.jpg",{"lang":146},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":148,"mediaType":38,"mediaRatio":35,"subline":149},"tilgner-kempf-wilde-spieth-catalog-7.jpg",{"lang":150},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":152,"mediaType":38,"mediaRatio":35,"subline":153},"tilgner-kempf-wilde-spieth-catalog-8.jpg",{"lang":154},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":156,"mediaType":38,"mediaRatio":35,"subline":157},"tilgner-kempf-wilde-spieth-catalog-9.jpg",{"lang":158},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":160,"mediaType":38,"mediaRatio":35,"subline":161},"tilgner-kempf-wilde-spieth-catalog-10.jpg",{"lang":162},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":164,"mediaType":38,"mediaRatio":35,"subline":165},"tilgner-kempf-wilde-spieth-catalog-11.jpg",{"lang":166},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":168,"mediaType":38,"mediaRatio":35,"subline":169},"tilgner-kempf-wilde-spieth-catalog-12.jpg",{"lang":170},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":172,"mediaType":38,"mediaRatio":35,"subline":173},"tilgner-kempf-wilde-spieth-catalog-13.jpg",{"lang":174},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":176,"mediaType":38,"mediaRatio":35,"subline":177},"tilgner-kempf-wilde-spieth-catalog-14.jpg",{"lang":178},{"en":41,"de":41},"content:projects:wilde-spieth-catalogue.json","Wilde Spieth Catalogue","projects\u002Fwilde-spieth-catalogue.json","projects\u002Fwilde-spieth-catalogue",{"_path":184,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"id":185,"order":186,"related":187,"de":191,"en":200,"und":206,"_id":262,"_type":63,"title":263,"_source":65,"_file":264,"_stem":265,"_extension":63},"\u002Fprojects\u002Fklemens-renner-website","klemens-renner-website",2,[188,189,190],"klemens-renner-identity","g2o-website","from-industrial-design-website",{"title":192,"categories":193,"service":195,"status":107,"text":197,"metaDesc":198,"metaKeys":199},"Klemens Renner",[194],"Website",[106,196],"Code","Klemens Renner ist Architektur- und Museumsfotograf in Berlin und Dresden. Die Startseite mit ausgewählten Projekten bietet eine kurze Einführung in die Arbeit von Klemens. Die Projektseite ermöglicht eine Übersicht mit allen Projekten. Die Infoseite im Listenstil enthält Referenzen, Veröffentlichungen und weitere Informationen. Die klare Typografie wird durch subtile Details wie Seitenübergänge und Mouseover-Effekte hervorgehoben.","Gestaltung und Programmierung von Klemens Renners Portfoliowebsite.","Gestaltung, Design, Programmierung, Website, Klemens Renner, Fotografie, Portrait, Architektur",{"title":192,"categories":201,"service":202,"status":115,"text":203,"metaDesc":204,"metaKeys":205},[194],[106,196],"Klemens Renner is an architecture and museum photographer in Berlin and Dresden. A home page with selected projects gives a brief introduction to Klemens’ work. The projects page allows an overview with all projects. The list style information page accommodates references, publications and further information. The clear typography is accentuated by subtle details like page transitions and mouse over effects.","Design and programming of Klemens Renner’s portfolio website.","design, programming, website, Klemens Renner, photography, portrait, architecture",{"indexGridClass":32,"indexImg":207,"indexVideo":211,"link":214,"mediaEntries":215,"metaImage":208},{"src":208,"greyFilter":209,"mediaRatio":210},"tilgner-kempf-klemens-renner-index.jpg",true,1.8307692307692307,{"src":212,"greyFilter":209,"mediaRatio":213},"tilgner-kempf-klemens-renner-screen-video.mp4",1.7777777777777777,"www.klemensrenner.com",[216,222,228,232,236,240,246,252,258],{"src":212,"gridClass":32,"greyFilter":209,"mediaRatio":213,"mediaType":217,"subline":218},"video",{"lang":219},{"en":220,"de":221},"Welcome screen","Startscreen",{"src":223,"gridClass":32,"greyFilter":209,"mediaType":38,"mediaRatio":210,"subline":224},"tilgner-kempf-klemens-renner-1.jpg",{"lang":225},{"en":226,"de":227},"Home page","Startseite",{"src":229,"gridClass":32,"greyFilter":209,"mediaType":38,"mediaRatio":210,"subline":230},"tilgner-kempf-klemens-renner-3.jpg",{"lang":231},{"en":226,"de":227},{"src":233,"gridClass":32,"greyFilter":209,"mediaType":38,"mediaRatio":210,"subline":234},"tilgner-kempf-klemens-renner-4.jpg",{"lang":235},{"en":226,"de":227},{"src":237,"gridClass":32,"greyFilter":209,"mediaType":38,"mediaRatio":210,"subline":238},"tilgner-kempf-klemens-renner-5.jpg",{"lang":239},{"en":226,"de":227},{"src":241,"gridClass":32,"greyFilter":209,"mediaType":38,"mediaRatio":210,"subline":242},"tilgner-kempf-klemens-renner-6.jpg",{"lang":243},{"en":244,"de":245},"Project index","Projektübersicht",{"src":247,"gridClass":32,"greyFilter":209,"mediaType":38,"mediaRatio":210,"subline":248},"tilgner-kempf-klemens-renner-7.jpg",{"lang":249},{"en":250,"de":251},"Project page","Projektseite",{"src":253,"gridClass":32,"greyFilter":209,"mediaType":38,"mediaRatio":210,"subline":254},"tilgner-kempf-klemens-renner-8.jpg",{"lang":255},{"en":256,"de":257},"Info page","Informationeseite",{"src":259,"gridClass":32,"greyFilter":209,"mediaType":38,"mediaRatio":210,"subline":260},"tilgner-kempf-klemens-renner-9.jpg",{"lang":261},{"en":256,"de":257},"content:projects:klemens-renner-website.json","Klemens Renner Website","projects\u002Fklemens-renner-website.json","projects\u002Fklemens-renner-website",{"_path":267,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"id":268,"order":269,"related":270,"de":274,"en":282,"und":288,"_id":320,"_type":63,"title":321,"_source":65,"_file":322,"_stem":323,"_extension":63},"\u002Fprojects\u002Fhans-und-maiti-kammerer-stiftung-microsite","hans-und-maiti-kammerer-stiftung-microsite",3,[271,272,273],"hans-und-maiti-kammerer-stiftung-identity","take-max-website","lux-website",{"title":275,"categories":276,"service":278,"status":107,"text":279,"metaDesc":280,"metaKeys":281},"Hans und Maiti Kammerer Stiftung",[277],"Microsite",[106,196],"Die Hans und Matti Kammerer Stiftung ist eine gemeinnützige Stiftung gegründet vom Architekten, Stadtplanerer und Professor Hans Kammerer. Die Microsite besteht aus einer kompakten Scrolldown-Startseite und einem umfangreichen Werkarchiv, inklusiver eine dynamischen Karte mit den wichtigsten Projekten von Hans Kammerer in Stuttgart. Ein besonderen Gestaltungselement ist das farblich markierte Ankermenü, das auf einer untergeordneten Ebene liegt und sich bei Bedarf vergrößert.","Gestaltung und Programmierung der Microsite der Hans und Matti Kammerer Stiftung.","Gestaltung, Design, Programmierung, Website, Hans und Matti Kammerer Stiftung, Architektur",{"title":275,"categories":283,"service":284,"status":115,"text":285,"metaDesc":286,"metaKeys":287},[277],[106,196],"The Hans and Matti Kammerer Foundation is a non-profit foundation founded by architect, urban planner and professor Hans Kammerer. The microsite consists of a compact scrolldown home page and an extensive work sections that showcases the work of Hans Kammerer and displays some of his most important projects in Stuttgart on a dynamic map. A special design element is the colour-coded anchor menu, which is on a subordinate level and can be enlarged if necessary.","Design and programming of the microsite of the Hans and Matti Kammerer Foundation.","design, programming, website, Hans and Matti Kammerer Foundation, architecture",{"indexGridClass":289,"indexMediaType":38,"indexImg":290,"indexVideo":293,"link":295,"mediaEntries":296,"metaImage":291},"col-start-7 col-end-13",{"src":291,"greyFilter":209,"mediaRatio":292},"tilgner-kempf-kammerer-web-index.jpg",1.913303437967115,{"src":294,"greyFilter":209,"mediaRatio":213},"tilgner-kempf-kammerer-screen-video.mp4","www.kammerer-stiftung.de",[297,300,304,308,312,316],{"gridClass":32,"greyFilter":209,"src":294,"mediaType":217,"mediaRatio":213,"subline":298},{"lang":299},{"en":41,"de":41},{"gridClass":32,"greyFilter":209,"mediaRatio":292,"src":301,"mediaType":38,"subline":302},"tilgner-kempf-kammerer-1.jpg",{"lang":303},{"en":41,"de":41},{"gridClass":32,"greyFilter":209,"mediaRatio":292,"src":305,"mediaType":38,"subline":306},"tilgner-kempf-kammerer-2.jpg",{"lang":307},{"en":41,"de":41},{"gridClass":32,"greyFilter":209,"mediaRatio":292,"src":309,"mediaType":38,"subline":310},"tilgner-kempf-kammerer-5.jpg",{"lang":311},{"en":41,"de":41},{"gridClass":32,"greyFilter":209,"mediaRatio":292,"src":313,"mediaType":38,"subline":314},"tilgner-kempf-kammerer-3.jpg",{"lang":315},{"en":41,"de":41},{"gridClass":32,"greyFilter":209,"mediaRatio":292,"src":317,"mediaType":38,"subline":318},"tilgner-kempf-kammerer-4.jpg",{"lang":319},{"en":41,"de":41},"content:projects:hans-und-maiti-kammerer-stiftung-microsite.json","Hans Und Maiti Kammerer Stiftung Microsite","projects\u002Fhans-und-maiti-kammerer-stiftung-microsite.json","projects\u002Fhans-und-maiti-kammerer-stiftung-microsite",{"_path":325,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"id":11,"order":326,"related":327,"de":328,"en":334,"und":340,"_id":381,"_type":63,"title":382,"_source":65,"_file":383,"_stem":384,"_extension":63},"\u002Fprojects\u002Fwilde-spieth-art-direction",4,[13,12,8],{"title":15,"categories":329,"service":330,"status":20,"text":331,"metaDesc":332,"metaKeys":333},[19],[19],"Die Art Direction für den Möbelhersteller Wilde+Spieth setzt den Fokus auf die aktuelle Inszenierung der Moderen Klassiker von Egon Eiermann. Dabei werden kulturelle und formale Referenzpunkte zwischen aktueller Architektur und Wohnkultur und der anhaltenden Gültigkeit von Möbeldesigns der klassischen Moderne herausgearbeitet.","Art Direction für den Möbelhersteller Wilde+Spieth.","Art Direction, Möbel, Wilde+Spieth",{"title":15,"categories":335,"service":336,"status":27,"text":337,"metaDesc":338,"metaKeys":339},[19],[19],"The art direction for furniture manufacturer Wilde+Spieth focuses on a contemporary presentation of Egon Eiermann’s modern classics. Cultural and formal points of reference between contemporary architecture and interior design and the continuing validity of classical modernism furniture designs are elaborated.","Art Direction for furniture manufacturer Wilde+Spieth.","Art Direction, furniture, Wilde+Spieth",{"indexGridClass":341,"indexImg":342,"mediaEntries":344,"metaImage":343},"col-start-1 col-end-7",{"src":343,"greyFilter":6,"mediaRatio":35},"tilgner-kempf-wilde-spieth-art-direction-index.jpg",[345,349,353,357,361,365,369,373,377],{"gridClass":32,"greyFilter":6,"src":346,"mediaType":38,"mediaRatio":35,"subline":347},"tilgner-kempf-wilde-spieth-art-direction-1.jpg",{"lang":348},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":350,"mediaType":38,"mediaRatio":35,"subline":351},"tilgner-kempf-wilde-spieth-art-direction-2.jpg",{"lang":352},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":354,"mediaType":38,"mediaRatio":35,"subline":355},"tilgner-kempf-wilde-spieth-art-direction-3.jpg",{"lang":356},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":358,"mediaType":38,"mediaRatio":35,"subline":359},"tilgner-kempf-wilde-spieth-art-direction-4.jpg",{"lang":360},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":362,"mediaType":38,"mediaRatio":35,"subline":363},"tilgner-kempf-wilde-spieth-art-direction-5.jpg",{"lang":364},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":366,"mediaType":38,"mediaRatio":35,"subline":367},"tilgner-kempf-wilde-spieth-art-direction-6.jpg",{"lang":368},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":370,"mediaType":38,"mediaRatio":35,"subline":371},"tilgner-kempf-wilde-spieth-art-direction-7.jpg",{"lang":372},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":374,"mediaType":38,"mediaRatio":35,"subline":375},"tilgner-kempf-wilde-spieth-art-direction-8.jpg",{"lang":376},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":378,"mediaType":38,"mediaRatio":35,"subline":379},"tilgner-kempf-wilde-spieth-art-direction-9.jpg",{"lang":380},{"en":41,"de":41},"content:projects:wilde-spieth-art-direction.json","Wilde Spieth Art Direction","projects\u002Fwilde-spieth-art-direction.json","projects\u002Fwilde-spieth-art-direction",{"_path":386,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"id":12,"order":387,"related":388,"de":390,"en":397,"und":403,"_id":418,"_type":63,"title":419,"_source":65,"_file":420,"_stem":421,"_extension":63},"\u002Fprojects\u002Fwilde-spieth-poster",5,[11,389,8],"wilde-spieth-colours",{"title":15,"categories":391,"service":393,"status":107,"text":394,"metaDesc":395,"metaKeys":396},[392],"Poster",[19,106],"Zur Ankündigung der neuen Farbpalette der Classic Collection des Möbelherstellers Wilde+Spieth zeigt das Faltplakat eine ganzseitige Ensemblefotografie im Literaturmuseum Marbach. Auf der Rückseite sind alle Farbvarianten systematisch abgebildet.","Gestaltung eines Faltposters zur Ankündigung der neuen Farbpalette der Classic Collection des Möbelherstellers Wilde+Spieth.","Gestaltung, Faltposter, Farbpalette, Classic Collection, Wilde+Spieth, Möbel",{"title":15,"categories":398,"service":399,"status":115,"text":400,"metaDesc":401,"metaKeys":402},[392],[19,106],"To announce the new colour palette of the Classic Collection of furniture manufacturer Wilde+Spieth, the folding poster shows a full-page ensemble photograph taken at the Literaturmuseum der Moderne in Marbach. All colour variants are systematically shown on the back.","Design of a folding poster to announce the new colour palette of the Classic Collection of furniture manufacturer Wilde+Spieth.","design, folding poster, colour palette, classic collection, Wilde+Spieth, furniture",{"indexGridClass":341,"indexImg":404,"mediaEntries":406,"metaImage":405},{"src":405,"greyFilter":6,"mediaRatio":35},"tilgner-kempf-wilde-spieth-poster-index.jpg",[407,410,414],{"gridClass":32,"greyFilter":6,"src":405,"mediaType":38,"mediaRatio":35,"subline":408},{"lang":409},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":411,"mediaType":38,"mediaRatio":35,"subline":412},"tilgner-kempf-wilde-spieth-poster-2.jpg",{"lang":413},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":415,"mediaType":38,"mediaRatio":35,"subline":416},"tilgner-kempf-wilde-spieth-poster-3.jpg",{"lang":417},{"en":41,"de":41},"content:projects:wilde-spieth-poster.json","Wilde Spieth Poster","projects\u002Fwilde-spieth-poster.json","projects\u002Fwilde-spieth-poster",{"_path":423,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"id":424,"order":425,"related":426,"de":428,"en":435,"und":441,"_id":476,"_type":63,"title":477,"_source":65,"_file":478,"_stem":479,"_extension":63},"\u002Fprojects\u002Fstudiengang-innenarchitektur-website","studiengang-innenarchitektur-website",6,[427,272,273],"iwe-website",{"title":429,"categories":430,"service":431,"status":107,"text":432,"metaDesc":433,"metaKeys":434},"Studiengang Innenarchitektur",[194],[106,196],"Die neue Website des Studiengangs Innenarchitektur der Staatlichen Akademie der Bildenden Künste München fasst die drei Lehrstühle des Studiengangs mit ihren unterschiedlichen Schwerpunkte unter einer visuellen Klammer zusammen. Dazu dient vordergründig das prägnante Hauptmenü. Zusätzlich ist die Struktur der Website so flexibel konzipiert, dass der Gesamteindruck des Studiengangs gewahrt bleibt und die einzelnen Lehrstühle gleichzeitig ihre eigenen Schwerpunkte und Aktivitäten thematisieren können.","Gestaltung und Programmierung der neue Website des Studiengangs Innenarchitektur der Staatlichen Akademie der Bildenden Künste München.","Gestaltung, Design, Programmierung, Website, Studiengang Innenarchitektur, Staatlichen Akademie der Bildenden Künste München, Architektur",{"title":429,"categories":436,"service":437,"status":115,"text":438,"metaDesc":439,"metaKeys":440},[194],[106,196],"The new website of the interior design degree program at the Academy of Fine Arts in Munich unites its three chairs and their different focal points under one visual identity. An omnipresent, bold main menu is used for this purpose. In addition, the structural flexibility of the website allows for an overall persistent appearance and at the same time enables each chair to address their own priorities and activities.","Design and programming of the new website of the interior design degree program at the Academy of Fine Arts in Munich.","design, programming, website, Academy of Fine Arts in Munich, interior design, architecture",{"indexGridClass":289,"indexImg":442,"indexVideo":444,"link":446,"mediaEntries":447,"metaImage":443},{"src":443,"greyFilter":209,"mediaRatio":292},"tilgner-kempf-studiengang-innenarchitektur-index.jpg",{"src":445,"greyFilter":209,"mediaRatio":213},"tilgner-kempf-adbk-muenchen-screen-video.mp4","www.innenarchitektur.adbk-muenchen.de",[448,452,456,460,464,468,472],{"gridClass":32,"greyFilter":209,"src":445,"mediaType":217,"mediaRatio":213,"subline":449},{"lang":450},{"en":451,"de":451},"Interaction",{"gridClass":32,"greyFilter":209,"src":453,"mediaType":38,"mediaRatio":292,"subline":454},"tilgner-kempf-studiengang-innenarchitektur-1.jpg",{"lang":455},{"en":41,"de":41},{"gridClass":32,"greyFilter":209,"src":457,"mediaType":38,"mediaRatio":292,"subline":458},"tilgner-kempf-studiengang-innenarchitektur-2.jpg",{"lang":459},{"en":41,"de":41},{"gridClass":32,"greyFilter":209,"src":461,"mediaType":38,"mediaRatio":292,"subline":462},"tilgner-kempf-studiengang-innenarchitektur-3.jpg",{"lang":463},{"en":41,"de":41},{"gridClass":32,"greyFilter":209,"src":465,"mediaType":38,"mediaRatio":292,"subline":466},"tilgner-kempf-studiengang-innenarchitektur-4.jpg",{"lang":467},{"en":41,"de":41},{"gridClass":32,"greyFilter":209,"src":469,"mediaType":38,"mediaRatio":292,"subline":470},"tilgner-kempf-studiengang-innenarchitektur-5.jpg",{"lang":471},{"en":41,"de":41},{"gridClass":32,"greyFilter":209,"src":473,"mediaType":38,"mediaRatio":292,"subline":474},"tilgner-kempf-studiengang-innenarchitektur-6.jpg",{"lang":475},{"en":41,"de":41},"content:projects:studiengang-innenarchitektur-website.json","Studiengang Innenarchitektur Website","projects\u002Fstudiengang-innenarchitektur-website.json","projects\u002Fstudiengang-innenarchitektur-website",{"_path":481,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"id":189,"order":482,"related":483,"de":486,"en":493,"und":499,"_id":533,"_type":63,"title":534,"_source":65,"_file":535,"_stem":536,"_extension":63},"\u002Fprojects\u002Fg2o-website",7,[484,485,185],"g2o-identity","yonder-website",{"title":487,"categories":488,"service":489,"status":107,"text":490,"metaDesc":491,"metaKeys":492},"g2o",[194],[106,196],"Der Entwurf der neuen Website des Architekturbüros g2o basiert auf einem offen Map-Layout. Die Bildebene lässt sich wie eine Karte per drag und zoom navigieren. Alle weiteren Inhaltseben lassen sich über drei Hauptmenüpunkte ansteuern und finden auf einer übergeordneten visuellen Ebene statt, die sich durch die schwarz-weiße Gestaltung und den klaren Kontrast visuell absetzt.","Gestaltung und Programmierung der neuen Website des Architekturbüros g2o.","Gestaltung, Design, Programmierung, Website, g2o, Architektur",{"title":487,"categories":494,"service":495,"status":115,"text":496,"metaDesc":497,"metaKeys":498},[194],[106,196],"The design of the new website of the architectural office g2o is based on an open map layout. The image level can be navigated like a map using drag and zoom. All other content levels can be controlled via three main menu items and appeare on a higher visual level, that is visually differentiated by black and white design and clear contrast.","Design and programming of g2o’s portfolio website.","design, programming, website, g2o, architecture",{"indexGridClass":32,"indexImg":500,"indexVideo":502,"link":504,"mediaEntries":505,"metaImage":501},{"src":501,"greyFilter":209,"mediaRatio":292},"tilgner-kempf-g2o-index.jpg",{"src":503,"greyFilter":209,"mediaRatio":213},"tilgner-kempf-g2o-screen-video.mp4","www.g2o-arch.eu",[506,509,513,517,521,525,529],{"gridClass":32,"greyFilter":209,"src":503,"mediaType":217,"mediaRatio":213,"subline":507},{"lang":508},{"en":41,"de":41},{"gridClass":32,"greyFilter":209,"src":510,"mediaType":38,"mediaRatio":292,"subline":511},"tilgner-kempf-g2o-1.jpg",{"lang":512},{"en":41,"de":41},{"gridClass":32,"greyFilter":209,"src":514,"mediaType":38,"mediaRatio":292,"subline":515},"tilgner-kempf-g2o-2.jpg",{"lang":516},{"en":41,"de":41},{"gridClass":32,"greyFilter":209,"src":518,"mediaType":38,"mediaRatio":292,"subline":519},"tilgner-kempf-g2o-3.jpg",{"lang":520},{"en":41,"de":41},{"gridClass":32,"greyFilter":209,"src":522,"mediaType":38,"mediaRatio":292,"subline":523},"tilgner-kempf-g2o-4.jpg",{"lang":524},{"en":41,"de":41},{"gridClass":32,"greyFilter":209,"src":526,"mediaType":38,"mediaRatio":292,"subline":527},"tilgner-kempf-g2o-5.jpg",{"lang":528},{"en":41,"de":41},{"gridClass":32,"greyFilter":209,"src":530,"mediaType":38,"mediaRatio":292,"subline":531},"tilgner-kempf-g2o-6.jpg",{"lang":532},{"en":226,"de":227},"content:projects:g2o-website.json","G2o Website","projects\u002Fg2o-website.json","projects\u002Fg2o-website",{"_path":538,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"id":188,"order":539,"related":540,"de":542,"en":549,"und":555,"_id":575,"_type":63,"title":576,"_source":65,"_file":577,"_stem":578,"_extension":63},"\u002Fprojects\u002Fklemens-renner-identity",8,[185,541,484],"yonder-identity",{"title":192,"categories":543,"service":545,"status":20,"text":546,"metaDesc":547,"metaKeys":548},[544],"Identity",[19,106],"Die Visual Identity von Klemens Renner setzt auf einen versalen Schriftzug und eine klare, zurückhaltende Typografie. Während die alltäglichen Kommunikationsmittel für Print-On-Demand und digitale Anwendungen ausgelegt sind, bieten Visitenkarte und Grußkarte die Möglichkeit zur Veredelungen.","Gestaltung von Klemens Renners Erscheinungsbilds.","Gestaltung, Design, Klemens Renner, Fotografie, Portrait, Architektur",{"title":192,"categories":550,"service":551,"status":27,"text":552,"metaDesc":553,"metaKeys":554},[544],[19,106],"Klemens Renner’s visual identity is based on an uppercase lettering logo and clear, restrained typography. While everyday means of communication are designed for print-on-demand and digital applications, business cards and greeting cards offer the opportunity for refinement.","Design of Klemens Renner’s visual identity.","design, Klemens Renner, photography, portrait, architecture",{"indexGridClass":32,"indexImg":556,"mediaEntries":558,"metaImage":557},{"src":557,"greyFilter":6,"mediaRatio":35},"tilgner-kempf-klemens-renner-identity-index.jpg",[559,563,567,571],{"gridClass":32,"greyFilter":6,"src":560,"mediaType":38,"mediaRatio":35,"subline":561},"tilgner-kempf-klemens-renner-identity-1.jpg",{"lang":562},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":564,"mediaType":38,"mediaRatio":35,"subline":565},"tilgner-kempf-klemens-renner-identity-2.jpg",{"lang":566},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":568,"mediaType":38,"mediaRatio":35,"subline":569},"tilgner-kempf-klemens-renner-identity-3.jpg",{"lang":570},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":572,"mediaType":38,"mediaRatio":35,"subline":573},"tilgner-kempf-klemens-renner-identity-4.jpg",{"lang":574},{"en":41,"de":41},"content:projects:klemens-renner-identity.json","Klemens Renner Identity","projects\u002Fklemens-renner-identity.json","projects\u002Fklemens-renner-identity",{"_path":580,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"id":581,"order":582,"related":583,"de":585,"en":592,"und":598,"_id":636,"_type":63,"title":637,"_source":65,"_file":638,"_stem":639,"_extension":63},"\u002Fprojects\u002Fuwe-schinn-website","uwe-schinn-website",9,[584,185,190],"uwe-schinn-identity",{"title":586,"categories":587,"service":588,"status":107,"text":589,"metaDesc":590,"metaKeys":591},"Uwe Schinn",[194],[106,196],"Uwe Schinn setzt sich in seinem vorwiegend bildhauerischen Werk mit Tendenzen und Phänomenen der Pop-Kultur auseinandersetzt. Die Portfoliowebsite greift die markanten Titel der Werke auf und macht sie zum Aufhänger des stark typografischen Erscheinungsbild, das dem Werk einen passenden Rahmen gibt.","Gestaltung und Programmierung der Website von Uwe Schinn.","Gestaltung, Design, Programmierung, Website, Uwe Schinn, Kunst, Bildhauer, Berlin",{"title":586,"categories":593,"service":594,"status":115,"text":595,"metaDesc":596,"metaKeys":597},[194],[106,196],"In his mostly sculptural work, Uwe Schinn deals with tendencies and phenomena of pop culture. The portfolio website picks up on the striking titles of his works and makes them the center point of the strongly typographic appearance, that gives the work an appropriate frame.","Design and programming of the website of Uwe Schinn.","design, programming, website, Uwe Schinn, art, sculpturer, Berlin",{"indexGridClass":341,"indexImg":599,"indexVideo":602,"link":604,"mediaEntries":605,"metaImage":600},{"src":600,"greyFilter":209,"mediaRatio":601},"tilgner-kempf-uwe-schinn-index.jpg",1.8285714285714285,{"src":603,"greyFilter":209,"mediaRatio":213},"tilgner-kempf-uwe-schinn-screen-video.mp4","www.uweschinn.de",[606,609,613,617,623,627,631],{"gridClass":32,"greyFilter":209,"src":603,"mediaType":217,"mediaRatio":213,"subline":607},{"lang":608},{"en":451,"de":451},{"gridClass":32,"greyFilter":209,"src":610,"mediaType":38,"mediaRatio":601,"subline":611},"tilgner-kempf-uwe-schinn-2.jpg",{"lang":612},{"en":226,"de":227},{"gridClass":32,"greyFilter":209,"src":614,"mediaType":38,"mediaRatio":601,"subline":615},"tilgner-kempf-uwe-schinn-3.jpg",{"lang":616},{"en":226,"de":227},{"gridClass":32,"greyFilter":209,"src":618,"mediaType":38,"mediaRatio":601,"subline":619},"tilgner-kempf-uwe-schinn-4.jpg",{"lang":620},{"en":621,"de":622},"Project single page","Projekteinzelseite",{"gridClass":32,"greyFilter":209,"src":624,"mediaType":38,"mediaRatio":601,"subline":625},"tilgner-kempf-uwe-schinn-5.jpg",{"lang":626},{"en":621,"de":622},{"gridClass":32,"greyFilter":209,"src":628,"mediaType":38,"mediaRatio":601,"subline":629},"tilgner-kempf-uwe-schinn-7.jpg",{"lang":630},{"en":244,"de":245},{"gridClass":32,"greyFilter":209,"src":632,"mediaType":38,"mediaRatio":601,"subline":633},"tilgner-kempf-uwe-schinn-6.jpg",{"lang":634},{"en":635,"de":635},"About","content:projects:uwe-schinn-website.json","Uwe Schinn Website","projects\u002Fuwe-schinn-website.json","projects\u002Fuwe-schinn-website",{"_path":641,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"id":271,"order":642,"related":643,"de":644,"en":650,"und":656,"_id":671,"_type":63,"title":672,"_source":65,"_file":673,"_stem":674,"_extension":63},"\u002Fprojects\u002Fhans-und-maiti-kammerer-stiftung-identity",10,[541,188,484],{"title":275,"categories":645,"service":646,"status":107,"text":647,"metaDesc":648,"metaKeys":649},[544],[106],"Die Visual Identity der Hans und Maiti Kammerer Stiftung setzt auf die Präsenz der rhytmischen Wortmarke. Während die alltäglichen Kommunikationsmittel für Print-On-Demand und digitale Anwendungen ausgelegt sind, bieten Visitenkarte und Grußkarte die Möglichkeit zur Veredelungen.","Gestaltung des Erscheinungsbild der Hans und Maiti Kammerer Stiftung.","Gestaltung, Design, Hans und Maiti Kammerer Stiftung, Architektur",{"title":275,"categories":651,"service":652,"status":115,"text":653,"metaDesc":654,"metaKeys":655},[544],[106],"The visual identity of the Hans and Maiti Kammerer Foundation relies on the presence of its rhythmic logo. While everyday means of communication are designed for print-on-demand and digital applications, business cards and greeting cards offer the opportunity for refinement.","Design of the visual identity of the Hans and Maiti Kammerer Foundation.","design, Hans and Maiti Kammerer Foundation, architecture",{"indexGridClass":289,"indexImg":657,"mediaEntries":659,"metaImage":658},{"src":658,"greyFilter":6,"mediaRatio":35},"tilgner-kempf-kammerer-identity-index.jpg",[660,663,667],{"gridClass":32,"greyFilter":6,"src":658,"mediaType":38,"mediaRatio":35,"subline":661},{"lang":662},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":664,"mediaType":38,"mediaRatio":35,"subline":665},"tilgner-kempf-kammerer-identity-2.jpg",{"lang":666},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":668,"mediaType":38,"mediaRatio":35,"subline":669},"tilgner-kempf-kammerer-identity-3.jpg",{"lang":670},{"en":41,"de":41},"content:projects:hans-und-maiti-kammerer-stiftung-identity.json","Hans Und Maiti Kammerer Stiftung Identity","projects\u002Fhans-und-maiti-kammerer-stiftung-identity.json","projects\u002Fhans-und-maiti-kammerer-stiftung-identity",{"_path":676,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"id":272,"order":677,"related":678,"de":680,"en":687,"und":693,"_id":731,"_type":63,"title":732,"_source":65,"_file":733,"_stem":734,"_extension":63},"\u002Fprojects\u002Ftake-max-website",11,[679,273,268],"ready-website",{"title":681,"categories":682,"service":683,"status":107,"text":684,"metaDesc":685,"metaKeys":686},"Take Max",[194],[106,196],"Die Take Max Microsite ist als Rahmen für den gleichnamigen Film, der im Rahmen einer Gastprofessur von Prof. Thomas Jocher an der Hochschule München entstanden ist, konzipiert. Das Intro arbeiten mit einem großen Titel und kurzen Takes aus dem Film. Ein Highlight ist die Section in der die Route, die der rote Faden der Architekturbesprechungen im Film ist, aufgezeigt wird. Die Gestaltung ist in Anlehnung an den Film schwarz-weiß gehalten. Um den monochromen Eindruck etwas zu brechen kommt eine Akzentfarbe zu Einsatz.","Gestaltung und Programmierung der Take Max Microsite.","Gestaltung, Design, Programmierung, Microsite, Take Max, Film, Architektur",{"title":681,"categories":688,"service":689,"status":115,"text":690,"metaDesc":691,"metaKeys":692},[277],[106,196],"The Take Max microsite is designed as a framework for the film of the same name, created as part of a guest professorship by Prof. Thomas Jocher at the Munich University of Applied Sciences. The intro works with a big title and short takes from the film. A highlight is the section in which the route, which is the common thread of the architecture discussions in the film, is shown. The design like the film is kept in black and white. An accent color is used to break up the monochrome impression.","Design and programming of the Take Max microsite.","design, programming, microsite, Take Max, film, architecture",{"indexGridClass":32,"indexImg":694,"indexVideo":696,"link":698,"mediaEntries":699,"metaImage":695},{"src":695,"greyFilter":209,"mediaRatio":292},"tilgner-kempf-take-max-index.jpg",{"src":697,"greyFilter":209,"mediaRatio":213},"tilgner-kempf-takemax-screen-video.mp4","www.takemax.de",[700,703,707,711,715,719,723,727],{"gridClass":32,"greyFilter":209,"src":697,"mediaType":217,"mediaRatio":213,"subline":701},{"lang":702},{"en":451,"de":451},{"gridClass":32,"greyFilter":209,"src":704,"mediaType":38,"mediaRatio":292,"subline":705},"tilgner-kempf-take-max-1.jpg",{"lang":706},{"en":41,"de":41},{"gridClass":32,"greyFilter":209,"src":708,"mediaType":38,"mediaRatio":292,"subline":709},"tilgner-kempf-take-max-2.jpg",{"lang":710},{"en":41,"de":41},{"gridClass":32,"greyFilter":209,"src":712,"mediaType":38,"mediaRatio":292,"subline":713},"tilgner-kempf-take-max-3.jpg",{"lang":714},{"en":41,"de":41},{"gridClass":32,"greyFilter":209,"src":716,"mediaType":38,"mediaRatio":292,"subline":717},"tilgner-kempf-take-max-4.jpg",{"lang":718},{"en":41,"de":41},{"gridClass":32,"greyFilter":209,"src":720,"mediaType":38,"mediaRatio":292,"subline":721},"tilgner-kempf-take-max-5.jpg",{"lang":722},{"en":41,"de":41},{"gridClass":32,"greyFilter":209,"src":724,"mediaType":38,"mediaRatio":292,"subline":725},"tilgner-kempf-take-max-6.jpg",{"lang":726},{"en":41,"de":41},{"gridClass":32,"greyFilter":209,"src":728,"mediaType":38,"mediaRatio":292,"subline":729},"tilgner-kempf-take-max-7.jpg",{"lang":730},{"en":41,"de":41},"content:projects:take-max-website.json","Take Max Website","projects\u002Ftake-max-website.json","projects\u002Ftake-max-website",{"_path":736,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"id":737,"order":738,"related":739,"de":740,"en":747,"und":753,"_id":784,"_type":63,"title":785,"_source":65,"_file":786,"_stem":787,"_extension":63},"\u002Fprojects\u002Flogos-design","logos-design",12,[541,188,484],{"title":741,"categories":742,"service":743,"status":107,"text":744,"metaDesc":745,"metaKeys":746},"Logos",[544],[106],"Die Entwürfen zeigen eine Auswahl an Logos für verschiedene Auftraggeber. Grundlage der Entwürfe ist jeweils der Name des Auftraggebers. Ziel ist es mit den Vorgaben und Eigenheiten, die der jeweilige Name mit sich bringt, eine visuelle Entsprechung zu erarbeiten, die den Charakter der Marke unterstreicht.","Logoentwürfe für verschiedene Auftraggeber.","Gestaltung, Design, Logos, Schriftzug",{"title":741,"categories":748,"service":749,"status":115,"text":750,"metaDesc":751,"metaKeys":752},[544],[106],"The selection shows logo designs for different clients. All designs are based on the name of the customer. The aim is to achieve a visual correspondence that underlines the character of the brand using the specifications and peculiarities that the respective name entails.","Logo designs for different clients","design, logos",{"indexGridClass":341,"indexImg":754,"mediaEntries":756,"metaImage":755},{"src":755,"greyFilter":6,"mediaRatio":35},"tilgner-kempf-logos-index.jpg",[757,760,764,768,772,776,780],{"gridClass":32,"greyFilter":6,"src":755,"mediaType":38,"mediaRatio":35,"subline":758},{"lang":759},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":761,"mediaType":38,"mediaRatio":35,"subline":762},"tilgner-kempf-logos-2.jpg",{"lang":763},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":765,"mediaType":38,"mediaRatio":35,"subline":766},"tilgner-kempf-logos-3.jpg",{"lang":767},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":769,"mediaType":38,"mediaRatio":35,"subline":770},"tilgner-kempf-logos-4.jpg",{"lang":771},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":773,"mediaType":38,"mediaRatio":35,"subline":774},"tilgner-kempf-logos-5.jpg",{"lang":775},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":777,"mediaType":38,"mediaRatio":35,"subline":778},"tilgner-kempf-logos-6.jpg",{"lang":779},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":781,"mediaType":38,"mediaRatio":35,"subline":782},"tilgner-kempf-logos-7.jpg",{"lang":783},{"en":41,"de":41},"content:projects:logos-design.json","Logos Design","projects\u002Flogos-design.json","projects\u002Flogos-design",{"_path":789,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"id":790,"order":791,"related":792,"de":795,"en":803,"und":809,"_id":843,"_type":63,"title":844,"_source":65,"_file":845,"_stem":846,"_extension":63},"\u002Fprojects\u002Fsimone-wild-website","simone-wild-website",13,[793,794],"from-lighting-website","wilde-spieth-website",{"title":796,"categories":797,"service":799,"status":107,"text":800,"metaDesc":801,"metaKeys":802},"Simone Wild",[194,798],"E-Commerce",[106,196],"Die E-Commerce Website von Simone Wild setzt auf einen großzügigen Einsatz von Bildern und Videos, um das Image der Marke zu transportieren. Der Collectionsbereich ist klar strukturiert und bietet die Möglichkeit die Produktauswahl zu filtern. Auf der Produkteizelseite steht das jeweilige Produkt im Fokus. Die Produktinformationen und die Warenkorbfunktionen sind kompakt gehalten.","Gestaltung und Programmierung der E-Commerce Website von Simone Wild.","Gestaltung, Design, Programmierung, Website, Simone Wild, E-Commerce",{"title":796,"categories":804,"service":805,"status":115,"text":806,"metaDesc":807,"metaKeys":808},[194,798],[106,196],"Simone Wild’s e-commerce website makes generous use of images and videos to convey the brand’s image. The collection area is clearly structured and offers the possibility to filter the product selection. On the individual product page, the focus is on the respective product. The product information and the shopping cart functions are kept compact.","Design and programming of Simone Wild’s e-commerce website.","design, programming, website, Simone Wild, e-commerce",{"indexGridClass":289,"indexImg":810,"indexVideo":812,"link":814,"mediaEntries":815,"metaImage":811},{"src":811,"greyFilter":209,"mediaRatio":292},"tilgner-kempf-simone-wild-index.jpg",{"src":813,"greyFilter":209,"mediaRatio":213},"tilgner-kempf-simone-wild-screen-video.mp4","www.simonewild.com",[816,819,823,827,831,835,839],{"gridClass":32,"greyFilter":209,"src":813,"mediaType":217,"mediaRatio":213,"subline":817},{"lang":818},{"en":451,"de":451},{"gridClass":32,"greyFilter":209,"src":820,"mediaType":38,"mediaRatio":292,"subline":821},"tilgner-kempf-simone-wild-1.jpg",{"lang":822},{"en":41,"de":41},{"gridClass":32,"greyFilter":209,"src":824,"mediaType":38,"mediaRatio":292,"subline":825},"tilgner-kempf-simone-wild-2.jpg",{"lang":826},{"en":41,"de":41},{"gridClass":32,"greyFilter":209,"src":828,"mediaType":38,"mediaRatio":292,"subline":829},"tilgner-kempf-simone-wild-3.jpg",{"lang":830},{"en":41,"de":41},{"gridClass":32,"greyFilter":209,"src":832,"mediaType":38,"mediaRatio":292,"subline":833},"tilgner-kempf-simone-wild-4.jpg",{"lang":834},{"en":41,"de":41},{"gridClass":32,"greyFilter":209,"src":836,"mediaType":38,"mediaRatio":292,"subline":837},"tilgner-kempf-simone-wild-5.jpg",{"lang":838},{"en":41,"de":41},{"gridClass":32,"greyFilter":209,"src":840,"mediaType":38,"mediaRatio":292,"subline":841},"tilgner-kempf-simone-wild-6.jpg",{"lang":842},{"en":41,"de":41},"content:projects:simone-wild-website.json","Simone Wild Website","projects\u002Fsimone-wild-website.json","projects\u002Fsimone-wild-website",{"_path":848,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"id":793,"order":849,"related":850,"de":852,"en":860,"und":867,"_id":936,"_type":63,"title":937,"_source":65,"_file":938,"_stem":939,"_extension":63},"\u002Fprojects\u002Ffrom-lighting-website",14,[851,794,790],"from-lighting-microsite",{"title":853,"categories":854,"service":855,"status":856,"text":857,"metaDesc":858,"metaKeys":859},"From Lighting",[194,798],[106,196],"abgeschlossen (offline)","Gestaltung und Programmierung der E-Commerce Website von From Lighting. Das Konzept der Website ist auf eine schlanke, schnelle Navigation ausgelegt. Besondere Features sind der Wechsel von der Produkteinzelseite zurück zur Übersichtsseite, sowie die Infopanels und die Vergrößerungsfunktion auf der Produkteinzelseite.","Gestaltung und Programmierung der E-Commerce Website von From Lighting.","Gestaltung, Design, Programmierung, Website, From Lighting, Italien.",{"title":853,"categories":861,"service":862,"status":863,"text":864,"metaDesc":865,"metaKeys":866},[194,798],[106,196],"finalised (offline)","Design and programming of the From Lighting e-commerce website. The concept of the website is defined by a lean, fast navigation. Special features are the transition from the product single page back to the overview page, as well as the info panels and the magnifier function on the product single page.","Design and programming of the E-Commerce Website of From Lighting.","design, programming, website, From Lighting, Italy.",{"indexGridClass":32,"indexImg":868,"indexVideo":870,"mediaEntries":872,"metaImage":869},{"src":869,"greyFilter":209,"mediaRatio":601},"tilgner-kempf-from-lighting-index.jpg",{"src":871,"greyFilter":209,"mediaRatio":213},"tilgner-kempf-from-lighting-screen-video.mp4",[873,876,879,885,891,897,903,909,915,921,925,930],{"gridClass":32,"greyFilter":209,"src":871,"mediaType":217,"mediaRatio":213,"subline":874},{"lang":875},{"en":451,"de":451},{"gridClass":32,"greyFilter":209,"src":869,"mediaType":38,"mediaRatio":601,"subline":877},{"lang":878},{"en":221,"de":221},{"gridClass":32,"greyFilter":209,"src":880,"mediaType":38,"mediaRatio":601,"subline":881},"tilgner-kempf-from-lighting-2.jpg",{"lang":882},{"en":883,"de":884},"Product index","Produktübersicht",{"gridClass":32,"greyFilter":209,"src":886,"mediaType":38,"mediaRatio":601,"subline":887},"tilgner-kempf-from-lighting-3.jpg",{"lang":888},{"en":889,"de":890},"Product single page","Produkteinzelseite",{"gridClass":32,"greyFilter":209,"src":892,"mediaType":38,"mediaRatio":601,"subline":893},"tilgner-kempf-from-lighting-4.jpg",{"lang":894},{"en":895,"de":896},"Product zoom","Produktzoom",{"gridClass":32,"greyFilter":209,"src":898,"mediaType":38,"mediaRatio":601,"subline":899},"tilgner-kempf-from-lighting-5.jpg",{"lang":900},{"en":901,"de":902},"Colour selector","Farbselektor",{"gridClass":32,"greyFilter":209,"src":904,"mediaType":38,"mediaRatio":601,"subline":905},"tilgner-kempf-from-lighting-6.jpg",{"lang":906},{"en":907,"de":908},"Cart","Warenkorb",{"gridClass":32,"greyFilter":209,"src":910,"mediaType":38,"mediaRatio":601,"subline":911},"tilgner-kempf-from-lighting-7.jpg",{"lang":912},{"en":913,"de":914},"Context illustration","Kontextabbildung",{"gridClass":32,"greyFilter":209,"src":916,"mediaType":38,"mediaRatio":601,"subline":917},"tilgner-kempf-from-lighting-8.jpg",{"lang":918},{"en":919,"de":920},"Product description","Produktbeschreibung",{"gridClass":32,"greyFilter":209,"src":922,"mediaType":38,"mediaRatio":601,"subline":923},"tilgner-kempf-from-lighting-9.jpg",{"lang":924},{"en":635,"de":635},{"gridClass":32,"greyFilter":209,"src":926,"mediaType":38,"mediaRatio":601,"subline":927},"tilgner-kempf-from-lighting-10.jpg",{"lang":928},{"en":929,"de":929},"Portrait",{"gridClass":32,"greyFilter":209,"src":931,"mediaType":38,"mediaRatio":601,"subline":932},"tilgner-kempf-from-lighting-11.jpg",{"lang":933},{"en":934,"de":935},"Press and Contact","Press und Contact","content:projects:from-lighting-website.json","From Lighting Website","projects\u002Ffrom-lighting-website.json","projects\u002Ffrom-lighting-website",{"_path":941,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"id":485,"order":942,"related":943,"de":946,"en":953,"und":959,"_id":989,"_type":63,"title":990,"_source":65,"_file":991,"_stem":992,"_extension":63},"\u002Fprojects\u002Fyonder-website",15,[944,541,945],"yonder-mailing","yonder-book",{"title":947,"categories":948,"service":949,"status":107,"text":950,"metaDesc":951,"metaKeys":952},"Yonder",[194],[106,196],"Yonder – Architektur und Design ist ein junges Architekturbüro, das, durch eine konzentrierte Auseinandersetzung mit Raum, Material und Konstruktion, Architekur neu denkt. Das Konzept der Microsite setzt auf eine planartige Übersicht mit ungewöhlicher Navigation, die einen Einblick in die bisherigen Arbeiten von Yonder bietet.","Gestaltung und Programmierung der Website von Yonder — Architektur und Design.","Gestaltung, Design, Programmierung, Website, Yonder, Architektur, Design, Stuttgart",{"title":947,"categories":954,"service":955,"status":115,"text":956,"metaDesc":957,"metaKeys":958},[194],[106,196],"Yonder—Architecture and Design is a young studio for architecture that, through a concentrated exploration of space, materials and construction, re-thinks architecture. The concept of the microsite relies on a plan-like overview with unusual navigation, that offers an insight into the ongoing work of Yonder.","Design and programming of the website of Yonder — Architecture and Design.","design, programming, website, Yonder, architecture, sesign, Stuttgart",{"indexGridClass":32,"indexImg":960,"indexVideo":962,"link":964,"mediaEntries":965,"metaImage":961},{"src":961,"greyFilter":209,"mediaRatio":601},"tilgner-kempf-yonder-index.jpg",{"src":963,"greyFilter":209,"mediaRatio":213},"tilgner-kempf-yonder-screen-video.mp4","www.studioyonder.de",[966,969,975,981,985],{"gridClass":32,"greyFilter":209,"src":963,"mediaType":217,"mediaRatio":213,"subline":967},{"lang":968},{"en":451,"de":451},{"gridClass":32,"greyFilter":209,"src":970,"mediaType":38,"mediaRatio":601,"subline":971},"tilgner-kempf-yonder-2.jpg",{"lang":972},{"en":973,"de":974},"Overview mode","Übersichtsmodus",{"gridClass":32,"greyFilter":209,"src":976,"mediaType":38,"mediaRatio":601,"subline":977},"tilgner-kempf-yonder-3.jpg",{"lang":978},{"en":979,"de":980},"Slideshow mode","Slideshowmodus",{"gridClass":32,"greyFilter":209,"src":982,"mediaType":38,"mediaRatio":601,"subline":983},"tilgner-kempf-yonder-4.jpg",{"lang":984},{"en":979,"de":980},{"gridClass":32,"greyFilter":209,"src":986,"mediaType":38,"mediaRatio":601,"subline":987},"tilgner-kempf-yonder-5.jpg",{"lang":988},{"en":635,"de":635},"content:projects:yonder-website.json","Yonder Website","projects\u002Fyonder-website.json","projects\u002Fyonder-website",{"_path":994,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"id":794,"order":995,"related":996,"de":997,"en":1003,"und":1009,"_id":1061,"_type":63,"title":1062,"_source":65,"_file":1063,"_stem":1064,"_extension":63},"\u002Fprojects\u002Fwilde-spieth-website",16,[11,12,8],{"title":15,"categories":998,"service":999,"status":20,"text":1000,"metaDesc":1001,"metaKeys":1002},[194,798],[106,196],"Gestaltung und Programmierung der Unternehmenswebsite des Möbelherstellers Wilde+Spieth. Die Designklassiker von Egon Eiermann stehen im Mittelpunkt der Kommunikation. Der Websiteentwurf umfasst die Präsentation der Produkte, ein Archiv mit Referenzen und einen Shop mit ausgewählten Produkten.","Gestaltung und Programmierung der Website von Wilde+Spieth.","Gestaltung, Design, Programmierung, Website, Wilde+Spieth",{"title":15,"categories":1004,"service":1005,"status":27,"text":1006,"metaDesc":1007,"metaKeys":1008},[194,798],[106,196],"Design and programming of the corporate website of the traditional company Wilde+Spieth. The design classics of Egon Eiermann are at the center of communication. The website design includes the presentation of the products, an archive with references and a shop with selected products.","Design and programming of Wilde+Spieth’s website and e-shop.","design, programming, website, Wilde+Spieth",{"indexGridClass":341,"indexImg":1010,"indexVideo":1012,"mediaEntries":1014,"link":1060,"metaImage":1011},{"src":1011,"greyFilter":209,"mediaRatio":292},"tilgner-kempf-wilde-spieth-index.jpg",{"src":1013,"greyFilter":209,"mediaRatio":213},"tilgner-kempf-wilde-spieth-screen-video.mp4",[1015,1018,1022,1026,1031,1035,1041,1047,1052,1056],{"gridClass":32,"greyFilter":209,"src":1013,"mediaType":217,"mediaRatio":213,"subline":1016},{"lang":1017},{"en":451,"de":451},{"gridClass":32,"greyFilter":209,"src":1019,"mediaType":38,"mediaRatio":292,"subline":1020},"tilgner-kempf-wilde-spieth-1.jpg",{"lang":1021},{"en":226,"de":227},{"gridClass":32,"greyFilter":209,"src":1023,"mediaType":38,"mediaRatio":292,"subline":1024},"tilgner-kempf-wilde-spieth-2.jpg",{"lang":1025},{"en":883,"de":884},{"gridClass":32,"greyFilter":209,"src":1027,"mediaType":38,"mediaRatio":292,"subline":1028},"tilgner-kempf-wilde-spieth-3.jpg",{"lang":1029},{"en":1030,"de":890},"Product page",{"gridClass":32,"greyFilter":209,"src":1032,"mediaType":38,"mediaRatio":292,"subline":1033},"tilgner-kempf-wilde-spieth-4.jpg",{"lang":1034},{"en":1030,"de":890},{"gridClass":32,"greyFilter":209,"src":1036,"mediaType":38,"mediaRatio":292,"subline":1037},"tilgner-kempf-wilde-spieth-5.jpg",{"lang":1038},{"en":1039,"de":1040},"Colour index","Farbübersicht",{"gridClass":32,"greyFilter":209,"src":1042,"mediaType":38,"mediaRatio":292,"subline":1043},"tilgner-kempf-wilde-spieth-6.jpg",{"lang":1044},{"en":1045,"de":1046},"Reference index","Referenzenübersicht",{"gridClass":32,"greyFilter":209,"src":1048,"mediaType":38,"mediaRatio":292,"subline":1049},"tilgner-kempf-wilde-spieth-7.jpg",{"lang":1050},{"en":1051,"de":1051},"Shop",{"gridClass":32,"greyFilter":209,"src":1053,"mediaType":38,"mediaRatio":292,"subline":1054},"tilgner-kempf-wilde-spieth-8.jpg",{"lang":1055},{"en":907,"de":908},{"gridClass":32,"greyFilter":209,"src":1057,"mediaType":38,"mediaRatio":292,"subline":1058},"tilgner-kempf-wilde-spieth-9.jpg",{"lang":1059},{"en":635,"de":635},"www.wilde-spieth.com","content:projects:wilde-spieth-website.json","Wilde Spieth Website","projects\u002Fwilde-spieth-website.json","projects\u002Fwilde-spieth-website",{"_path":1066,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"id":541,"order":1067,"related":1068,"de":1069,"en":1075,"und":1081,"_id":1101,"_type":63,"title":1102,"_source":65,"_file":1103,"_stem":1104,"_extension":63},"\u002Fprojects\u002Fyonder-identity",17,[272,679,188],{"title":947,"categories":1070,"service":1071,"status":107,"text":1072,"metaDesc":1073,"metaKeys":1074},[544],[106],"Die Visual Identity von Yonder – Architektur und Design setzt auf den prominenten Einsatz der Workmarke. Briefkopf und Umschläge sind für Print-On-Demand und die digitale Anwendung ausgelegt. Die Visitenkarte und die Grußkarte bieten die Möglichkeit zu akzentuieren. Die Visitenkarte besteht aus einem dunklen Karton mit einem weißen Siebdruck; bei der Grußkarte kommt eine leuchtende Akzentfarbe zum Einsatz.","Gestaltung des Erscheinungsbilds von Yonder – Architektur und Design.","Gestaltung, Design, Yonder – Architektur und Design, Architektur",{"title":947,"categories":1076,"service":1077,"status":115,"text":1078,"metaDesc":1079,"metaKeys":1080},[544],[106],"The visual identity of Yonder—Architecture and Design relies on the prominent use of the logo. Letterhead and envelopes are designed for print-on-demand and digital use. The business card and the greeting card offer the opportunity to accentuate. The business card is made of dark cardboard with a white screen print; a bright accent color is used on the greeting card.","Design of the visual identity of Yonder—Aarchitecture and Design.","design, Yonder—Aarchitecture and Design, architecture",{"indexGridClass":289,"indexImg":1082,"mediaEntries":1084,"metaImage":1083},{"src":1083,"greyFilter":6,"mediaRatio":35},"tilgner-kempf-yonder-identity-index.jpg",[1085,1089,1093,1097],{"gridClass":32,"greyFilter":6,"src":1086,"mediaType":38,"mediaRatio":35,"subline":1087},"tilgner-kempf-yonder-identity-1.jpg",{"lang":1088},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":1090,"mediaType":38,"mediaRatio":35,"subline":1091},"tilgner-kempf-yonder-identity-2.jpg",{"lang":1092},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":1094,"mediaType":38,"mediaRatio":35,"subline":1095},"tilgner-kempf-yonder-identity-3.jpg",{"lang":1096},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":1098,"mediaType":38,"mediaRatio":35,"subline":1099},"tilgner-kempf-yonder-identity-4.jpg",{"lang":1100},{"en":41,"de":41},"content:projects:yonder-identity.json","Yonder Identity","projects\u002Fyonder-identity.json","projects\u002Fyonder-identity",{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"id":8,"order":9,"related":1106,"de":1107,"en":1110,"und":1113,"_id":62,"_type":63,"title":64,"_source":65,"_file":66,"_stem":67,"_extension":63},[11,12,13],{"title":15,"categories":1108,"service":1109,"status":20,"text":21,"metaDesc":22,"metaKeys":23},[17],[19],{"title":15,"categories":1111,"service":1112,"status":27,"text":28,"metaDesc":29,"metaKeys":30},[17],[19],{"indexGridClass":32,"indexImg":1114,"mediaEntries":1115,"metaImage":34},{"src":34,"greyFilter":6,"mediaRatio":35},[1116,1119,1122,1125,1128,1131],{"gridClass":32,"greyFilter":6,"src":34,"mediaType":38,"mediaRatio":35,"subline":1117},{"lang":1118},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":43,"mediaType":38,"mediaRatio":35,"subline":1120},{"lang":1121},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":47,"mediaType":38,"mediaRatio":35,"subline":1123},{"lang":1124},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":51,"mediaType":38,"mediaRatio":35,"subline":1126},{"lang":1127},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":55,"mediaType":38,"mediaRatio":35,"subline":1129},{"lang":1130},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":59,"mediaType":38,"mediaRatio":35,"subline":1132},{"lang":1133},{"en":41,"de":41},{"_path":1135,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"id":273,"order":1136,"related":1137,"de":1138,"en":1145,"und":1151,"_id":1190,"_type":63,"title":1191,"_source":65,"_file":1192,"_stem":1193,"_extension":63},"\u002Fprojects\u002Flux-website",19,[427,272,679],{"title":1139,"categories":1140,"service":1141,"status":107,"text":1142,"metaDesc":1143,"metaKeys":1144},"Lux",[194],[19,106,196],"LUX ist ein Projekt des Institut Wohnen und Entwerfen (IWE) der Fakultät Architektur und Stadtplanung an der Universität Stuttgart. Das Projekt erforscht Licht als natürliche Ressource in Stadt und Haus. Im Zentrum des Designkonzepts steht der Einsatz von animierten Grafiken und Diagrammen, um das abstrakte Thema zu illustrieren.","Gestaltung und Programmierung der LUX Projekt Microsite des IWE.","Gestaltung, Design, Programmierung, Website, LUX, IWE, Stuttgart",{"title":1139,"categories":1146,"service":1147,"status":115,"text":1148,"metaDesc":1149,"metaKeys":1150},[194],[19,106,196],"LUX is a project of the Institut Wohnen und Entwerfen (IWE) of the Department of Architecture and Urban Planning at the University of Stuttgart. The project explores light as a natural ressource within cities and buildings. Center of the design concept are svg animations for models and diagrams to illustrate the abstract material and draw the user’s attention.","Design and programming of IWE’s LUX project micro site.","design, programming, website, LUX, IWE, Stuttgart",{"indexGridClass":32,"indexImg":1152,"indexVideo":1154,"link":1156,"mediaEntries":1157,"metaImage":1153},{"src":1153,"greyFilter":209,"mediaRatio":601},"tilgner-kempf-lux-index.jpg",{"src":1155,"greyFilter":209,"mediaRatio":213},"tilgner-kempf-lux-screen-video.mp4","www.citylux.de",[1158,1161,1164,1170,1174,1178,1184],{"gridClass":32,"greyFilter":209,"src":1155,"mediaType":217,"mediaRatio":213,"subline":1159},{"lang":1160},{"en":451,"de":451},{"gridClass":32,"greyFilter":209,"src":1153,"mediaType":38,"mediaRatio":601,"subline":1162},{"lang":1163},{"en":220,"de":221},{"gridClass":32,"greyFilter":209,"src":1165,"mediaType":38,"mediaRatio":601,"subline":1166},"tilgner-kempf-lux-2.jpg",{"lang":1167},{"en":1168,"de":1169},"Concept section","Abschnitt Konzept",{"gridClass":32,"greyFilter":209,"src":1171,"mediaType":38,"mediaRatio":601,"subline":1172},"tilgner-kempf-lux-3.jpg",{"lang":1173},{"en":1168,"de":1169},{"gridClass":32,"greyFilter":209,"src":1175,"mediaType":38,"mediaRatio":601,"subline":1176},"tilgner-kempf-lux-4.jpg",{"lang":1177},{"en":1168,"de":1169},{"gridClass":32,"greyFilter":209,"src":1179,"mediaType":38,"mediaRatio":601,"subline":1180},"tilgner-kempf-lux-5.jpg",{"lang":1181},{"en":1182,"de":1183},"Tools section","Abschnitt Tools",{"gridClass":32,"greyFilter":209,"src":1185,"mediaType":38,"mediaRatio":601,"subline":1186},"tilgner-kempf-lux-6.jpg",{"lang":1187},{"en":1188,"de":1189},"Report section","Abschnitt Forschungsbericht","content:projects:lux-website.json","Lux Website","projects\u002Flux-website.json","projects\u002Flux-website",{"_path":1195,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"id":389,"order":1196,"related":1197,"de":1198,"en":1205,"und":1211,"_id":1230,"_type":63,"title":1231,"_source":65,"_file":1232,"_stem":1233,"_extension":63},"\u002Fprojects\u002Fwilde-spieth-colours",20,[11,12,8],{"title":15,"categories":1199,"service":1201,"status":107,"text":1202,"metaDesc":1203,"metaKeys":1204},[1200],"Farbpalette",[106],"Die Konzeption der neuen Farbpalette der Classic Collection des Möbelherstellers Wilde+Spieth setzt auf eine Basis von abgetönten Farben und Holztönen. Als Highlight und Kontrastpunkt dienen die beiden Akzentfarben blutorange und gelb. Alle Farben sind so gewählt, dass jede Kombination funktioniert.","Konzeption der neuen Farbpalette der Classic Collection des Möbelherstellers Wilde+Spieth","Konzeption, Design, Farbpalette, Classic Collection, Wilde+Spieth",{"title":15,"categories":1206,"service":1207,"status":115,"text":1208,"metaDesc":1209,"metaKeys":1210},[1200],[106],"The concept for the new colour palette of the Classic Collection from furniture manufacturer Wilde+Spieth is based on toned colors and wood tones. The two accent colors, blood orange and yellow, serve as a highlight and point of contrast. All colors are chosen so that every combination works.","Concept for the new colour palette of the Classic Collection from furniture manufacturer Wilde+Spieth","concept, design, colour palette, Classic Collection, Wilde+Spieth",{"indexGridClass":341,"indexImg":1212,"mediaEntries":1214,"metaImage":1213},{"src":1213,"greyFilter":6,"mediaRatio":35},"tilgner-kempf-wilde-spieth-colours-index.jpg",[1215,1218,1222,1226],{"gridClass":32,"greyFilter":6,"src":1213,"mediaType":38,"mediaRatio":35,"subline":1216},{"lang":1217},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":1219,"mediaType":38,"mediaRatio":35,"subline":1220},"tilgner-kempf-wilde-spieth-colours-2.jpg",{"lang":1221},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":1223,"mediaType":38,"mediaRatio":35,"subline":1224},"tilgner-kempf-wilde-spieth-colours-3.jpg",{"lang":1225},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":1227,"mediaType":38,"mediaRatio":35,"subline":1228},"tilgner-kempf-wilde-spieth-colours-4.jpg",{"lang":1229},{"en":41,"de":41},"content:projects:wilde-spieth-colours.json","Wilde Spieth Colours","projects\u002Fwilde-spieth-colours.json","projects\u002Fwilde-spieth-colours",{"_path":1235,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"id":679,"order":1236,"related":1237,"de":1238,"en":1245,"und":1251,"_id":1295,"_type":63,"title":1296,"_source":65,"_file":1297,"_stem":1298,"_extension":63},"\u002Fprojects\u002Fready-website",21,[272,273,424],{"title":1239,"categories":1240,"service":1241,"status":107,"text":1242,"metaDesc":1243,"metaKeys":1244},"Ready",[194],[19,106,196],"Ready – vorbereitet für altengerechtes Wohnen ist ein Projekt des Institut Wohnen und Entwerfen (IWE) der Fakultät Architektur und Stadtplanung an der Universität Stuttgart. Das Projekt erforscht die Möglichkeiten den modernen Wohnungsbau so zu organisieren, dass man den Wohnraum leicht anpassen kann, um auf sich veränderne Anforderungen im Alter reagieren zu können. Das Konzept der Website baut auf den drei Varianten des Ready-Systems auf und liefert eine direkte Gegenüberstellung der Umbaumöglichkeiten und der zu beachtenden Parameter.","Gestaltung und Programmierung der Website von Ready – vorbereitet für altengerechtes Wohnen, einem Projekt des Institut Wohnen und Entwerfen (IWE) der Fakultät Architektur und Stadtplanung an der Universität Stuttgart.","Gestaltung, Design, Programmierung, Website, Ready, IWE, Institut Wohnen und Entwerfen, Universität Stuttgart",{"title":1239,"categories":1246,"service":1247,"status":115,"text":1248,"metaDesc":1249,"metaKeys":1250},[194],[19,106,196],"Ready – prepared for housing suitable for the elderly is a project of the Institut Wohnen und Entwerfen (IWE) of the Department of Architecture and Urban Planning at the University of Stuttgart. The project explores the possibilities to organize modern housing in such a way that the living space can be easily adapted to respond to changing demands of the elderly. The concept of the website is based on the three types of the ready system and provides a direct comparison of the conversion options and the crucial parameters to be observed.","Design and programming of the website von ready – prepared for housing suitable for the elderly, a project of the Institut Wohnen und Entwerfen (IWE) of Department of Architecture at Stuttgart University.","design, programming, website, ready, IWE, Institut Wohnen und Entwerfen, Stuttgart University",{"indexGridClass":289,"indexImg":1252,"indexVideo":1254,"link":1256,"mediaEntries":1257,"metaImage":1253},{"src":1253,"greyFilter":209,"mediaRatio":601},"tilgner-kempf-ready-index.jpg",{"src":1255,"greyFilter":209,"mediaRatio":213},"tilgner-kempf-ready-screen-video.mp4","www.readyhome.de",[1258,1261,1267,1273,1279,1285,1289],{"gridClass":32,"greyFilter":209,"src":1255,"mediaType":217,"mediaRatio":213,"subline":1259},{"lang":1260},{"en":451,"de":451},{"gridClass":32,"greyFilter":209,"src":1262,"mediaType":38,"mediaRatio":601,"subline":1263},"tilgner-kempf-ready-2.jpg",{"lang":1264},{"en":1265,"de":1266},"View type one","Variante eins Ansicht",{"gridClass":32,"greyFilter":209,"src":1268,"mediaType":38,"mediaRatio":601,"subline":1269},"tilgner-kempf-ready-3.jpg",{"lang":1270},{"en":1271,"de":1272},"View type one with info panel","Variante eins mit Informationspanel",{"gridClass":32,"greyFilter":209,"src":1274,"mediaType":38,"mediaRatio":601,"subline":1275},"tilgner-kempf-ready-4.jpg",{"lang":1276},{"en":1277,"de":1278},"View type two","Variante zwei Ansicht",{"gridClass":32,"greyFilter":209,"src":1280,"mediaType":38,"mediaRatio":601,"subline":1281},"tilgner-kempf-ready-5.jpg",{"lang":1282},{"en":1283,"de":1284},"View type three","Variante drei Ansicht",{"gridClass":32,"greyFilter":209,"src":1286,"mediaType":38,"mediaRatio":601,"subline":1287},"tilgner-kempf-ready-6.jpg",{"lang":1288},{"en":635,"de":635},{"gridClass":32,"greyFilter":209,"src":1290,"mediaType":38,"mediaRatio":601,"subline":1291},"tilgner-kempf-ready-7.jpg",{"lang":1292},{"en":1293,"de":1294},"Download area","Downloadbereich","content:projects:ready-website.json","Ready Website","projects\u002Fready-website.json","projects\u002Fready-website",{"_path":1300,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"id":484,"order":1301,"related":1302,"de":1303,"en":1309,"und":1315,"_id":1331,"_type":63,"title":1332,"_source":65,"_file":1333,"_stem":1334,"_extension":63},"\u002Fprojects\u002Fg2o-identity",22,[189,271,541],{"title":487,"categories":1304,"service":1305,"status":20,"text":1306,"metaDesc":1307,"metaKeys":1308},[544],[106],"Die Visual Identity des Architekturbüros g2o setzt auf den prominenten Einsatz der Workmarke. Briefkopf und Umschläge sind für Print-On-Demand und die digitale Anwendung ausgelegt. Die Visitenkarte und die Grußkarte bieten die Möglichkeit zu akzentuieren. Beide besteht aus einem dickeren Karton und sind mit einer Prägung des Logos veredelt. Die Visitenkarte gibt es zudem in zwei Farbvarianten.","Gestaltung des Erscheinungsbilds des Architekturbüros g2o.","Gestaltung, Design, g2o, Erscheinungsbilds, Architektur",{"title":487,"categories":1310,"service":1311,"status":1312,"text":1313,"metaDesc":553,"metaKeys":1314},[544],[106],"work in progress","The visual identity of the architectural office g2o relies on the prominent use of the logo. Letterhead and envelopes are designed for print-on-demand and digital use. The business card and the greeting card offer the opportunity to accentuate. Both are made of thicker cardboard and are finished with an embossed logo. The business card is also available in two color variants.","design, g2o, visual identity, architecture",{"indexGridClass":32,"indexImg":1316,"mediaEntries":1318,"metaImage":1317},{"src":1317,"greyFilter":6,"mediaRatio":35},"tilgner-kempf-g2o-identity-index.jpg",[1319,1323,1327],{"gridClass":32,"greyFilter":6,"src":1320,"mediaType":38,"mediaRatio":35,"subline":1321},"tilgner-kempf-g2o-identity-1.jpg",{"lang":1322},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":1324,"mediaType":38,"mediaRatio":35,"subline":1325},"tilgner-kempf-g2o-identity-2.jpg",{"lang":1326},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":1328,"mediaType":38,"mediaRatio":35,"subline":1329},"tilgner-kempf-g2o-identity-3.jpg",{"lang":1330},{"en":41,"de":41},"content:projects:g2o-identity.json","G2o Identity","projects\u002Fg2o-identity.json","projects\u002Fg2o-identity",{"_path":1336,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"id":427,"order":1337,"related":1338,"de":1340,"en":1347,"und":1353,"_id":1405,"_type":63,"title":1406,"_source":65,"_file":1407,"_stem":1408,"_extension":63},"\u002Fprojects\u002Fiwe-website",23,[1339,424,268],"iwe-microsite",{"title":1341,"categories":1342,"service":1343,"status":107,"text":1344,"metaDesc":1345,"metaKeys":1346},"IWE",[194],[106,196],"Das Institut Wohnen und Entwerfen (IWE) der Fakultät Architektur und Stadtplanung an der Universität Stuttgart ist ein interdisziplinäres Institut mit den Schwerpunkten Architektur und Soziologie. Die Konzeption der Website bietet verschiedene Zugangsebenen, um sich den komplexen Projekten und Inhalten des Instituts zu nähern – einen visuellen Zugang über die Startseite und die Hauptbereiche Projekte, Forschung und Publikationen. Einen Thematischen über die Themenübersicht und einen Funktionalen über den Listenindex. Visuell ist die Seite durch einen klare Einsatz von Farbe und Typografie geprägt.","Gestaltung und Programmierung der Website des Institut Wohnen und Entwerfen (IWE) der Fakultät Architektur und Stadtplanung an der Universität Stuttgart","Gestaltung, Design, Programmierung, Website, IWE, Institut Wohnen und Entwerfen, Architektur, Universität, Stuttgart",{"title":1341,"categories":1348,"service":1349,"status":115,"text":1350,"metaDesc":1351,"metaKeys":1352},[194],[106,196],"The Institut Wohnen und Entwerfen at Stuttgart University is an interdisciplinary institute with a focus on architecture and sociology. The design of the website offers different levels of access to approach the complex projects and contents of the institute—visual access via the homepage and the main areas of projects, research and publications, a topic via the topic overview and a functional on the list index. Visually, the website is characterized by a clear use of colour and typography.","Design and programming of the website of the Institut Wohnen und Entwerfen (IWE) of the Architecture Department at Stuttgart University.","design, programming, website, IWE, Institut Wohnen und Entwerfen, architecture, Stuttgart University",{"indexGridClass":341,"indexImg":1354,"indexVideo":1356,"link":1358,"mediaEntries":1359,"metaImage":1355},{"src":1355,"greyFilter":209,"mediaRatio":601},"tilgner-kempf-iwe-index.jpg",{"src":1357,"greyFilter":209,"mediaRatio":213},"tilgner-kempf-iwe-screen-video.mp4","www.iwe-stuttgart.de",[1360,1363,1367,1373,1377,1381,1387,1393,1399],{"gridClass":32,"greyFilter":209,"src":1357,"mediaType":217,"mediaRatio":213,"subline":1361},{"lang":1362},{"en":451,"de":451},{"gridClass":32,"greyFilter":209,"src":1364,"mediaType":38,"mediaRatio":601,"subline":1365},"tilgner-kempf-iwe-2.jpg",{"lang":1366},{"en":226,"de":227},{"gridClass":32,"greyFilter":209,"src":1368,"mediaType":38,"mediaRatio":601,"subline":1369},"tilgner-kempf-iwe-3.jpg",{"lang":1370},{"en":1371,"de":1372},"Topics single page","Themeneinzelseite",{"gridClass":32,"greyFilter":209,"src":1374,"mediaType":38,"mediaRatio":601,"subline":1375},"tilgner-kempf-iwe-4.jpg",{"lang":1376},{"en":621,"de":622},{"gridClass":32,"greyFilter":209,"src":1378,"mediaType":38,"mediaRatio":601,"subline":1379},"tilgner-kempf-iwe-5.jpg",{"lang":1380},{"en":621,"de":622},{"gridClass":32,"greyFilter":209,"src":1382,"mediaType":38,"mediaRatio":601,"subline":1383},"tilgner-kempf-iwe-6.jpg",{"lang":1384},{"en":1385,"de":1386},"Topic index","Themenübersicht",{"gridClass":32,"greyFilter":209,"src":1388,"mediaType":38,"mediaRatio":601,"subline":1389},"tilgner-kempf-iwe-7.jpg",{"lang":1390},{"en":1391,"de":1392},"Institute page","Institutseite",{"gridClass":32,"greyFilter":209,"src":1394,"mediaType":38,"mediaRatio":601,"subline":1395},"tilgner-kempf-iwe-8.jpg",{"lang":1396},{"en":1397,"de":1398},"Curriculum page","Lehrangebotseite",{"gridClass":32,"greyFilter":209,"src":1400,"mediaType":38,"mediaRatio":601,"subline":1401},"tilgner-kempf-iwe-9.jpg",{"lang":1402},{"en":1403,"de":1404},"List index","Listenindex","content:projects:iwe-website.json","Iwe Website","projects\u002Fiwe-website.json","projects\u002Fiwe-website",{"_path":1410,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"id":944,"order":1411,"related":1412,"de":1413,"en":1420,"und":1426,"_id":1458,"_type":63,"title":1459,"_source":65,"_file":1460,"_stem":1461,"_extension":63},"\u002Fprojects\u002Fyonder-mailing",24,[541,485,945],{"title":947,"categories":1414,"service":1416,"status":107,"text":1417,"metaDesc":1418,"metaKeys":1419},[1415],"Mailing",[106],"Der Entwurf des Mailings für Yonder – Architektur und Design ist als Reihe konzipiert und wird jeweils zum Jahresende an Bauherren und Geschäftspartner versendet. Das Konzept sieht eine Blindprägung eines abstrakten Motives aus dem Arbeitsprozess des Büros vor. Zum Jahresende erinnert diese entfernt an Abdrücke im Schnee. Die Rückseite bietet Platz für eine persönliche Nachricht.","Entwurf eines Mailings für Yonder – Architektur und Design.","Gestaltung, Design, Mailing, Yonder – Architektur und Design",{"title":947,"categories":1421,"service":1422,"status":115,"text":1423,"metaDesc":1424,"metaKeys":1425},[1415],[106],"The design of the mailing for Yonder—Architecture and Design is designed as a series and is sent to builders and business partners at the end of each year. The concept predefines blind embossing of an abstract image captured during the office’s work process. At the end of the year, this is vaguely reminiscent of footprints in the snow. The back offers space for a personal message.","Design of the mailing for Yonder—Architecture and Design.","design, mailing, Yonder—Architecture and Design",{"indexGridClass":289,"indexImg":1427,"mediaEntries":1429,"metaImage":1428},{"src":1428,"greyFilter":6,"mediaRatio":35},"tilgner-kempf-yonder-mailing-index.jpg",[1430,1434,1438,1442,1446,1450,1454],{"gridClass":32,"greyFilter":6,"src":1431,"mediaType":38,"mediaRatio":35,"subline":1432},"tilgner-kempf-yonder-mailing-1.jpg",{"lang":1433},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":1435,"mediaType":38,"mediaRatio":35,"subline":1436},"tilgner-kempf-yonder-mailing-2.jpg",{"lang":1437},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":1439,"mediaType":38,"mediaRatio":35,"subline":1440},"tilgner-kempf-yonder-mailing-3.jpg",{"lang":1441},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":1443,"mediaType":38,"mediaRatio":35,"subline":1444},"tilgner-kempf-yonder-mailing-4.jpg",{"lang":1445},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":1447,"mediaType":38,"mediaRatio":35,"subline":1448},"tilgner-kempf-yonder-mailing-5.jpg",{"lang":1449},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":1451,"mediaType":38,"mediaRatio":35,"subline":1452},"tilgner-kempf-yonder-mailing-6.jpg",{"lang":1453},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":1455,"mediaType":38,"mediaRatio":35,"subline":1456},"tilgner-kempf-yonder-mailing-7.jpg",{"lang":1457},{"en":41,"de":41},"content:projects:yonder-mailing.json","Yonder Mailing","projects\u002Fyonder-mailing.json","projects\u002Fyonder-mailing",{"_path":1463,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"id":851,"order":1464,"related":1465,"de":1466,"en":1472,"und":1478,"_id":1495,"_type":63,"title":1496,"_source":65,"_file":1497,"_stem":1498,"_extension":63},"\u002Fprojects\u002Ffrom-lighting-microsite",25,[793,794,11],{"title":853,"categories":1467,"service":1468,"status":856,"text":1469,"metaDesc":1470,"metaKeys":1471},[277],[19,106,196],"From Lighting ist eine junge Leuchtenmarke aus Italien. Die Microsite soll den neuen Onlineshop der Marke ankündigen. Zentrales Element der Gestaltung ist ein 360° Video, dass sich in der Vertikalen mit dem Mauszeiger bewegt.","Gestaltung und Programmierung der Microsite von From Lighting.","Gestaltung, Design, Programmierung, Website, From Lighting",{"title":853,"categories":1473,"service":1474,"status":863,"text":1475,"metaDesc":1476,"metaKeys":1477},[277],[19,106,196],"From Lighting is a young lighting brand from Italy. The microsite is to announce the new online shop of the brand. The central element of the design is a 360 ° video that moves vertically with the mouse pointer.","Design and programming of the microsite of From Lighting.","design, programming, website, From Lighting",{"indexGridClass":32,"indexImg":1479,"indexVideo":1481,"mediaEntries":1483,"metaImage":1480},{"src":1480,"greyFilter":6,"mediaRatio":601},"tilgner-kempf-from-lighting-micro-index.jpg",{"src":1482,"greyFilter":209,"mediaRatio":213},"tilgner-kempf-from-lighting-micro-screen-video.mp4",[1484,1487,1491],{"gridClass":32,"greyFilter":209,"src":1482,"mediaType":217,"mediaRatio":213,"subline":1485},{"lang":1486},{"en":451,"de":451},{"gridClass":32,"greyFilter":209,"src":1488,"mediaType":38,"mediaRatio":601,"subline":1489},"tilgner-kempf-from-lighting-micro-2.jpg",{"lang":1490},{"en":277,"de":277},{"gridClass":32,"greyFilter":209,"src":1492,"mediaType":38,"mediaRatio":601,"subline":1493},"tilgner-kempf-from-lighting-micro-3.jpg",{"lang":1494},{"en":277,"de":277},"content:projects:from-lighting-microsite.json","From Lighting Microsite","projects\u002Ffrom-lighting-microsite.json","projects\u002Ffrom-lighting-microsite",{"_path":1500,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"id":1501,"order":1502,"related":1503,"de":1504,"en":1512,"und":1518,"_id":1559,"_type":63,"title":1560,"_source":65,"_file":1561,"_stem":1562,"_extension":63},"\u002Fprojects\u002Fstusu-website","stusu-website",26,[793,794],{"title":1505,"categories":1506,"service":1508,"status":107,"text":1509,"metaDesc":1510,"metaKeys":1511},"stusu",[194,1507],"Platform",[106,196],"Stusu ist eine Plattform für die Vermittlung von Künstlerateliers weltweit. Die umfangreiche Website beinhaltet unter anderem eine Kartensuche und einen Messenger, über den Anfragen gemacht werden können. Das visuelle Konzept setzt auf Klarheit und den Einsatz von großflächigen Bildern und Videos.","Gestaltung und Programmierung der Website von stusu – studio sublet.","Gestaltung, Design, Programmierung, Website, stusu, studio sublet",{"title":1505,"categories":1513,"service":1514,"status":115,"text":1515,"metaDesc":1516,"metaKeys":1517},[194,1507],[106,196],"Stusu is a platform for subletting artist studios worldwide. The extensive website includes a map search and a messenger, which can be used to make inquiries. The visual concept focuses on clarity and the use of large-scale images and videos.","Design and programming of the web platform of stusu – studio sublet.","design, programming, website, stusu, studio sublet",{"indexGridClass":32,"indexImg":1519,"indexVideo":1521,"link":1523,"mediaEntries":1524,"metaImage":1520},{"src":1520,"greyFilter":209,"mediaRatio":601},"tilgner-kempf-stusu-index.jpg",{"src":1522,"greyFilter":209,"mediaRatio":213},"tilgner-kempf-stusu-screen-video.mp4","www.stusu.com",[1525,1528,1532,1537,1543,1549,1554],{"gridClass":32,"greyFilter":209,"src":1522,"mediaType":217,"mediaRatio":213,"subline":1526},{"lang":1527},{"en":451,"de":451},{"gridClass":32,"greyFilter":209,"src":1529,"mediaType":38,"mediaRatio":601,"subline":1530},"tilgner-kempf-stusu-2.jpg",{"lang":1531},{"en":226,"de":227},{"gridClass":32,"greyFilter":209,"src":1533,"mediaType":38,"mediaRatio":601,"subline":1534},"tilgner-kempf-stusu-3.jpg",{"lang":1535},{"en":1536,"de":1536},"Image Video",{"gridClass":32,"greyFilter":209,"src":1538,"mediaType":38,"mediaRatio":601,"subline":1539},"tilgner-kempf-stusu-4.jpg",{"lang":1540},{"en":1541,"de":1542},"Map search","Kartensuche",{"gridClass":32,"greyFilter":209,"src":1544,"mediaType":38,"mediaRatio":601,"subline":1545},"tilgner-kempf-stusu-5.jpg",{"lang":1546},{"en":1547,"de":1548},"Studio single page","Studioeinzelseite",{"gridClass":32,"greyFilter":209,"src":1550,"mediaType":38,"mediaRatio":601,"subline":1551},"tilgner-kempf-stusu-6.jpg",{"lang":1552},{"en":1553,"de":1553},"Latest Studios",{"gridClass":32,"greyFilter":209,"src":1555,"mediaType":38,"mediaRatio":601,"subline":1556},"tilgner-kempf-stusu-7.jpg",{"lang":1557},{"en":1558,"de":1558},"Messenger","content:projects:stusu-website.json","Stusu Website","projects\u002Fstusu-website.json","projects\u002Fstusu-website",{"_path":1564,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"id":584,"order":1565,"related":1566,"de":1567,"en":1573,"und":1579,"_id":1586,"_type":63,"title":1587,"_source":65,"_file":1588,"_stem":1589,"_extension":63},"\u002Fprojects\u002Fuwe-schinn-identity",27,[581,484,271],{"title":586,"categories":1568,"service":1569,"status":107,"text":1570,"metaDesc":1571,"metaKeys":1572},[544],[106,196],"Die Visual Identity des Künstlers Uwe Schinn setzt voll auf eine hochwertig produzierte Visitenkarte, auf der ausschließlich der Name und die Adresse seiner Portfoliewebsite stehen. Die Karte besteht aus besonders dickem, farbigen Papier und ist mit einer Glanzfolienprägung veredelt.","Gestaltung von Uwe Schinn’s Visual Identity.","Gestaltung, Design, Visual Identity, Uwe Schinn",{"title":586,"categories":1574,"service":1575,"status":115,"text":1576,"metaDesc":1577,"metaKeys":1578},[544],[106,196],"The visual identity of the artist Uwe Schinn relies entirely on a high-quality business card that only contains the name and address of his portfolio website. The card is made of particularly thick, colored paper and is finished with glossy foil embossing.","Design of Uwe Schinn’s visual identity","design, visual identity, Uwe Schinn",{"indexGridClass":341,"indexImg":1580,"mediaEntries":1582,"metaImage":1581},{"src":1581,"greyFilter":209,"mediaRatio":35},"tilgner-kempf-uwe-schinn-card-index.jpg",[1583],{"gridClass":32,"greyFilter":6,"src":1581,"mediaType":38,"mediaRatio":35,"subline":1584},{"lang":1585},{"en":41,"de":41},"content:projects:uwe-schinn-identity.json","Uwe Schinn Identity","projects\u002Fuwe-schinn-identity.json","projects\u002Fuwe-schinn-identity",{"_path":1591,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"id":190,"order":1592,"related":1593,"de":1594,"en":1601,"und":1607,"_id":1638,"_type":63,"title":1639,"_source":65,"_file":1640,"_stem":1641,"_extension":63},"\u002Fprojects\u002Ffrom-industrial-design-website",28,[793,185],{"title":1595,"categories":1596,"service":1597,"status":107,"text":1598,"metaDesc":1599,"metaKeys":1600},"From Industrial Design",[194],[106,196],"From Industrial Design ist ein junges, internationales Studio für Produktdesign mit einem Fokus auf Möbel- und Leuchtengestaltung. Das Konzept der Portfolioseite setzt auf eine progressive, intuitive Navigation, den großzügigen Einsatz von Flächen und die kontextuelle Fotografie von Daniel Delang.","Gestaltung und Programmierung der Website von From — Industrial Design.","Gestaltung, Design, Programmierung, Website, From, Industrial Design",{"title":1595,"categories":1602,"service":1603,"status":115,"text":1604,"metaDesc":1605,"metaKeys":1606},[194],[106,196],"From Industrial Design is a young, international studio for product design with a focus on furniture and lighting design. The concept of the portfolio page relies on progressive, intuitive navigation, the generous use of space and the contextual photography of Daniel Delang.","Design and programming of the website of From — Industrial Design.","design, programming, website, From, Industrial Design",{"indexGridClass":289,"indexImg":1608,"indexVideo":1610,"link":1612,"mediaEntries":1613,"metaImage":1609},{"src":1609,"greyFilter":209,"mediaRatio":601},"tilgner-kempf-from-id-index.jpg",{"src":1611,"greyFilter":209,"mediaRatio":213},"tilgner-kempf-from-screen-video.mp4","www.fromindustrialdesign.com",[1614,1617,1623,1627,1633],{"gridClass":32,"greyFilter":209,"src":1611,"mediaType":217,"mediaRatio":213,"subline":1615},{"lang":1616},{"en":451,"de":451},{"gridClass":32,"greyFilter":209,"src":1618,"mediaType":38,"mediaRatio":601,"subline":1619},"tilgner-kempf-from-2.jpg",{"lang":1620},{"en":1621,"de":1622},"Project slideshow","Projektslideshow",{"gridClass":32,"greyFilter":209,"src":1624,"mediaType":38,"mediaRatio":601,"subline":1625},"tilgner-kempf-from-3.jpg",{"lang":1626},{"en":1621,"de":1622},{"gridClass":32,"greyFilter":209,"src":1628,"mediaType":38,"mediaRatio":601,"subline":1629},"tilgner-kempf-from-4.jpg",{"lang":1630},{"en":1631,"de":1632},"About slideshow","Aboutslideshow",{"gridClass":32,"greyFilter":209,"src":1634,"mediaType":38,"mediaRatio":601,"subline":1635},"tilgner-kempf-from-5.jpg",{"lang":1636},{"en":244,"de":1637},"Projektindex","content:projects:from-industrial-design-website.json","From Industrial Design Website","projects\u002Ffrom-industrial-design-website.json","projects\u002Ffrom-industrial-design-website",{"_path":1643,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"id":1644,"order":1645,"related":1646,"de":1647,"en":1654,"und":1660,"_id":1693,"_type":63,"title":1694,"_source":65,"_file":1695,"_stem":1696,"_extension":63},"\u002Fprojects\u002Fnot-everything-will-be-okay-website","not-everything-will-be-okay-website",29,[793,794],{"title":1648,"categories":1649,"service":1650,"status":107,"text":1651,"metaDesc":1652,"metaKeys":1653},"Not everything will be okay",[194,798],[19,106,196],"Not Everything Will Be Okay — But Some Things Will ist ein Notizbuchprojekt. Die Microsite greift den Schriftzug des Buchcovers auf und inszeniert Ihn großzügig. Zudem gibt es die Möglichkeit das Notizbuch über ein einfaches Formular zu kaufen.","Gestaltung und Programmierung der Website von Not Everything will be okay—but some things will.","Gestaltung, Design, Programmierung, Website, Not Everything will be okay—but some things will, Notizbuch",{"title":1648,"categories":1655,"service":1656,"status":115,"text":1657,"metaDesc":1658,"metaKeys":1659},[194,798],[19,106,196],"Not Everything Will Be Okay - But Some Things Will is a notebook project. The microsite takes up the typography of the book cover and stages it generously. There is also the possibility to buy the notebook via a simple form.","Design and programming of the website of Not Everything will be okay—but some things will.","design, programming, website, Not Everything will be okay—but some things will, nodebook",{"indexGridClass":32,"indexImg":1661,"link":1663,"mediaEntries":1664,"metaImage":1662},{"src":1662,"greyFilter":209,"mediaRatio":601},"tilgner-kempf-not-everything-index.jpg","www.noteverythingwillbeokay.com",[1665,1669,1675,1681,1687],{"gridClass":32,"greyFilter":209,"src":1666,"mediaType":217,"mediaRatio":213,"subline":1667},"tilgner-kempf-not-everything-screen-video.mp4",{"lang":1668},{"en":451,"de":451},{"gridClass":32,"greyFilter":209,"src":1670,"mediaType":38,"mediaRatio":601,"subline":1671},"tilgner-kempf-not-everything-2.jpg",{"lang":1672},{"en":1673,"de":1674},"Start animation","Startanimation",{"gridClass":32,"greyFilter":209,"src":1676,"mediaType":38,"mediaRatio":601,"subline":1677},"tilgner-kempf-not-everything-3.jpg",{"lang":1678},{"en":1679,"de":1680},"Notebook section","Notizbuchbereich",{"gridClass":32,"greyFilter":209,"src":1682,"mediaType":38,"mediaRatio":601,"subline":1683},"tilgner-kempf-not-everything-4.jpg",{"lang":1684},{"en":1685,"de":1686},"Info section","Informationsbereich",{"gridClass":32,"greyFilter":209,"src":1688,"mediaType":38,"mediaRatio":601,"subline":1689},"tilgner-kempf-not-everything-5.jpg",{"lang":1690},{"en":1691,"de":1692},"Shop section","Shopbereich","content:projects:not-everything-will-be-okay-website.json","Not Everything Will Be Okay Website","projects\u002Fnot-everything-will-be-okay-website.json","projects\u002Fnot-everything-will-be-okay-website",{"_path":1698,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"id":945,"order":1699,"related":1700,"de":1701,"en":1708,"und":1714,"_id":1745,"_type":63,"title":1746,"_source":65,"_file":1747,"_stem":1748,"_extension":63},"\u002Fprojects\u002Fyonder-book",30,[944,541,13],{"title":947,"categories":1702,"service":1704,"status":107,"text":1705,"metaDesc":1706,"metaKeys":1707},[1703],"Book",[106],"Das gedruckte Portfolie von Yonder – Architektur und Design arbeitet mit einem Querformat, das die Abbildung von Architekturfotografie und Plänen begünstigt. Im Vordergrund stehen die Projekte des Büros. Die Typografie ist weitgehend zurückhaltend mit kleineren visuellen Akzenten.","Gestaltung des gedruckten Portfolie von Yonder – Architektur und Design","Gestaltung, Design, Portfolio, Yonder – Architektur und Design",{"title":947,"categories":1709,"service":1710,"status":115,"text":1711,"metaDesc":1712,"metaKeys":1713},[1703],[106],"The printed portfolio of Yonder—Architektur und Design is designed in a landscape format, which favors the depiction of architectural photographs and plans. The Focus lies on the projects of the office. The typography is largely reserved with smaller visual accents.","Design of the printed portfolio of Yonder—Architektur und Design.","design, portfolio, Yonder—Architektur und Design",{"indexGridClass":32,"indexImg":1715,"mediaEntries":1717,"metaImage":7},{"src":1716,"greyFilter":6,"mediaRatio":35},"tilgner-kempf-yonder-portfolio-index.jpg",[1718,1721,1725,1729,1733,1737,1741],{"gridClass":32,"greyFilter":6,"src":1716,"mediaType":38,"mediaRatio":35,"subline":1719},{"lang":1720},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":1722,"mediaType":38,"mediaRatio":35,"subline":1723},"tilgner-kempf-yonder-portfolio-2.jpg",{"lang":1724},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":1726,"mediaType":38,"mediaRatio":35,"subline":1727},"tilgner-kempf-yonder-portfolio-3.jpg",{"lang":1728},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":1730,"mediaType":38,"mediaRatio":35,"subline":1731},"tilgner-kempf-yonder-portfolio-4.jpg",{"lang":1732},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":1734,"mediaType":38,"mediaRatio":35,"subline":1735},"tilgner-kempf-yonder-portfolio-5.jpg",{"lang":1736},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":1738,"mediaType":38,"mediaRatio":35,"subline":1739},"tilgner-kempf-yonder-portfolio-6.jpg",{"lang":1740},{"en":41,"de":41},{"gridClass":32,"greyFilter":6,"src":1742,"mediaType":38,"mediaRatio":35,"subline":1743},"tilgner-kempf-yonder-portfolio-7.jpg",{"lang":1744},{"en":41,"de":41},"content:projects:yonder-book.json","Yonder Book","projects\u002Fyonder-book.json","projects\u002Fyonder-book",{"_path":1750,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"id":1339,"order":1751,"related":1752,"de":1753,"en":1759,"und":1765,"_id":1791,"_type":63,"title":1792,"_source":65,"_file":1793,"_stem":1794,"_extension":63},"\u002Fprojects\u002Fiwe-microsite",31,[427,424,272],{"title":1341,"categories":1754,"service":1755,"status":856,"text":1756,"metaDesc":1757,"metaKeys":1758},[277],[106,196],"Das Institut Wohnen und Entwerfen (IWE) der Fakultät Architektur und Stadtplanung an der Universität Stuttgart ist ein interdisziplinäres Institut mit den Schwerpunkten Architektur und Soziologie. Die Microsite wurde als Vorläufer für die Hauptseite entwickelt. Im Zentrum des Entwurfs steht der Splitscreen, der die Seite in einen Textteil und einen begleitenden Bildteil trennt. Abgerundet wird der Entwurf durch einen neutralen, kompakten Einsatz von Typografie und Farbe.","Gestaltung und Programmierung einer Microsite des Institut Wohnen und Entwerfen (IWE) der Fakultät Architektur und Stadtplanung an der Universität Stuttgart","Gestaltung, Design, Programmierung, Microsite, IWE, Institut Wohnen und Entwerfen, Architektur, Universität, Stuttgart",{"title":1341,"categories":1760,"service":1761,"status":863,"text":1762,"metaDesc":1763,"metaKeys":1764},[277],[106,196],"The Institut Wohnen und Entwerfen at Stuttgart University is an interdisciplinary institute with a focus on architecture and sociology. The microsite was developed as a precursor to the main website. At the center of the design is the splitscreen, which separates the page into a text part and an contrasting image part. The design is complimented by a neutral, compact use of typography and colour.","Design and programming of the microsite of the Institut Wohnen und Entwerfen (IWE) of the Architecture Deparment at Stuttgart University.","design, programming, microsite, IWE, Institut Wohnen und Entwerfen, architecture, university, Stuttgart",{"indexGridClass":341,"indexImg":1766,"indexVideo":1768,"mediaEntries":1770,"metaImage":1767},{"src":1767,"greyFilter":209,"mediaRatio":601},"tilgner-kempf-iwe-micro-index.jpg",{"src":1769,"greyFilter":209,"mediaRatio":213},"tilgner-kempf-iwe-micro-screen-video.mp4",[1771,1774,1778,1782,1787],{"gridClass":32,"greyFilter":209,"src":1769,"mediaType":217,"mediaRatio":213,"subline":1772},{"lang":1773},{"en":451,"de":451},{"gridClass":32,"greyFilter":209,"src":1767,"mediaType":38,"mediaRatio":601,"subline":1775},{"lang":1776},{"en":1777,"de":1777},"Slideshow",{"gridClass":32,"greyFilter":209,"src":1779,"mediaType":38,"mediaRatio":601,"subline":1780},"tilgner-kempf-iwe-micro-2.jpg",{"lang":1781},{"en":1777,"de":1777},{"gridClass":32,"greyFilter":209,"src":1783,"mediaType":38,"mediaRatio":601,"subline":1784},"tilgner-kempf-iwe-micro-3.jpg",{"lang":1785},{"en":1786,"de":1786},"Info Scrolldown",{"gridClass":32,"greyFilter":209,"src":1788,"mediaType":38,"mediaRatio":601,"subline":1789},"tilgner-kempf-iwe-micro-4.jpg",{"lang":1790},{"en":1786,"de":1786},"content:projects:iwe-microsite.json","Iwe Microsite","projects\u002Fiwe-microsite.json","projects\u002Fiwe-microsite",{"_path":1796,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"id":1797,"order":1798,"related":1799,"de":1800,"en":1807,"und":1813,"_id":1845,"_type":63,"title":1846,"_source":65,"_file":1847,"_stem":1848,"_extension":63},"\u002Fprojects\u002Fshb-website","shb-website",32,[185,189,485],{"title":1801,"categories":1802,"service":1803,"status":107,"text":1804,"metaDesc":1805,"metaKeys":1806},"SHB",[194],[106,196],"SHB Architekten ist ein Büro für Architekur. Der Websiteentwurf zeichnet sich durch einen minimalen Einsatz von Typografie und den Fokus auf die Projekte des Büros. Eine Besonderheit ist der Einsatz von assoziativem Bildmaterial auf der Startseite, das begleitend zu ausgewählten Projekte des Büros steht.","Gestaltung und Programmierung der Website von SHB Architekten.","Gestaltung, Design, Programmierung, Website, SHB Architekten, Architektur",{"title":1801,"categories":1808,"service":1809,"status":115,"text":1810,"metaDesc":1811,"metaKeys":1812},[194],[106,196],"SHB Architects is an office for architecture. The website design is characterized by a minimal use of typography and focus on the projects of the office. A special feature is the use of associative image material on the home page, which accompanies selected projects of the office.","Design and programming of the website of SHB Architects.","design, programming, website, SHB Architects, Architecture",{"indexGridClass":289,"indexImg":1814,"indexVideo":1816,"mediaEntries":1818,"metaImage":1815},{"src":1815,"greyFilter":209,"mediaRatio":601},"tilgner-kempf-shb-index.jpg",{"src":1817,"greyFilter":209,"mediaRatio":213},"tilgner-kempf-shb-video.mp4",[1819,1822,1825,1829,1833,1837,1841],{"gridClass":32,"greyFilter":209,"src":1817,"mediaType":217,"mediaRatio":213,"subline":1820},{"lang":1821},{"en":451,"de":451},{"gridClass":32,"greyFilter":209,"src":1815,"mediaType":38,"mediaRatio":601,"subline":1823},{"lang":1824},{"en":226,"de":227},{"gridClass":32,"greyFilter":209,"src":1826,"mediaType":38,"mediaRatio":601,"subline":1827},"tilgner-kempf-shb-2.jpg",{"lang":1828},{"en":244,"de":1637},{"gridClass":32,"greyFilter":209,"src":1830,"mediaType":38,"mediaRatio":601,"subline":1831},"tilgner-kempf-shb-3.jpg",{"lang":1832},{"en":621,"de":622},{"gridClass":32,"greyFilter":209,"src":1834,"mediaType":38,"mediaRatio":601,"subline":1835},"tilgner-kempf-shb-4.jpg",{"lang":1836},{"en":621,"de":622},{"gridClass":32,"greyFilter":209,"src":1838,"mediaType":38,"mediaRatio":601,"subline":1839},"tilgner-kempf-shb-5.jpg",{"lang":1840},{"en":621,"de":622},{"gridClass":32,"greyFilter":209,"src":1842,"mediaType":38,"mediaRatio":601,"subline":1843},"tilgner-kempf-shb-6.jpg",{"lang":1844},{"en":635,"de":635},"content:projects:shb-website.json","Shb Website","projects\u002Fshb-website.json","projects\u002Fshb-website",1791291433625]