Ahmed Yaman Ibrahim (0341119)

Ahmed Yaman Ibrahim (0341119) Interactive Design Final Project FINAL PROJECT Briefing For the final project, we pick a partner to work with and we are to design a 5-page website to each other. Each one is to work as a client/designer for the other. My client was Shaayif, and I was to design a 5-page website for his band, Zennia. Wireframe Proposal for band website (incl. full wireframe) Based on feedback, I made minor adjustments such as adding more content to the home page. Website Working on website in Dreamweaver Link to site:   https://condescending-hermann-404757.netlify.app

Ahmed Yaman Ibrahim (0341119) Interactive Design Project 2  PROJECT 2 Briefing Project 2 involves turning the landing page design from Project 1 into a working landing page. Landing page Coding the landing page on Dreamweaver Based on feedback, I made some minor adjustments such as adding social media links to the footer. Link to site:   https://cocky-visvesvaraya-fea518.netlify.app/

Ahmed Yaman Ibrahim (0341119) Interactive Design Project 1  PROJECT 1 Briefing Project 1 involves designing the layout for a one-page website of our choice, which will be then created into a working website for Project 2. I decided to design a website for a band I listened to, called Vulfpeck. Wireframe Project 1 involves designing the layout for a one-page website of our choice, which will be then created into a working website for Project 2. Project 1 - Wireframe Project 1 - Final design Presentation for Project 1 (incl. full image of layout)

Ahmed Yaman Ibrahim (0341119) Interactive Design Exercises EXERCISES Briefing Week 1 This week we had a briefing of the module, followed by a short exercise involving critiquing various kinds of websites. Exercise 1 Week 2 This week we had a lecture on the basics of HTML, followed by an exercise where we created a basic HTML site on Notepad. Exercise 1 Link to site:   https://festive-curran-43994c.netlify.app/ In-class CSS exercise Week 4 This exercise consisted of a replicating a site layout using HTML and CSS. In-class CSS exercise Exercise 2 Week 6 We replicated a website layout for this exercise as well, using HTML and CSS on Dreamweaver. Exercise 2 - Working on Dreamweaver Link to site:   https://pedantic-johnson-f71158.netlify.app/