Dayyan Ahmed (0344670)

Dayyan Ahmed (0344670) Interactive Design  Final project  For our final project we were to make a complete website consisting of 5 pages. We were grouped up in teams and had to make a website that our peer wanted , using their references and ideas. My client  Johanna Zora Welle She wanted to make a website to showcase her photography abilities and portfolio. Along with that some information for her contacts and freelance collaborations. Client Proposal After looking at her proposal and layouts she sent me the files and images she wanted to use, along with that I also suggested some ideas to her and I made my first layout. Layout 1 fig 1.1 About page fig 1.2 contact page fig 1.3 home page fig 1.4 people page fig 1.5 travel page  After making the layouts iIshowed them to johanna to get her feedback , she said that she was not a fan of the colour pink and that I should stick to the green she provided or shades of green , along with that she said that the layouts ...

Dayyan Ahmed 0344670 Interactive Design Project 2  For our project 2 we had to code the layout we had made in our project 1  we were to use html , css and other sources such as bootstrap etc. Html coding for land page fig 1.1 html coding for land page fig 1.2 html coding for land page fig 1.3 coding for land page Css for land page  fig 1.4 css for land page fig1.5 css for land page fig 1.6 css for land page In the next couple of coding parts my application for the animation is shown using css @key-frames attributes. fig 1.7 css for land page  fig 1.8 css for land page  Here is what the outcome of the coding came to be . fig1.9 section 1  fig 2.1 section 2  fig 2.2 section 3  Click the image to go to live land page and view the animation and responsive as well As an added measure since i experienced how long it actually takes to sit and code a page and get proper coding html and css below i attached the files and codes and css for anyone to use as...

  Interactive Design  Dayyan Ahmed(0344670 Project 1 For our project 1 we had to make a landing page for a selected choice of topic. I chose a music / band website as I am interested in that field. Studying and Dissecting music website landing pages  Fig 1.1 landing page for the band jinjer fig 1.2 landing page for the band gojira After looking at a couple websites i started designing my own page  page design 1  For this page i had 3 sections  - Call for action and about  - Albums and music - Radio stations. After getting some feedback i noticed that each part of my land page had to be separated , for eg the call for action and about had to be different sections and the radio stations sections was not really convenient for the page. Land page Design 2  My second design contained 3 sections  - Call to Action  - About - Merch My second land page design was better in terms of simplicity and clean looks. The call to acti...