SESAM | BRANDING & UX
Re-Branding und User Experience design für die Lernmediathek sesam
Die SESAM-Mediathek bietet kostenfreie, didaktisch geprüfte Unterrichtsmedien und Lernmaterialien für alle Fächer und Schularten. Unterstützt durch das Landesmedienzentrum Baden-Württemberg und den weiteren Medienzentren des Bundeslandes verhilft SESAM auf diese Weise zum effektiveren Lernen und Lehren.
SANMIGUEL führte ein umfassendes Redesign der Mediathek durch und modernisierte im Zuge dessen ihr Logo und sämtliche User Interfaces.
![Sesame Key Visual Sesam Logo sowie die Dreiecks-Shapes](/pictures/W1siZiIsIjIwMjMvMDcvMjcvNXNla2E3d2dqaV9zZXNhbV9jYXNlX2JyYW5kaW5nX3V4X3VpX3Nhbm1pZ3VlbF8wMi5qcGciXV0/sesam-case-branding-ux-ui-sanmiguel%2002.jpeg?fixed_ratio=false&basename=sesam-case-branding-ux-ui-sanmiguel+02&sha=4de2a3e5d6238e3d)
![Sesam Vision & Vorgehen Ready2go- eine moderne Plattform mit einfachem Nutzungskonzept und hochwertigen Inhalten, die Spaß macht](/pictures/W1siZiIsIjIwMjMvMDcvMjcvNW84cXc0NDJtbl9zZXNhbV9jYXNlX2JyYW5kaW5nX3V4X3VpX3Nhbm1pZ3VlbF8wNC5qcGciXV0/sesam-case-branding-ux-ui-sanmiguel%2004.jpeg?fixed_ratio=false&basename=sesam-case-branding-ux-ui-sanmiguel+04&sha=74c596c78dfdc7b4)
![Sesam Workshops und User Journey Bilder des Workshops und Abbild der User Journey zum Ziel](/pictures/W1siZiIsIjIwMjMvMDcvMjcvMzZxcGtlODZoa19zZXNhbV9jYXNlX2JyYW5kaW5nX3V4X3VpX3Nhbm1pZ3VlbF8wNS5qcGciXV0/sesam-case-branding-ux-ui-sanmiguel%2005.jpeg?fixed_ratio=false&basename=sesam-case-branding-ux-ui-sanmiguel+05&sha=ff24167c55fedb6d)
![Sesam Wireframes Wireframes der Lernmediathek](/pictures/W1siZiIsIjIwMjMvMDcvMjcvOW1jOXRzZGphaV9zZXNhbV9jYXNlX2JyYW5kaW5nX3V4X3VpX3Nhbm1pZ3VlbF8wNi5qcGciXV0/sesam-case-branding-ux-ui-sanmiguel%2006.jpeg?fixed_ratio=false&basename=sesam-case-branding-ux-ui-sanmiguel+06&sha=579d5b1e7f22dbec)
![Sesam Logo und Typografie Darstellung des neuen Logos und der klaren und zugänglichen Typografie](/pictures/W1siZiIsIjIwMjMvMDcvMjcvNzJsYzhkYjM3aV9zZXNhbV9jYXNlX2JyYW5kaW5nX3V4X3VpX3Nhbm1pZ3VlbF8wOC5qcGciXV0/sesam-case-branding-ux-ui-sanmiguel%2008.jpeg?fixed_ratio=false&basename=sesam-case-branding-ux-ui-sanmiguel+08&sha=8bbce2cdfe4332cb)
![Sesam Branding und Interaktion Visuelle Darstellung des neuen Logos und der Herleitung des Dreieckes aus Raum und Interaktion](/pictures/W1siZiIsIjIwMjMvMDcvMjcvMmk2am56YXkwa19zZXNhbV9jYXNlX2JyYW5kaW5nX3V4X3VpX3Nhbm1pZ3VlbF8wNy5qcGciXV0/sesam-case-branding-ux-ui-sanmiguel%2007.jpeg?fixed_ratio=false&basename=sesam-case-branding-ux-ui-sanmiguel+07&sha=0135f01eec9dfc82)
![Sesam CTAs und Farben Darstellung der verschiedenen CTAs sowie den Farben und Bildwelten](/pictures/W1siZiIsIjIwMjMvMDcvMjcvOHl5MDBzZ3c4c19zZXNhbV9jYXNlX2JyYW5kaW5nX3V4X3VpX3Nhbm1pZ3VlbF8wOS5qcGciXV0/sesam-case-branding-ux-ui-sanmiguel%2009.jpeg?fixed_ratio=false&basename=sesam-case-branding-ux-ui-sanmiguel+09&sha=591b5ffee8252842)
![Sesame Key Visual Key Visual bestehend aus einem Bild und der Dreiecks-Form](/pictures/W1siZiIsIjIwMjMvMDcvMjcvOHk0NDQ2YnA0b19zZXNhbV9jYXNlX2JyYW5kaW5nX3V4X3VpX3Nhbm1pZ3VlbF8xMC5qcGciXV0/sesam-case-branding-ux-ui-sanmiguel%2010.jpeg?fixed_ratio=false&basename=sesam-case-branding-ux-ui-sanmiguel+10&sha=935595b1f61df224)
![Sesam Website Darstellung der neuen Website in der Desktop-und mobilen Variante](/pictures/W1siZiIsIjIwMjMvMDcvMjcvOTQwMWg2NjJwcF9zZXNhbV9jYXNlX2JyYW5kaW5nX3V4X3VpX3Nhbm1pZ3VlbF8xMS5qcGciXV0/sesam-case-branding-ux-ui-sanmiguel%2011.jpeg?fixed_ratio=false&basename=sesam-case-branding-ux-ui-sanmiguel+11&sha=b93b256574dea390)
![Sesam Mockup Mockup der zuvor vorgestellten Website](/pictures/W1siZiIsIjIwMjMvMDcvMjcvMnlhc2JucXI2dV9zZXNhbV9jYXNlX2JyYW5kaW5nX3V4X3VpX3Nhbm1pZ3VlbF8xMi5qcGciXV0/sesam-case-branding-ux-ui-sanmiguel%2012.jpeg?fixed_ratio=false&basename=sesam-case-branding-ux-ui-sanmiguel+12&sha=b5a8bd2f75d83dfe)
![Sesam Mediathek Verschiedene Screens der Mediathek im neuen Look](/pictures/W1siZiIsIjIwMjMvMDcvMjcvM281dW51ZTFkOV9zZXNhbV9jYXNlX2JyYW5kaW5nX3V4X3VpX3Nhbm1pZ3VlbF8xMy5qcGciXV0/sesam-case-branding-ux-ui-sanmiguel%2013.jpeg?fixed_ratio=false&basename=sesam-case-branding-ux-ui-sanmiguel+13&sha=a705c52b526b01cc)
![Sesam Mediathek Verschiedene Screens der Sesam Mediathek in der mobilen Ansicht](/pictures/W1siZiIsIjIwMjMvMDcvMjcvMmI3Zjd5Y2o2OF9zZXNhbV9jYXNlX2JyYW5kaW5nX3V4X3VpX3Nhbm1pZ3VlbF8xNC5qcGciXV0/sesam-case-branding-ux-ui-sanmiguel%2014.jpeg?fixed_ratio=false&basename=sesam-case-branding-ux-ui-sanmiguel+14&sha=d5bb0abc50a37f06)
![Kundenstimme Andreas Koschinski, FWU - Institut für Film und Bild in Wissenschaft und Unterricht](/pictures/4512/e7d308c7e76e88415d0bbdc40de2dba470e85743/sesam_case_branding_ux_ui_sanmiguel_kontakt.jpeg)
Die fundierten Erkenntnisse des SANMIGUEL-Teams haben uns völlig neue Perspektiven eröffnet - das neue Portal erstrahlt nun in innovativem Glanz. Die Usability der Mediathek wurde erheblich verbessert und überzeugt unsere Nutzer*innen vollkommen. Vom Einstieg bis hin zum Download der Medien verläuft nun alles reibungslos und intuitiv. Vielen Dank an das Team für die tolle Arbeit.
Andreas Koschinski,
FWU - Institut für Film und Bild in Wissenschaft und Unterricht