This week we've published an awesome feature - the ability to add full screen video backgrounds to pages. Check out this demo website to see an example built on SignalMind.
Why video backgrounds?
Video has been one of the most effective ways of communication. Adding a silent video background to a website's home page can create a powerful first impression and foster a positive emotional connection with your site visitors. Creating a website for a restaurant? A video background showcasing the food, the chef in the process of cooking, or the ambiance of the place can be a very effective way to offer the site visitors a glimpse of what they would be experiencing in real life. A website for a product or service? A video footage displaying the benefits or how-to's can provide loads of critical information to your visitors in a very compact manner, before they even get to reading any text.
We added a couple of handy features today. One is the ability to add animations to page elements. The animations can trigger when an element becomes visible (on page load or when the visitor scrolls down to the element), or on hover (when a visitor moves their mouse over the element).
Animations are an easy way to add interactivity and elegance to a web page. In fact, check out the responsive website builder page on our website to see the animations feature in action.
Here are a few general practical tips on building responsive sites that I would like to share.
Getting started and getting inspired
When starting a website project, it is a good idea to research other websites or templates for inspiration and ideas. For example, if you need to build a website for a photographer, you can google "Best photographer sites" or "Photographer New York" – anything to bring up other sites in the industry (preferably on the higher end). This is a great way to get ideas about potential layout and look-and-feel. Of course, you won't be copying an existing website, this is about getting actionable ideas that will help you move forward.
This is the second article in the series on responsive web design ideas and tips. In this post I’d like to mention a couple of specific and
simple ideas for creating compelling responsive websites and landing pages.
Here is a an example of using a combination of background images and background colors or gradients on a page:
(And here is a preview link to the above example, if you’d like to check it out in
a browser.) Let's talk about how this is done.
I am starting a series of blog posts on responsive design tips, and simple things you can implement to create compelling web presences. Here is the first article in the series.
While the need to scroll is expected on small devices, you want to make sure that the most important information stays within the visitor's reach and does not get pushed way down. Before you start on the design process, map out the order in which the content needs to appear on the smaller devices first, to prevent the high priority elements from being shoved too far down.
While many of our customers have created amazing responsive websites on the SignalMind platform, the feedback we have been receiving is that becoming proficient with our responsive site builder does require a learning curve. It is nice not to be constrained by an inflexible cookie-cutter template, yet building a unique design from scratch takes time and patience.
We've put some thought into how we can simplify the process of creating responsive sites while still giving our clients the full rein to customize the page layout and design. Please welcome our new feature - Page Blocks!
Two handy features were added to the SignalMind platform with last Friday's release: vector icons and custom templates. Let's discuss both in detail.
With today's release we have a few exciting features that would help contribute to more attractive designs and brand identify of the sites built on SignalMind.
New styles and customization options for Header Menus
This week we have released two features that many of our clients have been asking about: versioning (saving page versions with the ability to revert back to an earlier copy), and a way to customize the set of functions and features your client users have access to when they log into their account in your control panel. Let's talk about both in detail.
If your client has an existing website that could use a refresher or needs to be friendly to all screen sizes, here are a few things you should consider with the transition.