joomla! based website redesign project by digital systems
DESCRIPTION
Website redesign project of Digital Systems. Digital Systems is a technology driven digital marketing agency located at Toronto, Ontario Canada. We offer packages and custom solutions to businesses and professionals. Our fully-guaranteed categorized services are web design & development, website maintenance, website redesign & content migration, Internet marketing, open source development, rich media development, graphics design, computer training and managed IT support. Service details available at http://digital-systems.caTRANSCRIPT
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.