Part of the assignment was to write a formal report about how I created the website applying professional standards and format for industry.
I started to write it in Adobe InDesign CS6 and after 17 pages, I decided to use different software because quality of the used images was so bad that you could not see it.
I used simple Microsoft Word for it and quality of the images was great. I wrote full formal report in this software.
Here are links of the websites –
Front end – click here
Music instruments website – click here
I did usability testing while designing the site so I did a few correction to the design. I got positive feedback from people that were testing it so I am happy about it. Everything is working perfectly fine on the site considering it is a dynamic site.
Improvements that I would like to make
The only negative feedback I got was that it is not a responsive/adaptive designed. The reason for it is that I did not have enough of time to do it as I had to work on other projects. I am aware of it thought and if I have spare time in the future, I will make it responsive or adaptive.
This site is missing CMS (Content Management System) to allow users to add, delete and edit content of the site. PhpMyAdmin would not be needed anymore after adding CMS. Another thing that could improve whole site would be contact form which would allow users to contact author of the site straight from the site.
Over all, I am happy about this website, design is very nice and the fact that it is my first fully dynamic site makes it even better.
This site works in
- Opera 20.0
- Internet Explorer Version 11 (slide show is without special effects)
- Mozilla Firefox 27.0.1
- Google Chrome Version 32.0.1700.107 m
- Mobile devices
Another good point that were made while user testing was that photos were too big after opening. This would make big problem on tablets. I checked size of them and they were way too big. I did little research about the right size of photos on websites and I found out that it suppose to be 800px and no more than 150kb.
I opened them in Adobe Photoshop CS6 and set them up to this size.
The result was seen straight away. Not only size of full folder went lower but also size of photos were better and worked fine with tablets.
All changes were made after user testing. Symmetry plays big role in designing websites and I must say that it looks better after changes were made. I also created ‘split screen’ in home page by dividing left and right side of the site which creates a perfect symmetry –
This is how the site looks at the moment –
When the site was designed and everything worked perfectly fine, I did user testing. I got positive feedback however, there were a few things that I didn’t notice.
Changes I’m going to make
1. Moving text to the left so it’s all in one line – symmetry
2. Making ‘selection’ function as big as rest of the windows
The search is set up to ‘wild card’ which means that you can type only a few letters from any word and if there’s any word in table that consists of typed letters, it’ll pull it out from table and deliver to the site.