Check out my portfolio website –http://www.veronikalesnakova.co.uk/
If you like what you see and you have a project in mind then I’m happy to hear from you.
Check out my portfolio website –http://www.veronikalesnakova.co.uk/
If you like what you see and you have a project in mind then I’m happy to hear from you.
Overall, the full project was challenging and a lot of learning was done throughout the process. First of all, the project was meant to be build one and that is why deep research on different CMSs was done and a good knowledge of work with totally different working CMSs was gained. Most of the time was spent trying to learn how to work with CMSs and how to implement them into website. doorGets CMS was not appropriate for this project at all because of it was not professional enough and support on it was not good enough. Drupal 7 was more professional, dashboard was visually better created, there were a lot of themes to choose from and technical support was great. However, after weeks spent trying to figure out how to work with this CMS, decision was to give up and change it to different CMS. This was because it was over complicated and lack of time to learn to work with this CMS well enough to build full functional website in it. CouchCMS was the best choice for this project as it was quite easy to implement into the website and user would have no problems working with CMS.
However, there were some problems with functionality of this CMS which showed different ways of sorting problems out with community of practice. The only option that was there was to join CouchCMS community of practice and ask for help. This was huge learning curve as it was never done before with any project. Finding out that it is important to be out there working with people is a good step for future. Also, a lot of help was gotten from lecturer and that is why a good knowledge or problem solving in web development was gained.
However, because of decision to keep the project as concept only, next challenging part had to be managed – the design had to be visually appealing to users but also already existed text had to be embedded into the design which influenced the full design. Marketing strategies were kept in mind throughout the full designing process and community of users were created. A lot of research was done on how Ice Arenas market their products and all best parts were taken and combined into one design for the best result possible. Hull Ice Arena has currently no official website and it is only part of Hull City Council website, there were no restrictions on the design whatsoever but current text had to be kept. All images used were downloaded from Google and it was hard job to do as the design was based on a lot of white space and therefore images with white space around the main focus point had to be chosen. Visual imagery was used as research showed that users are more likely to remember things by seeing rather than reading. Certain style of icons was used to keep symmetry in the design but also to keep meaning behind it – time at Hull Ice Arena is about having fun and therefore icons used were in a little bit playful style. This had a good contrast combined with quite serious design interpreting information.
Booking form was done through visual imagery and was focused more on users clicking on provided choices rather than users having to type information in. This was decided to do after doing research about designing principles of a good design where was found out that if any task on the web has a high cost of energy, users are unlikely to complete the task unless the reward for it is also high. Also Hick’s law says that the more options users have, the longer it takes to make a decision and that is why booking form was kept simple and straight to the point.
User testing was done throughout the full project and therefore design was adjusted regularly. The last user testing was success even though some users said that they would rather prefer to have crossing line across all images above images just to keep images clear to see. This comment is important to keep in mind for future development. All users said that they would be happy to turn this design into a new Hull Ice Arena website as it is easy to use and effective. Accessibility test was done to make sure that people with disabilities that use internet on daily basis would be able to use this design and the results were positive.
Overall, this project was a success in every way.
This is the final design of Hull Ice Arena website. It was created in InVision.
To view this please click on the link: http://invis.io/8W3087HDX
Accessibility test is important because there are people with disabilities that use internet on daily basis. The reason why was decided to check colour blindness accessibility is because apparently one in twenty people have some form of colorblindness and they are affected in using internet.
This is colour blindness check that was done to make sure that colour blind people would have no problem using this design.
Tool that was used is called Colour Blindness Simulator and this is the link to it – http://www.etre.com/tools/colourblindsimulator/
Process is easy; upload image, select the condition to simulate – there are three
and press ‘Simulate Colour Blindness.
This is the result for Protanopia –
This is the result for deuteranopia –
This is the result for tritanopia –
This is how people with monochromacy – completely colour blindness see the design
People with these four forms of colour blindness would be able to use this design as dynamic of colour scheme was choose well.
The text that was used was fully copied from current Hull Ice Arena website.
To visit current Hull Ice Arena website, please visit – http://www.hullcc.gov.uk/hullarena
User testing was done throughout the full design process and therefore developing of the design was done with feedback that was gotten from user testing.
The last user testing was done by several people that actually use Hull Ice Arena website at the moment and the feedback from them was positive. The only negative comment about the design was that all images in header are crossed by blue line and that they would much rather prefer if the line was positioned above all images so they are clearly visible.
All people that participated in the final user testing said that they would like this to be a new Hull Ice Arena website as at the moment Hull Ice Arena do not have its own website and is only part of Hull City Council website. They also said that this design is modern, effective and would be easy to use.
Users can log in to their accounts from any page by clicking on ‘Your account’ in navigation section –
After clicking on this button, log in screen will appear –
Already registered used need to put username and password in and click ‘login’. There is also register option there for non members to register.
After putting the right username and password in, logged in user will given this page –
It is home page without promotion section as logged in user is already registered and therefore don’t need it anymore.
Changes in Logged in page
Differences in website after log in
Full design
Icons downloaded from http://www.flaticon.com/packs/social-media-hand-drawn/
Log in downloaded from http://www.freepik.com/index.php?goto=41&idd=688237&url=aHR0cDovL3VpLWNsb3VkLmNvbS9sb2dpbi1zaWdudXAtd2ViLWVsZW1lbnQv
Contact page was designed simple and straight to the point.
There are two contact forms –
Google map with location is shown to help users find the arena – pointer used is in the same style as icons to keep continuity in design. Also contact and address details and social media icons.
Image downloaded from Google!
Icons downloaded from http://www.flaticon.com/packs/social-media-hand-drawn/
User testing was done from the beginning and changes were made to the design step by step. However, after user testing venue page, all users said that it would be better if all images on pages were positioned below navigation because of readability.
That is why, decision to take user testing into consideration was made and images on every page were positioned below navigation like it was described in ‘Venue page’.