150 likes | 241 Vues
Discover the innovative design process of the Odense VinterJazz Festival website, exploring modernism through interaction analysis and user scenarios. Learn about the use of colors, geometric shapes, and asymmetry in creating an engaging online experience that reflects the essence of jazz. Join us on a journey of creativity and technology as we bring the jazz event at MMD Odense to life through cutting-edge web design techniques. Follow our exploration of modern design principles and interactive ideas, from Photoshop front pages to live concert streams with Dolby 5.1 audio. Embrace the mission to inspire and captivate users through a blend of art and technology, incorporating elements of photography and moving pictures. Experience the fusion of style and experience in a website that pushes boundaries and delights jazz enthusiasts around the globe.
E N D
Style & Experience“Odense VinterJazz Festival” Albert Reet, LigaFridmane, Raluca-Alexandra Nacu
Introduction • Dare to dream! • The Trial Odevse VinterJazz
Communication • Exploratory research and analysis • Target group • Average Users • Specific characters • Mission Statement • Purpose/ Stakeholders • User scenario • Go to and…
Design • Colors • What Is Modernism? • About our design • For example (Raluca)
Design • What Is Modernism? • human beings flying; • photograph • moving pictures • electrical signals being sent through wires • he idea that voices could be transmitted • What are the characteristics of Modernism? • Strong geometric shapes and asymmetry. • Latest things
Design- about our design • Modernism
Business • The Jazz event at MMD Odense The Jazz event in MMD gave to us an inspiration to createour web page…
Interaction Analysis • Photoshop- frontpage • Dreamweaver + CSS • Illustrator - collagefortargetgroup
Interaction • Structure/modeling
Interaction • #container{ • position:relative; • width: 1003px; • height: auto; • background-color:#242428; • margin: 0 auto; • border: 0px red dotted; is used to see where are the borders of div • } • #shadow_l{ • position:absolute; • top:0px; • left:-85px; • width: 85px; • height:100%; • background-color: transparent; • background-image:url(shadow_l.png) • } • We used div to right and to left with position: absolute. • And we made a nice, working Menu bar, that is classic in every page.
Idea Live stream concert with new system Dolby 5.1…
Project managment/evaluation • Positive/negative/things to improve • „Where there’s a will, there’s a way!”