1. East Africa Resilience Innovation Hub Web Development Proposal

2. Table of Contents
I. Introduction
II. Technical Information
Professional Photography and Sourcing for graphical images
Editing images
Template Design
Slideshow Coding
Page Design
Content Formatting
III. Project Requirements
IV. Other Features ……….……………
V. Corporate Identity and Branding …………
Logo
Color Scheme
Proposed Layout
VII. Website Design and Development Agency Profile
Technical Proposal …………………………
IX. Cost of Website Design and Development
IX. Travel Costs / Reimbursement ……………………………………………………………..……
X. Disclosure form and Certification
XI. Certification ……………………

3. Technical Information
Introduction
The Resilience Innovation Hub (The Hub) is seeking to leverage the power of digital platforms to widen its reach, promote efficiency in tasks directly affected with the introduction of an Interactive website and to further its agenda across the internet.
This move will see The EARIH increase its digital footprint and reach across the region and beyond. Together with the development of a digital platform, EARIH will be able leverage the power of social media in interacting with it’s audience and getting feedback direct from them in Real Time.
Technical Information
The design objectives of the proposed Web Development for the East African Resilience Innovation Hub is to:
Make EARIHs Research and Development easily available and accessible to the sites visitors.
Make the site user friendly for its core audience.
Make it easy for the users to navigate to every section of the site.
Have an aesthetically appealing design that will keep the users engaged and satisfied in the user experience.
Make the content easy to update from the back end to achieve the desired objectives.
Index the content with Search Engine Optimization to enable ease of data retrieval using third party Search Engines.
The website design will adapt a clean, crisp and modern look with well-arranged and clearly marked sections that will facilitate easy website navigation for both new and returning users. The design will also incorporate links to EARIHs official social media platforms e.g. facebook, twitter, Google plus. The activities involved in the design of the website will include:
Sourcing for graphical images:
This activity will involve taking of professional quality images that will be used on the websites slideshow. These images will aide in painting a picture of EARIHs programmes and engagements at a glance to the websites’ visitors. These images will also contribute in enhancing the aesthetics of the website.
Editing images:
This will involve compressing the sourced images and optimizing them so as to make them lighter and enable them to load faster on the website. This will ensure a more pleasant user experience by loading high resolution images at comfortable speeds.

4. Template Design:
This activity will involve arranging the websites content guided by an approved mockup and wireframe into HTML to allow it to be accessed through a web browser. At this point the responsive nature of the website will also be designed to allow the website to be adapt to any device screen.
Slideshow Presentation:
This activity involves arranging the sourced images into a slideshow that will be accompanied by relevant descriptions to aide in highlighting EARIHs programs and engagements. The slideshow will also possess a responsive nature; this will allow it to adapt to different device viewpoints.
Page Design:
This activity entails designing the subsequent pages that will be navigated to from the landing page.
Content Formatting:
This activity will involve placing content provided and approved by EARIH into the designed web pages while arranging it into the relevant sub categories.

5. Project Requirements Other Features Requirements Components Use Case
Research and Studies Visibility
Research article publishing should allow entry of the particular research findings and documents if any.
A user should be able to access EARIHs’ Research and Study articles and documents. An authorized staff member will be able to publish research articles or upload research files.
User Friendliness
Clean template design
A user will have an enhanced user experience on the site given its simplicity in design and interactive technology used.
Easy Navigation
High level navigation system
A user can easily navigate through the site due to its simple design and clear navigation system.
Content Structuring
Images
Video
Articles write-up
News and Reports
Research and Development
On details entry, an appointed staff member should be able to upload different kinds of media that will support different kind of information that is to be passed.
CMS System
A staff member responsible for
the site management is able to
update the sites content by use of an interface.
Other Features
Feature
Component
Use Case
Responsive User Interface
Responsive design
A user should be able to access the website from any device and have the website adapt to the screen width .
Multi-browser Support
Multi-browser Technology
A user should be able to accessible the website from any modern browser of their choice.

6. Section 3 - Cost of Website Design and Development
Task
Hours per Day
No. of Days
Total Man Hours
Requirements Elicitation 4 5 20
Drawing up of Requirements and Specifications
Preparation of Wire Frames
Preparation of Mock-up Screens 3 12
Corporate Identity
Designing sample page layouts including text size and colors 2 8
Logo rejuvenation
Designing graphics, animations and editing digital photographs
Coding using a variety of software and technologies and working with WordPress Content Management System
Presenting initial design ideas 1
Organizing and compressing of website, database and dependencies for hosting
Search Engine Optimization
Meeting relevant legal requirements such as accessibility standards, freedom of information and privacy
Designing the website's visual imagery and ensuring it is in line with company branding policy or the requirements
Proofreading content and grammar and making changes where necessary
Editing content, debugging code and re-designing web pages
Getting second opinion by working with other web specialists including web developers and graphic designers
SIT's - testing the website to ensure it is working
Technical Training - handing the completed website over
Training client's staff
178
One Man Hour Cost
$ 5
Total Man Hours Cost
$ 1,008
Total Cost