Website redesign & content miration
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. 2. Old website 'Home' page
Pic. 1. Newly redesigned website 'Home' page
'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. 3. Navigation
•
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
Pic. 4. 'Programs & Services' page
•
Social share and social profiles improve
search engines ranking
•
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. 5. Print button
•
Page can be emailed to friend or yourself
•
Page can be shared in popular social
networks
Pic. 6. Email button
Pic. 7. Social share buttons
Social media profiles to spread their activities and
expand their network.
Pic. 8. Social media profiles
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
•
Fully customizable event management
systems with tons of features
•
PayPal donation module with integrated
features
Pic. 11. Events calendar
Pic. 12. Donate us
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
Members-only access page for the board members
Pic. 14. Members-only access page
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 a staff how to maintain the site
Special note
Since the site launched, we have removed malware manually twice, also updated site contents.