my-piggy.com | portfolio

As E-SCHOOL launched their website for putonghua language learning for about 2 years and revamped 6 months before. Although the website is fully developed for about 20 pages (English version only) with e-learning service, interactive zone, on-line booking and schedule information, the website is still lack of way of direction to provide the information to the world wide web users.

Major revamp for the website, includes the layout, design, site structure, everything that can enhance the existing website.
Remains blue at the main color scheme, variation is allowed.
Change the large photo to the photo provided from the client.
Quality Standard Icon remain at the bottom of the homepage.
'Putonghua for career training scheme' now is the theme, need to be bold and large.
Symbolise the title link with icon and provide description under the title.
Please bear in mind that online training is united from the others.
New requirement size : 1024 x 768 pixels.
Telephone number is very important, it must be easy readable in the website.

Dedicated logo and title recreated to provide a more professional feeling to the brand.
All sections with their special icons created for more attractive and representative for the sections.
The top navigation is the new navigation, as we talk, as first navigation, provide the links which the world wide web users mostly used links.
They includes : About School, Course Outline, Schedule, Test, Homepage, Contact Us and English Version.
The left navigation is also a new one, as second navigation, provides additional information for world wide web users.
They includes : News, School location, Pu Pu Zone, etc.
Special navigation, on the blue area, at the right of the homepage, with descriptions below each link, provide the mostly wanted information link to the users. There are some different usage between first navigation and special navigation. First navigation provides help for user click on different section and special navigation provides user to look at the exact information in the different section.
Above the special navigation there is an automatic roller message board for news.
Replaced a new theme photo and description is provided under the photo.
Online Course Login and Demostration icons are now paired.
Members login, check email, register email, etc. are at the left of the website and they only appear at the homepage.
As more touching customer service feeling, there are 4 low-quality photos which I captured from e-learning section. These area can be a flash movie, or any motion graphic for more dynamic feeling rather than static feeling.
Quality Assurance icons are at the bottom of the website.
Telephone and Fax Number is clear for reading.
Remain pages use the same top navigation for the website.
Second navigation is now text-based for 'simple is the best' feeling.
Created a headline to each of the sections.
Telephone and Fax Number is clear for reading.