Interactive Design - Final Project



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





Popular posts from this blog

Major Project

Image
Ahmed Yaman Ibrahim (0341119) Major Project *Professional Development Week reflection is in the Week 8 section of this post. Week 1 Ideas 1. Gamification platform for schools Based on dissertation topic - An app that gamifies the school experience for students - providing features such as leaderboards, rewards for turning in work on time and for making extra effort, as well as setting sequential objectives and class-wide goals for schoolwork and homework. Teachers would be allowed to reward students based on their performance with badges and other benefits. It would be built as a web app so it can be used with any operating system and can be simultaneously accessed from a mobile phone and a desktop. Sample layout for homepage Main features: Class subjects as individual topics with sequential objectives Reward and scoring system for work submission, to be reflected on a leaderboard Leaderboard that displays students based on performance to encourage competition Badges as a part of rewar...
Read more

Games Development - Exercises

Image
Ahmed Yaman Ibrahim (0341119) Games Development - Exercises EXERCISES Week 1 In the first week, we went through the module outline and had a look at some of the games developed by past students. We were asked to play through some of them and review them. Zapper Snapper by Hanif Rashid I played a game called Zapper Snapper by Hanif Rashid; it's a 2D platformer where you navigate through rooftops and laboratory areas while fighting mutated enemies. I found the pixel style graphics and general atmosphere of the game very impressive - the backgrounds, lighting and overall look and feel of the game helped me immerse myself into the setting of the game to an extent. The controls were simple enough, you were able to move left and right and also jump. The player character attacked with a baseball bat when fighting enemies. Speaking of enemies, I was impressed with the variety of them as well. They had their own individual movement and animations. Fighting them proved to be a bit difficult,...
Read more

Advanced Typography - Exercises

Image
26/08/20 - 23/09/20 (Week 1 - 5) Ahmed Yaman Ibrahim (0341119) Advanced Typography Exercises LECTURE NOTES Lecture 1: Briefing & Typographic Systems 26/08/20 (Week 1) Our first lecture consisted of a briefing of the module to all students followed by a lecture on our first exercise topic: Typographic Systems. We were shown excerpts of the book Typographic Systems by Kimberly Elam for reference. Typographic Systems The 8 typographic systems mentioned above are Axial, Radial, Dilatational, Random, Grid, Modular, Transitional and Bilateral. These systems are meant to serve as a sort of organizational framework for arranging type on a composition in a way that is functional and visually sound. 1. Axial System In the axial system, type is aligned to either side of an axis. This is especially helpful when organizing lists, or several bodies of text on a composition. Fig. 1.1: Axial system examples 2. Radial system In this system, the type extends outward fro...
Read more