Self Initiated Project – Client Meeting

logo

First thing that I have done was meeting with my client. Because this is all for my Project and it is Self initiated, It was my OWN idea to revamp and redesign Irena Hair & Beauty Website. I have decided to contact owner of the website and let him know about it. I have briefly explained him, why I have decided to do something with the website, and following this I have told him few ideas of mine which I could implement, including totally redesigning the website, its content and creating content management system.

Content


I  have offered two options for my client when it comes to Content. I could either leave all texts as it is, and only update missing stuff (e.g. Price List or About Us ) or let client decide on what will be written.  I have presented ideas from my research regarding content, that people are more visual, and reading pure text over and over is boring.

I have looked on the internet for ‘Web content’ and had little read about it. I have found out that there are three things that has to be followed and considered in content. Is content usable? can user interact with what is on the website? Is content useful and How easy to access it is?

We have both agreed to it, and also I have mentioned that on new website, content will be added not by me any more but client will be able to do so, using CMS.
I have still plenty of time, we have decided that we will get back to content when it comes to Designing process.

design


This is where fun bit will start, as my client doesn’t know anything about Designing, especially when it comes to  following design trends,  Actually creating design of the website and composing it all into beautifully looking website.

I have informed her about current website not being Adaptive nor Responsive (previously explaining what these two mean) and that my plan is to make it fully Responsive, so it will be easier accessible through Mobiles & Tablets. Which also automatically means, that website might look different on PC, mobile and tablet. Because she didn’t understand why is that, when she wants only one website, I have told her it will work as three different versions on different platforms.

I have explained more less about  current design trends, that flat design is dominating, big pictures, or big block buttons are also very popular among many websites. I couldn’t forget about text its own. I told my client that less text will be better, and use Typography to make it more appealing.

My client said that she wants me to fully research and  do frameworks/designs on my own, and based on these we will discuss further options (next meeting).

 

colours


Not much to discuss here. I knew previously that Colours will have to stay the same and I was right. My client wants me to use same colours as used on the first website. The only exception is that I can use different variations of Orange & Black. ‘White is white’ – as she said, and changing it to darker would automatically make it grey. ‘so leave white as it is’.

colours ir

But of course I won’t, that is why I have meeting with her to discuss everything and show everything that has been done, so when it comes to showing designs I will most likely play with white colour, and present it to her.

accessibility


I have explained my client that when it comes to Accessibility, website is fully accessible if all people, including disabled and elderly people, can use it. If visitor is disabled, his accessibility will depend on how his disability will affect the way he perceives information. Firstly I have informed her about what mainly affects accessibility on web.

  • People that can’t see well – colours and the contrast between colours, size of text as well as font choice.
  • People who are blind – usually these people are using screen readers. Because these can’t read images, alt tags for images and title tags for links must be used, as these will be used by screen readers.
  • People with hearing problems – Any audio or video should have included subtitles.
  • People who find mouse or keyboard hard to use – this is where simplicity has to come. Make good use of big blocks (easier to see), and make it as easy as possible to navigate through whole website.
  • People who find words difficult – lenght of paragraphs, complexity of vocabulary, choice & size of fonts. opportunity to have text read out loud.

After talking about these, I have been asked two simple questions. Will it be hard to cover these points, to make website more accessible? If not, ‘How long it could take?’

There was no answer to any of these, because I simply don’t know and that research would have to be done in order to find out. In next meeting I will have to come back to this and let client know what could be done about it.

usability


I have told my client, that usability consist of balanced design, content and accessibility and that it can’t be attained in two days. It all depends on whether website is available, clear, credible, learnable and relevant to people who actually use it .

Good usability requires complex user research and multiple user testing done. In most simple words it is all about testing, testing and testing again.

cms


Explanation was required of what CMS stands for, what is it and how does it work. I have started by explaining that current website doesn’t use content management system and adding, updating any informations is done inside file, which then has to be re-uploaded to server.
However, using different type of code (PHP) another website can be created, which will work as a little system, where all information that are on the website will be there, ready to edit, delete or add new things.
I have told that CMS allows for adding dynamically content, which takes few seconds to do, and is much safer as user(client) doesn’t work with code.
We have agreed, that every section on the website should be editable, with option of adding images, editing these,their size and more.

After talking about CMS, client only told me that CMS should be even easier than website, which automatically told me that BOTH of these will have to be VERY easy to use.

rest


I have decided to write about ONLINE Booking Appointment System here as my client is bit sceptical, and she just can’t imagine how it might work and is afraid of learning how to use it, as she already predicts that this will be even more complex than website and CMS combined together. This clearly means that I will have to either research for simple booking system, with appointment system using calendar, or research everything about using website form to send request for appointment, and these would be received on mobile phone (SMS), but then I would have to make sure that it will be possible to answer back, and send reminder of upcoming appointment. I will try my best to come up with good idea..

There was supposed to be Polish version of the website, If everything go as planned, and i will have some spare time, I will translate text to polish and make Polish version of website.

Self initiated project – Gantt chart

I went on Tom’s planner website (http://www.tomsplanner.com/) and in few quick steps created my own account.  Following this I could start creating my own Gantt chart.  However, as I was going through their website, I found that they have already created Templates for different purposes. template planner

After clicking on ‘Web Design’ template, I have been redirected to actual Gantt chart, where I already had included Phases for different tasks. such as Preparation, planning or designing.
toms planner phasesOf course list of these Phases is three times longer than what you can see above. But most of these were going too deep into details. So I have created my Gantt chart by taking ideas from the list, naming them on my own, and adding extra notes to some of them.


toms planner self initiated

This was the first time I have created my own Gantt chart. It shows clearly, on which task I should be working on and when. There are two things that are eye-catching straight away and these are two longest ‘tasks’ of ‘Constantly updated Blog’  &  ‘Ongoing research’. 

Ongoing research
I have created  phase of Research between 25th of March and 1st April. However I know from my own experience with different project, that through out whole Projects I have been continuously researching, as during project many things might change, or not go as we have planned. And sometimes it is necessary, to do extra research either to fix any issues that we have faced and can’t resolve or just to get more information or knowledge on something that we are currently working.


 Constantly updated Blog
Updating Blog on daily basis is as important as project it self. Everyday working on project, researching different things, learning new stuff or trying something new, should be immediately documented on Blog.  Reason is very simple. not updating blog and leaving it to the end will have catastrophic consequences, as project might take up to few months, and remembering everything that should be wrote about from each day is simply impossibly.
I have also been trying just to take quick notes of what I have done for certain project. Then at the end, I would write up the Blog using these notes and what I have remembered. Even though this is better than just leaving it, nothing beats Blog that is updated on daily basis.


 

 Some of the phases have red triangle in top right corner which indicates that there is more information written on that phase.  On picture below I have mouse over ‘content outline‘ phase and little pop up window came up with extra information that I wanted to include in this Phase.
key messages

Tom’s Planner – Online Gantt chart

No doubt, lack of planning & scheduling in any project will most likely end up with total failure. As I have been working on my projects, I used to plan more less and what has to be done and when. But most of that was only in my head – no hard copy.


 

toms plannerr

I have been recommended by few people to try Tom’s planner website where I can create On-line Gantt chart. Its not only 100% more efficient, but also using it is  professional.

There are some advantages of using On-line Gantt Charts. Main one  is to try and make things clearer and simpler not only for me but for the people that are taking part in project. However, when working on my SELF-initiated project, it creates picture of complexity. It helps with time management and demonstrates visually  what I am currently working on.

 

Research continuation

I have done another research. This time I was looking for on-line exhibitions (if such a thing even exist). From beginning of research I haven’t been expecting to see online exhibitions where I can walk like in game (from 1st person) and discover different parts of  museums, instead just pictures and text.

I have spent most of my time on two websites, one of them is Smithsonian American art museumsmithsonian

I would say that, this website is using old design trends. 3 Column layout in the middle. there is lots of text and links everywhere. Instead of buttons used as a hyperlinks there is quit a bit of blue texts which are used as a links.

There is HUGE amount of content on this website, so everyone can find something for him. But I was mostly interested in these On-line exhibitions, which can be accessed from drop down menu (Exhibitions), and how these were done.

My expectations regarding on-line exhibitions have not been met and instead realistic thinking about text and pictures came true.

So when you go to on-line exhibition sections, this is what you get. List of available on-line exhibitions with a little bit of information (pic-1).

mus list(pic-1) example mus(pic-2)

Most of the time you get pictures with text on one side and all inserted into gallery (pic-2).


 

The Fitzwilliam Museum. This is another website that I had look at. fitz muzeum

Old design, two menus at the top and left side. Different sizes of fonts and colours used in fonts. Lots of useful information on museum,  what’s currently on, previous exhibitions, on-line shop and much much more. But again i came here to look for on-line exhibitions.online ex firz

Again I had little bit of problems with finding these on-line exhibitions but finally under On-line resources I have found it. Like in previous website you get list of exhibitions. But this list looks better in my opinion. first of all you have little pictures for each exhibition with a bit of text on side.  Instead of having to click on link to see more, You have well visible ‘Find out more..’ which is much better, for people with lack of experience on how to navigate through website.  And on top of that everything is nicely separated with grey line.

When it comes to checking these exhibitions, there is no specified layout/design on how each one of these is showed:

  • You can get text with 1-2 pictures which after clicking on you get full size picture in new window.
  • Again lots of text with 6-12 picture thumbnails which each one of these opens new html page with certain picture and text, and you have ability to click on ‘next’ and see next picture.
  • Some of them contains only a bit of text with only one picture.
  • There was one more when you get only pure text with three links to html galleries.

This slideshow requires JavaScript.

 

I was bit shocked that this website haven’t used any dynamic gallery as it would look much better and navigation would be also improved.

Now i have more less idea on how my exhibition might look like but still these are all fresh ideas and these are yet subject to change.