The document details the redevelopment of the Bloor Information and Life Skills Centre (BILS) website, transitioning from an old site to a new Joomla! 2.5 based content management system. Key features include enhanced usability, SEO optimization, social media integration, and user-friendly navigation centered around the organization's core programs and services. The project, completed in March-April 2012, also includes ongoing maintenance requests from the client since the site launch.

1. 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.

2. 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

3. 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

4. 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.

5. 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

6. Pic. 11. Events calendar
• Fully customizable event management
systems with tons of features
Pic. 12. Donate us
• PayPal donation module with integrated
features

7. 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

8. Graphics Design
Pic. 15. Assorted graphics design

9. 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.