Checkpoint 5 ‘The Final Checkpoint’


Call to action – The main banner of the website is the main call of action it should be the first thing visitors see. Seeing the white font penetrate through the black background gives them an idea of light and dark.

Next look would be at the logo and the Navbar the logo is an Eagle with the wings being book pages symbolizing a story-driven website and the Navbar giving them hints about what the website is about and what to expect.

Next look would be the main artwork of the website an Eagle is the main imagery it represents freedom which the website strongly tries to capture and the slogan “Stories with a difference to let visitors know that these stories aren’t just your everyday stories they aim to have an impact on you and make you question and think for yourself.


We have implemented Google Analytics to track visitors and see what we can do to get more.

Code comments to separate the code to allow for easier navigation and understanding. This lets us avoid endless scrolling and trying to pinpoint things that would take forever.

No problems really encountered in this stage everything went pretty well and I am happy with the website produced and so is my client.


Checkpoint 4


Colour scheme chosen has always been white, black and red colors. White is mainly used for the font whereas black is used more for shadowing in the background and in the main banner didn’t want to have too much black on the website just enough to compliment the red. Red is the main color theme as seen above as we wanted red from the very start. Red is associated with energy, war, danger, strength, power, determination as well as passion, desire, and love. and wanted all these things to be able to reflect that on the website. Went for a very maroon type of red and made the Title header white as if it were being a light in the dark hence the black background in the banner.


Managed to implement a Comment section that works. Was able to post and see a comment so was very happy with that luckily found an easy way to do it but took a bit of looking. Happy with the results.


Title and navbar showing here showing off the font mainly used for titles.


Figured that I didn’t have a gallery section so was panicking but I found a way to implement a lightbox function in with the Card block I was using for the thumbs on the cards. The result is amazing people are able to click on the thumbnail to view the original size and with the title of the book and the synopsis showing.


Stories section is made of Card blocks and managed to implement lightbox for the pictures and modals for the read buttons.


Modal when clicked showing the full story to be able to be read right on the website.


Font. We are using two fonts both of them are google fonts and wanted something very different yet artistic in nature because the website is very different and we needed something that looked good and seemed like it was from olden times as well. Fonts are called:

  1. Fredericka the Great
  2. Berkshire Swash

Both work well together. Fredericka being used for main titles and navbar while the latter being used for the main text of the website.

Checkpoint 3


Have tested on multiple pcs and on mobile everything appears to be working fine and I didn’t have to change anything other than my URL name because I found out that you can’t just change the URL you have to make a completely new one and start again and so that is what I did.

Checkpoint 1

Information/content decisions for classes and or ids

Class: Navbar – Controls the look and feel of the navbar so we can easily change the colour, font type and size easily also positioning.

Class: Header – Controls how the main banner will look.

Class: MainText – The main chunk of text the website will use. Will be used in the main paragraphs.

Class: MyStoriesImages – Positioning of the images of the book covers/ illustrations of scenes from the books.

Class: MyStoriesImagesText – Controls the text accompanying the Images from above will be slightly different from the main text to create a different feeling.

Class: ParagraphText – Controls the majority of the font that will be in paragraphs, for example, the about me section

Class: ContactInfoTitle – Will control any details regarding contact information

Class: ContactInfo – Much like above it will control any contact information that is not as important but still relevant

Class: CommentBox – Will control the look, size, colour and feel of the comments section


Discussion on how this impacts long-term site maintenance

Lightens the workload and allows for quick updating and tweaking of content increasing the longevity of website maintenance by making it quick and easy to modify and build your website quickly. Classes enable us to make changes throughout the entire website rather than combing through each and every individual line of code to make changes. Using classes and meaningful names will also speed up the process of changing aspects of the website

Screenshots of the website:



Blog Post 4: I.T’s A DEAL!

List your goals for the situation

The goal is to try and come to a resolution that benefits everyone the most. We need to come to an agreed upon conclusion that is most fair for everyone involved. We must consider everyone’s feelings and situation with great care and try to keep our own feelings out of the meeting and look at it objectively. Our goals for the situation would include having the company being more communicative as the major problems that have come up have been caused by a lack of communication. The company once was once considered to be happy and relaxed during its break times and since this incident has occurred people are stressed and do not enjoy their peer’s company we would like to solve this issue and get it back to where people enjoyed each others company. We would also like to at least try and embrace new changes within the company without dismissing them without any negotiation or discussion.

List the relevant issues

Problems with change even if it does benefit the company as they don’t want to dive into the social media aspects of technology, however, the younger team members are adamant that it is the way of the future this creates a severe conflict within the company.

Lack of leadership as Mike and Mary don’t seem to be fully in charge of their staff and lack of communicating their beliefs and wants for the company

Barry’s anger needs to be looked at and managed. Ignoring him simply makes things more difficult for everyone.

There is a major lack of communication as the younger team members are pursuing social media disregarding the current older userbase in favour of showing their bosses that social media will have a positive effect on the business. There is a lot of doing things without communicating which is not positive at all. The employees just appear to be making big decisions without any guidance at all.

Identify everyone’s needs and wants

Mike and Maria are quite happy about how the company is going. The younger team members want things to change as they think it would only bring improvements and greatness whereas Mike and Maria are still set in their old ways and don’t want to change anything. Mike and Maria prefer to respect and hold high regard for old clients and old suppliers.

Kahu and Brair both share the same needs and wants they both firmly believe that that social media is the way of the future and can’t comprehend Mike and Maria’s resistance to new ideas.

Barry wants to improve the company by updating to a more profitable supplier and is frustrated that he doesn’t get listened to when he voices his concerns and ideas.

Pat is the poor guy who is left to deal with the whole mess. He can see how everyone is feeling and can see it falling apart, he only wants a more positive working environment and wants to be able to communicate better with Mike and Maria

Identify the main options for approaching the situation

The main options would be to embrace and at least try to develop the company with these suggested changes from the team however it should be under strict supervision to avoid controversial and damaging tweets or Facebook posts to go out again. Everything would need to go through review and things should not be getting done without having ever being communicated in the first place.

Bringing up the issue of a lack of leadership on Mike and Maria’s behalf and acknowledging the severe lack of communication between the whole team. Coming up with solutions to this will help the company as a whole and also help boost the morale of the team so that they at least have decent lunch breaks with a less heavy and less negative atmosphere.

Everyone should be reminded that they are a still apart of a team and all have a common goal. Everyone wants to improve the company and they need to understand that they must work together to achieve great things and not stray and to make decisions based on their own selfish reasons

What will you need to remember your communication skills while conducting the meeting?

We need to understand that everyone in this meeting is still a human being and still has emotions and situations that we may not understand. We must look at this objectively and not be overwhelmed with emotions. We must accept the facts that everyone makes mistakes and the only thing that matters from the point forward is to work together and try to improve the situation for everyone involved.

How will you manage Barry, who is apt to get angry?

We still have to include Barry just like everyone else. If Barry starts to get heated we would remind him that we have the same goal and that we are a team and that the companies best interest is to keep its employees safe and understood. We must acknowledge that Barry only tends to get heated when he feels like he is not being ignored and cast aside so we must let him know that we are aware of the lack of communication and he will have a chance to speak and be attentively listened to. If Barry becomes angry we must not respond with anger as well instead we should try to remain calm and make him understand that there is no threat here.

How will you achieve an effective close to the meeting?

To effectively close this meeting we have to recap the main issues and make sure they have been solved and have been fully covered to avoid any confusion within the team. After the meeting, I would highly suggest a follow-up meeting just to check to see how things have progressed and to see if the first meeting was even effective. Continous meetings at least once a week could greatly improve the lack of communication within the team and boost team synergy.

Blog Post 3: Teams, Teams, and more Teams!

What makes an ineffective team? How do you overcome ineffective team members?

An ineffective team is a team that doesn’t have all it’s team members participating or not putting in an equal amount of work to be productive. Communication is key to overcoming ineffective team members as they may not even know they’re not pulling their weight. You have to be careful with the way you communicate this to them as well you can’t accuse them of not doing anything instead you must bring it to their attention in the politest way possible to avoid fights and bad blood between the team it could even fracture or break the team if you’re not careful.

What makes a good team? How can you make the team better?

Encouraging and giving team members a push and kickstart them and get them on the right track. Setting goals and giving team members tasks and deadlines make sure everyone is on the right page and keeps the team productive. Making sure they feel included by letting them know that they are an integral part of the team making them feel needed and important. Always keep track of all team members even if it is just to see how they are doing.

What makes a great team? How can you keep the team great?

Great teams will always be communicating. There’s rarely a break down in communication and if there is they try to mend it as fast as possible. If a team member is struggling everyone will struggle hence team members will have to keep an eye on each other and help when needed. The team is only as strong as their weakest member so be sure to help them out when they need it.

How can teams work effectively and efficiently?

Communication is the number one thing in keeping the team efficient and alive. if everyone is in the loop and doing what they’re meant to be doing then the team will thrive and we achieve this through constant and quality communication.

Part 1 – Using the questions above, or any others that you can find, describe the effectiveness and efficiency of your team so far.

So far our team has been able to attend all meetings and everyone has been communicating fairly well. We give each other feedback and help each other out if one of us is stuck. Things that could improve is productivity of work but time is always an issue.

Part 2 – How important is it to have an effective and efficient team in your:

  • the current class of COM502?
  • overall certificate/diploma/degree programme?
  • potential future employment?

I would say it is incredibly important to have an effective and efficient team in all aspects. Communicating and being apart of a team is important in classes, courses and of course the real world. Being apart of a team is almost unavoidable so learning how to become the best team you can be is quite the skill and knowledge to possess. Having a team is a lot more productive and lessens the workload and produces higher quality outcomes.

A group of people working and communicating together will always beat the lone wolf no matter how good he works alone.