GOTCHA!

WELCOME TO THE BLOG
CHECK IT OUT!

Can’t Say Enough About Video in Design!

We previously posted about implementing video into your web design http://mywebheads.com/video-web-design/ and we just can’t get enough of it. If you’re on a desktop computer you’ll see we’ve added a video to our homepage screen that runs on a loop and makes the site feel alive! We hope our visitors will feel the same about it.

We are using a foundation built in WordPress the application of this video was very easy. It just needed a bit of trimming and compiling to make it web ready and boom there you have it. A video can really bring the site to life as long as it’s relevant and not too distracting. We also found a great resource for free HD video clips here – http://videezy.com – have a look and find a clip you can use from their large selection!

PageCloud – The Web is about to change forever

Just caught a glimpse of PageCloud (http://pagecloud.com) from TechCrunch Disrupt and I’m literally blow away by it’s functionality. Way to go guys…perhaps you will change the web forever. It’s a browser based design tool that will you to edit (real time) and update your website right in the browser!! No code at all and I’m assuming the guys over there at PageCloud have the coding running clean in backend. Watching them take an element right from photoshop, copying it and pasting it in the browser to see it transition into a web element was shocking. They also have a feature that will allow you to copy and existing site that you make like (for inspiration lol) and it will make a version of it in PageCloud that you can touch, feel and manipulate. This will allow designers to use inspirational sites as design foundations to build on. &$%#in cool stuff guys. Can’t wait to give it a try!

IDMC is a go!

Our latest client – Interior Design Master Class (IDMC – http://interiordesignmasterclass.ca) is helping keep the passion alive for interior designers by offering them business coaching and classes that help them with a variety of things. Their annual event The IDMC is being held on Oct 7 at the International center in Toronto and is expect to be a great success. Way to go Wendy and team at IDMC and good luck tomorrow! It was a pleasure working with you and we know you will continue to be a big success!

Tennis Anyone!

We are proud to showcase the new, fully responsive, GSM Tennis Club website (http://gsmtc.ca). They have a beautiful indoor tennis facility in the Cambridge area and sport a state of the art surface to play on that will keep it’s users feeling good while playing on it. It was a pleasure to work with the GSM team and we look forward to seeing the club grow.

Urban Home Launch!

We are very happy to announce the launch of the new urbanhomewindsor.com responsive website. Our good friends at Urban Home Windsor (Furniture & Design Studio) have been in the press a lot lately with winning the Small Business Of The Year award (Congrats again ladies!). We know the previous website we designed for them got significant praise from their clients so hopefully this one will really knock their socks off! It’s totally responsive (mobile, tablet & desktop ready) and the gorgeous imagery provided by Urban really makes this site stand above the rest.

As always they were a pleasure to work with and we would love to continue our relationship over the coming years.

Keep up the great work over there! You guys rock 😉

Good Luck Velle!

Launch days can be crazy but are always rewarding! Today we launched a fully responsive website for our newest client, Velle Technology (velletechnology.com). Velle Technology provides applications for students and administrators on college and universities across the globe. Their latest product, HappsNow, connects college students to every event on-and-around their campus through easy-to-use, real-time event calendars. The free HappsNow app engages the entire student body by making student organizations more efficient in promoting their events.

We hope you like your new look and we want to wish you the best of luck in your pitch meeting today!

Let’s Talk CDN (Content Delivery Network)

Here we go…another web acronym that you should know.

Content Delivery Network (CDN) is an essential way to optimize the performance and availability of your website. In a nutshell, a CDN will provide multiple sources of your website files located on servers all over the world so they are closest to the user accessing them. This means that the user will be issued the site at lightning speed because the CDN will determine which location to issue the files from.

Here’s an example – Say your website files are hosted on a server in Toronto and someone is trying to access them from Los Angeles. They will have pull across the country to gain access to the files which could cause slower load times for your content. If your site was on a CDN then instead of trying to access the site from the server in Toronto, the CDN will make an assessment based on location, availability, cost, and other metrics so it can point them to an optimal server that will issue the site much quicker.

Some of the amazing advantages of a CDN are:

  • Better Performance
  • Increased Availability
  • Cost savings for high volume traffic being offloaded on localized servers
  • Isolation of attacks to localized servers

A Content Delivery Network is becoming essential to the user experience for global websites and multinational corporations who have access points across the globe. Hopefully this helps you understand the benefits of this service and how it might help your organization.

Sparkles From Above Charity Website Launched!

Our friends at Sparkles From Above (http://sparklesfromabove.com) have recently launched their fully responsive website that we designed for them. Sparkles approached us for a responsive site that would help promote their very worthwhile event called the “Parking Lot Battle” (http://parkinglotbattle.com) which is a 3 on 3 road hockey tournament that the proceeds support helping families who are dealing with childhood cancer. A very important cause and hopefully the new site will get them more donations and help organize their upcoming events even better. Good luck to you Sparkles! It was an honour to help with your worthy cause.

How About Some Video In Your Web Design?

You’ve most likely seen that full-screen video backgrounds are gaining popularity in modern web design. Web speeds are up, browser technology is advancing, and acquiring HD video has become much easier. Since this trend is on the rise, I’d like to review some aspects of background video in web design.

Many businesses are incorporating full-screen videos into their design but not every project can benefit from this server-intensive design technique. A proper setup paired with careful attention to detail is required for full-screen video backgrounds to have an effect on overall design layout and branding.

Keep it Simple

If your video is being used as a call to action then I suggest you keep it simple by creating more contrast between the text on top of the video. The video should be either darker with light text or light with dark text. This works the best for the message not to get lost in the movement. This will also help lower the file size of the video which will allow it to display quicker to the user.

Mute it!

Video media setup to auto-play has one problem: loud audio. This happens to me all the time and is completely annoying. I really don’t want to hear sound unless I ask for it. I would say if sound is necessary for your video effect then instead of an auto-play background video, I would issue the user a play button so they know sound will come with it.

When users notice a video player on your page it usually waits to be activated. The user can choose whether to play the video or leave it alone. Video backgrounds are set to auto-play, which is great, but there’s a reason why most of them are muted by default.

Save your users the bad taste and mute background videos. Your visitors will be happy you did.

Browser Issues

HTML5 has helped shorten the gap between video file-types but we’re far from a forever solution.

So how do we ensure compatibility with background videos? First we check browser support for native file-types. Can I Use provides an analysis of CSS & JavaScript properties, along with HTML5 elements. We use this to your advantage and remember to aim for a specific audience.

Analytics is especially useful here as we can track which browsers are commonly used and add up the level of support for each video type. Flash video is perhaps the most widely-supported choice if you need to handle legacy versions of Firefox and IE.

But generally speaking aim for the most widely-supported codecs and video containers. H.264/MP4 and VP9/WEBM seem to be the two most popular choices. If your video uses at least one of these file-types then your most likely going in the right direction.

Another very important thing to keep in mind is the size of the file. Your 1080p video might look great scaled on a larger iMac, but is it worth the pain of forcing a video that’s hundreds of MB onto a visitor using a 13″ laptop?

Unlike traditional JPEG backgrounds, videos have a more natural method of scaling. Even with a reduced file-size your video should still look pretty darn good. So for video background usability the two most important things are proper file-type and reduced file-size.

Keeping in mind these aspects for your video backgrounds will see your bounce rate decreased and the “WOW” factor increased.

Actio New Website Launch!

Actio Corporation, our trusted client and good friend has recently launched the new responsive website we designed for them. We are so excited for you guys and look forward to your continued success in compliance and risk management software solutions. If you’d like to read their official press release for the launch of the new design you can do that here.

Congrats again and we love you guys 🙂