Learn everything about Google's new toolkit for creating beautiful Graphic Design

Posted by Paolo Leone on 30 November 2016
Learn everything about Google's new toolkit for creating beautiful Graphic Design

Google's "Material Design" is a unified system that combines theory and resources for crafting digital experiences and is now moving to a new phase with a full suite of tools and Open Source Projects.

If you are building a mobile website or working on responsive web design then Material Design is the perfect framework to use given that it enables designers to create digital material that can expand and reform intelligently, using seams and shadows to provide meaning about what you can touch.

Google is now expanding the original Material Design site introducing a bold new visual identity to the first initiative, inspired by the principles of print-based design with an emphasis on user actions and motion.

While navigating their new site and reading their design guidelines you will learn by constructing everything in a 3D environment containing light, material and cast shadows, with its own rules of how you can position elements and what they can do.

To go straight to the point, Gallery is a tool that aims to simplify design collaboration, enabling teams to organize their design workflow in one place so that everyone has a clear view of what's going on, and to easily share and get feedback on everything from visual design to interactive prototypes.

Stage is another new feature that helps you build dynamic interfaces with interactive motion. It is created by the teams behind Pixate and Form, it promises to change the way you build interactive experiences, with a more dynamic, intentional, and systematic workflow for crafting digital experiences.

Gallery and Stage are currently in early access and you can request an invite here

Another new tool called Remixer enables you to share design values and make live refinements during the development process with a set of cross-platforms libraries and protocols. You will be able to adjust everything from colours to animation timing on IOS, Android and web interfaces, and rolling out tweaks across multiple devices.

 

Posted in: Graphic Design Website Design Website Performance Web Development  

A Web Design aproach to make your site a super-fast one

Posted by Paolo Leone on 22 November 2016
A Web Design aproach to make your site a super-fast one

Speed is of the essence now more than ever in web design since visitors want to have a fast site experience, and if you don't meet that requisite, they will go somewhere else. Here you will read some ideas to achieve that goal.

A first step is to make your design minimalistic

Obviously, you begin by having fewer elements to load since it increases the speed of your site. Some minimalistic features are:

  • The Hamburger menu instead of a standard navigation bar
  • More white space
  • The use of short web forms
  • Smaller images is also a good idea
  • Using just one font on your site

It is also important to understand that it is possible to create the perception of a faster site and if it's perceived to be fast, your users will be happy. Therefore, there's no need to implement complicated technical solutions to improve the response time of a site, just focus on using good design to improve the perception of performance.

Take advantage of what Google offers for developers

Start with Google Developers's own "Make the Web Faster" page, where you will get an assortment of tools to speed up your site design.

Take for instance, the PageSpeed Insights tool, that will give you have access to detailed reports about what's causing your current site to be slow. These insights come for both mobile and desktop versions of your site.

Consider using Lazy Loading

Lazy Loading is a design pattern that's characterized by not rendering objects until the point that they are necessary, meaning when you begin to scroll down the page.

The advantage of this design approach is that your site needs to rely on fewer resources, thereby making it faster in performance.

Optimizing your Server is a Must Have

Your Server response time is how long it takes for your server to respond to a browser request. Implement these strategies to improve your server response:

  • Use fewer resources for each page, for instance defer images, combine external CSS files or external Javascript files.
  • Use a content delivery network or CDN
  • Use a coaching solution
  • Improve your web server software configuration
Follow these tips and you will be on your road to the creation of faster websites, which leads to more users, buyers, readers and happier clients.
Posted in: Graphic Design Website Design Website Performance Web Development  

Use the 5Ws approach to succeed it content creation

Posted by Paolo Leone on 17 November 2016
Use the 5Ws approach to succeed it content creation

Journalistic writing it's based on 6 fundamental questions that are more commonly known as the 5W and one H that help you go right to the main point of the matter. Here we will discuss how to use it for content creation.

Consider the 5Ws and 1H from the perspective of your Target Audience:

Who is your audience?
Describe your Target Audience in one or two sentences, include gender, age range, interests or hobbies, etc.

Knowing the person you will be creating content for allows you to craft targeted content that performs better.

What information do they need to know?
Think about the problems that your audience struggles with, what questions do they have? How can you access them to know what they really need? That's why it's important to build an email list and elaborate your FAQs form.

Where do they want to see your information?
Understand your Audience's behavior, figure out where they are more active, is it in your blog, in social media or on your website? By knowing this you will be able to provide them content where they can easily find it.

Why do they care about what you have to say regarding the subject?
Providing useful information is essential. Make sure your content has information that's new. Also, think about the benefits of your content for your target audience.

When will they want to read it?
Distribution time is also an important aspect of engagement. When you consider your audience's reading time, think if they are busy working professionals who read on the train and in that case you will have better results publishing early in the morning. On the other hand, If they are parents it's more probable that you can reach them when they put their children to bed in the evening.

How should you relay the information?
The format you choose to present your information will play a major role in engagement depending on your niche. It depends on how much time they will have to read it, or to watch a video. That will help you find the best format, whether it's a blog post, video, infographic or anything else.

Finally, make sure you use these questions to improve the quality of your content and give your customers what they need.

Posted in: Content Marketing Online Marketing  

Best Homepage Design Practices Every Marketer Should Apply

Posted by Paolo Leone on 18 October 2016
Best Homepage Design Practices Every Marketer Should Apply

Having a homepage that makes a great first impression is the priority for a successful marketing campaign. In this article you will learn the general guidelines to create brand awareness with your homepage design.

#1 A Header that Makes Clear What you Offer
Use cohesive visuals, graphics and images as well as text to tell your visitors right away who you are and what you offer. When preparing the texts take into account that your visitors should also be able to tell what sets you apart from the competition and who you work with

#2 Add a Call to Action Above the Fold
It is a best practice to add a CTA above the fold because you want to catch the customer's attention, specially the ones that are ready to buy the second they land on your site.

#3 Make your Design Responsive for Mobile Devices
Since most web traffic comes from mobile devices, you have to make sure your homepage design looks exactly how you want it to on different mobile screens.

#4 Use Contrasting Colors and HD Images
Contrast creates hierarchy and lets visitors know what they should be paying attention to. Also, the use of high quality images on your homepage makes a difference with your competitors

#5 Remove the Sidebar
The sidebar clutters your page and creates a distraction from the content you want to feature. The ending result is a poor user experience since you are throwing too much information at the user at once and taking the risk of them missing what you really care about.

#6 Add Real Product Photos
If possible you should include real product photos, instead of catalogue ones. Everyone likes to see what they are buying before they make a purchase.

#7 Feature a Video
Video is one of the most powerful additions to any homepage design since is the most engaging media format. Even a short animated video that explains your product/service is a great touch.

Posted in: Content Marketing Digital Marketing Online Marketing  

How to Design a Website with a Marketing Perspective

Posted by Paolo Leone on 10 October 2016
How to Design a Website with a Marketing Perspective

If you want to engage your visitors and compel them to read through your contents then this article will allow you to better manage your website design to achieve that goal.

How long do users stay on web pages? According to a report by the Nielsen Norman Group visitors make a decision to stay or leave a site within the first 10 to 20 seconds, which means that you have a brief chance to make the right first impression.

In terms of the website experience, marketing agencies believe that bad design elements lead users to a feeling of distrust causing a poor website image that becomes one of the most significant weaknesses in marketing and branding.

Therefore, the first thing to concentrate on will be how to engage from the look and the feel of your site:

Highlight the headlines

Make sure your visitors know what page they're on in a fast glance by making headlines bold, and keep them in between 50 to 60 characters.

Study Website building tools

There are many options for unique sites with templated designs. When it comes to styles, forms and functions do some research to find the best for your brand.

Choose the right typeface:

As a general rule a sans-serif font is the best style because it is simple to read. And there are many apps you can use to create your design and style guide too.

Select a three color palette:

The Adobe's Color CC Tool can be very helpful to choose your combination of of colors. In general, two neutral colors and one bold accent is what you have to look for.

Optimize your images:

Content with relevant images gets 94% more views than content without images. Take into account the image size and placement to better complement your content.

To sum up, taking the time to research for your brand's style guide is essential when it comes to creating an engaging website. You have to stick to your look, give your structure space and follow these principles to ensure your visitor's first impression is a good one.

Posted in: Social Media Marketing SEO Graphic Design Website Design Website Performance Web Development Online Marketing  
< Previous | 1 | 2 | 3 | Next >

 

"This is the best business decision my company could have made.
The support staff is always there to help with everything we need.
 "

- Jane Jackson

 

 

 

 

Latest News

Learn everything about Google's new toolkit for creating beautiful Graphic Design

Nov 30 2016
Google's "Material Design" is a unified system that combines theory and resources for crafting digital experiences and is now moving to a new phase with a full suite of tools and O...

A Web Design aproach to make your site a super-fast one

Nov 22 2016
Speed is of the essence now more than ever in web design since visitors want to have a fast site experience, and if you don't meet that requisite, they will go somewhere else. Here you will ...

Use the 5Ws approach to succeed it content creation

Nov 17 2016
Journalistic writing it's based on 6 fundamental questions that are more commonly known as the 5W and one H that help you go right to the main point of the matter. Here we will discuss how t...

Contact us for a free website quote

Call us today for your
FREE WEBSITE ASSESSMENT!
> 416-822-3232

Special OFFERS
> Sign Up For Emails

 

Bookmark SiteTell a FriendPrintpaolo@tboxstudio.com>