Project name: Bloor Information and Life Skills Centre (BILS) website redevelopment

Website type: Non-Profit

Service categories: Redesign and migration (front-end to CMS, concept to launch)

Number of pages: 34

Service type: commercial

Development period: March – April, 2012

Development tool: Joomla! 2.5

Client: Bloor Information and Life Skills Centre

New website: http://bloorinfo.org

Old website: http://bloorinfo.org/oldsite

Status: Online

New website facilities

We have considered various usability factors to redesign the site such as user task analysis, readability,

site navigability, accessibility, website speed, user experience, etc. Our redesigned website is interactive,

content-centric, user-friendly, memorable and easy readable. Web pages are categorized and organized.

Site navigational features were constructed with numerous user interface components such as

navigational menus, dynamic header sliders linked to specific contents, search box, SEO-optimized

anchor and internal links, categorized left menu blocks, etc.

User-friendly navigation

'Programs & Services' are the core value of the organization. Hence, we made the 'Programs & Services'

block more visible and easy accessible to the visitors site wide.

Branding slogan

We provided a very meaningful business tagline and hooked it in a eye-catching area which should

influence visitors.

Meaningful graphics

Environmental friendly, SEO-optimized and content-centric graphics.

Pic. 1. Newly redesigned website 'Home' page

Pic. 2. Old website 'Home' page

Pic. 3. Navigation

'Programs & Services' block can be accessed

various ways:

1. from top navigation bar

2. clicking on dynamic header sliders

3. from left navigation menu block

4. Clicking on graphics at 'Featured Services'

section of the home page

Pic. 4. 'Programs & Services' page • All programs & services are in one place

• SE-optimized, user-friendly navigation

• Short service description linked to original

page

Usability, accessibility & SEO practices

• All images are content-specific and

optimized, SEO-friendly code and links, etc.

Each service page is linked thrice which is

good for search engine ranking and

inexperience users

• Social share and social profiles improve

search engines ranking

Pic. 5. Print button

• Environmental friendly web 2.0 green

icons to print or email the page

• Prints only main content area with

company logo that reduces the printing

cost and advertise the brand

Pic. 6. Email button

• Page can be emailed to friend or yourself

Pic. 7. Social share buttons

• Page can be shared in popular social networks

Pic. 8. Social media profiles

Social media profiles to spread their activities and expand their network.

Pic. 9. PDF viewer • No pre-installed pdf viewer is required to see pdf document. It can be viewed directly in user's web browser.

• For the convenient, PDF file can be downloaded as well.

Pic. 10. Photo album

• Event-specific categorized photo galleries

• 50 thumbnails generated automatically and load very fast

• Each thumbnail image linked to larger images and opened in a pop up window

Pic. 11. Events calendar

• Fully customizable event management systems with tons of features

Pic. 12. Donate us

• PayPal donation module with integrated features

Pic. 13. Contact us page

Contact us page has following features:

• Anti-spam enabled online form

• Google maps for direction

• Business hours information

• Mailing address and contact details

• Building picture

Pic. 14. Members-only access page

Members-only access page for the board members

Graphics Design

Pic. 15. Assorted graphics design

Summaries of work provided

• Redesigned, redeveloped, migrated and integrated front-end website to Joomla 2.5 based content

management systems

• Re-designed, modified and customized Joomla! 2.5 template and integrated extensions

• Cleaned redundant and excessive HTML tags, and inline CSS manually

• Re-organized website structures

• Migrated and organized contents from old site to Joomla! 2.5 site

• Converted/integrated word/pdf documents to Joomla! 2.5 site

• Performed on-site search engines optimization

• Designed logo and header images

• Retouched, manipulated, optimized and integrated images

• Integrated and tweaked photo album

• Tested cross-browsers compatibility issues

• Trained up a staff

Special note

Since the site launched to date, we got two times request from this Client to maintain and update their website which include malware removal manually.