UNICEF on

Campus

Detailed
Website
Action Plan
AEDT 2130U

Hend Ali (100488429)

Ehab Bakbak (100515452)
Tyler Evans (100500310)
Muhammad Rajput

Emily Flynn- Jones

TA: Daniel Benzimra

(100526007)

UNICEF ON CAMPUS - NOVEMBER 2015

Table of Contents
Detailed Action
Plan .............................................................................................
2

I.

Context and Background

Design Goals
Design Problems
Challenges
Design Elements
Design Principles

Contact us
For General Inquires:
National Office
UNICEF Canada
2200 Yonge St. Suite 1100
Toronto, Ontario M4S 2C6
1-(800)-567-4483

UNICEF on Campus @ UOIT-DC:

President: Hend Ali
Email: hend.ali@uoit.net

UNICEF ON CAMPUS - NOVEMBER 2015

Detailed Action Plan

Context and Background
UNICEF, which stands for United Nations International Childrens Emergency
Fund, is a humanitarian organization that raises money to help children in need
around the world. On the UOIT/ DC campus, we have a UNICEF on Campus club
which serves as an extension of UNICEF Canada to help raise awareness and funds
for underprivileged children. As a group, we have decided to make a website to
inform students on the club on campus and how they can get involved. The purpose
of this website is to inform students on what is going on on-campus, background
information on UNICEF and what they do around the world, and ultimately how they
can get involved and help. Our target audience is not limited to UOIT/ DC students,
but rather other University and college students at other campuss as well who
have their own UNICEF on Campus club or schools looking to open one - they can
get ideas for fundraisers and events if they already have a pre-existing club, or they
can get motivation to start one!

Design Goals
The goal for the project is to inform the viewers about UNICEF on Campus
and to have information accessible to the website viewer to give them an idea of
what UNICEF and UNICEF Canada stands for and how they can potentially get
involved. The purpose of our website is to educate people on what the UNICEF on
Campus club at UOIT is doing to help the organization as a whole and to allow the
website viewers to see how UNICEF is helping out all around the world. What we
want to achieve is a website that shows how UOIT is representing UNICEF and what
events/fundraisers they have been organizing which goes beyond the school to help
the full organization. It is critical for the club website to answer all the questions a
visitor may have about UNICEF and our club to ensure a thoroughly informative
browsing experience. With regards to the design of the webpage, it is crucial for the
website to be relatively simple and appealing to the eye. It must flow well ensuring
that the different parts of the webpage all serves a purpose and allow the user to
navigate with a clear path. Our choice of colour, the use of space, balance and
emphasis are essential to creating the ideal web page and therefore a big emphasis
has been placed on the specific elements of design to accomplish the above. We
will use wix.com to create our design project.

UNICEF ON CAMPUS - NOVEMBER 2015

Design Problems
Design problems we face are making our website look similar in formatting to
the actual UNICEF one, while giving it our own appeal and look to it. We have to
work with the knowledge we have with regards to web design. Our expertise may
not be sufficient enough to have it as professional as the official UNICEF website will
look like. We also have to make sure that the look of the website fits into the plan
that we want, and to make sure all the elements we want into the website are
captured. Another design problem that was faced during this project was ensuring
the links worked and having them hyperlinked to the appropriate pages. Another
problem, and one that is most likely a common issue among all groups, is time
management. Even with our group meeting as often as we could as well as
communicating through WhatsApp, we were still pressed for time and had to stay
late on campus to finally complete the presentation.
Unfortunately, we encountered template issues with wix.com making it
difficult to create a website that fit each aspect of our criteria. We overcame this by
ensuring that every other aspect of our website was to our liking while trying to
mask the template issues we had.
Upon receiving feedback from Daniel and our other classmates, we tried to
incorporate different suggestions into our project however due to template
limitations and time constraints, we were unable to make some changes such as
Daniels suggestion to change the black text against the translucent background.

Challenges
Challenges we have faced so far with this group project range from design
challenges to preliminary planning. Due to each of our busy schedules, we have
faced many time management issues in which we are trying to overcome. Found
below is a schedule we have constructed to try to ensure we are efficiently
progressing towards our end goal. Other challenges we have faced are assigning
roles. Design challenges we have come across are what elements and principles of
design to incorporate to help achieve our design goal and to attract as many
students as possible- we are still working towards overcoming this challenge.
With regards to the creation of the website, we faced challenges with the
creation of the webpage as wix.com only allows only one user to edit the webpage
at a time and the fact that the platform was unfamiliar to all members it was all a
learning experience. The issue of one editor at a time was unknown to us until we
had multiple group members attempting to make changes to the website only to
realize no changes were saved, ultimately setting us back.

UNICEF ON CAMPUS - NOVEMBER 2015

Task

Predicted
Date
Completion

of Date
of
Completion

Detailed Action Plan

November 20th, 2015

November 10th, 2015

Finalize All Project Plans

November 4th, 2015

November 10th, 2015

Gather All Website

Resources

November 6th, 2015

November 20th,
2015

Website Completion

November 12th, 2015

November 23rd,
2015

Receive All Feedback

November 18th, 2015

November 18th,
2015

Submit All Deliverables

November 24th, 2015

December 2nd, 2015

Constant messages and communication with our peers on UOIT blackboard. This
helps us get feedback from more colleagues and explore new creative ideas. Asking
friends and families.

Design Elements
Colour: There is a prominent blue display in effect on the real UNICEF website, so
we wanted to implement this in our design, making sure we have a majority of blue
somewhere on each page. Colour allows us to convey a mood while the viewer is on
the website and for blue, it gives off more of a relaxed and comfortable feeling. To
include the design of colour gives us imagination and gives us emotion while on the
website, and prevents the feeling of blandness. This relates to the target audience
because the website is about missions in third world countrieshaving a relaxed or
calming mood help to ease the viewers into reading about different missions and
the poverty that some people are facing. Black and white were also included in the
website in order to add depth and layering to the website. By creating a few shapes
and adding colors to the background and the text it adds those elements.

UNICEF ON CAMPUS - NOVEMBER 2015

Line: There are a few lines in the website that are mostly borders for images, or to
separate columns. I do not think line is the key element to making our website feel
like the UNICEF one.
Shape: Having shapes on our website will give the viewers something to be looking
at while viewing and it can contain spaces for images, shapes for information and
shapes the have icons for social media, etc. The reason we need to have shapes in
our website is because there needs to be a gap from the large amount of text
included, which is describing about the organization, how they operate, how to get
involved, and the impact UNICEF has on the world. By breaking up just the text with
shapes for images, or even just coloured shapes with text inside them, we are
allowing a better way to reach out to viewers. Having too much text will dissuade
people from reading, but having shapes and images to give an easier method of
reading for people, it can help portray the information. Shapes can relate to our
target audience, because any age group is going to prefer having more information
through images than through textbecause it is an easier and faster way to collect
their information they want. Next, by using social media shapes (icons that link to
their respective pages), this appeals to the younger audiences who are more
attracted to social media because they can simply click on these links and be sent
right to each social medias page and they are able to like, follow or subscribe to
the UNICEF page to obtain photos or posts from that.

Design Principles
Lines: Keeps things in order, use less sharp lines
Emphasis: we are emphasizing on using different shapes, different light colour
schemes, and strong colors for fonts to stand out but not strong enough to hurt the
eye. Therefore we adjusted the different pages layouts based on the color scheme
of that specific page. For example the project page we displayed a heavy text in the
beginning of the page in red and black color, which to some sounds different as our
main background was blue but making the font color black and red showed an
emphasis on the shown terms.
Mood: we want to set a relaxed, calm, mellow, and humble feel to our website. We
don't want to overwhelm the people visiting the website. Having the right mood set
will allow users to remain on the website longer as they will feel more comfortable
causing more people to come to the website. Mood major source of our direction
for this part of the project. UNICEF is a charity foundation and therefore we have to
try to avoid any aggressive colors like Red. Through our website we want to reflect
feelings such as emotions, calm, relaxed, observing. Therefore we have chosen to
use light shade of blue to give the website that look. It will also have a mixture of

UNICEF ON CAMPUS - NOVEMBER 2015

different shades and other light colors to give the website an overall smooth look
and make sure that it doesn't seem disoriented.
Harmony: our main focus was to get all our work to flow together and not seem
clustered. Having light colors and a very light feel to the website will allow our
website to be humble and create harmony. Also having small but effectives images
on the page and moving backgrounds and thumbnails stop the website from looking
aggressive and hard but rather gave it a smooth feel.
Balance: promote a positive look by keep it short and simple. Our entire point is to
keep the viewer as relaxed as possible. Keeping everything symmetrically to create
an equal weight impression on the eyes.
Patterns: bringing in a lot of patterns will help users adapt to it faster and learn
quicker. The same contextual background theme and the same effects on the pages
represented a flow of similar designs giving the website an unnoticeable pattern.
Rhythm/Movement: one of our ideas was to implement a page where users can
freely use their eyes to move through the work with the minimal of effort, for
example the Twitter display on the homepage. Movement also allowed patterns to
form, and causing movement to occur around edge and sides of shapes.

UNICEF ON CAMPUS - NOVEMBER 2015