Moveable Online

Moveable Online

About Moveable Online

Moveable Online acts as the IT strategy and implementation support team for design firms, agencies, corporations and institutions. Located in Toronto, we focus on providing best-in-class corporate digital strategy and implementation.

Digital and Web Design Resources #138

Every week we collect some of the best web and digital design resources that will be useful for designers. Check out any of the links below and leave any comments about your favourites in the replies.

 

FREEBIES

15 Essential Free Icon Sets

icons

When it comes to web design, and especially UI design, icons play a crucial role. When used properly, icons can enhance almost any website design by adding visual interest and appeal. However, creating icons from scratch every time you start a new project is both time-consuming and impractical.

Link: 15 Essential Free Icon Sets 

 

Font : Prensa

Prensa font

Prensa is designed by Fabio Brust. Prensa is a narrow compressed typeface. You can use this font freely in your design projects.

Link: Font : Prensa

 

Gorgeous: An elegant typeface in 12 weights

gorgeous font

Gorgeous is a display sans-serif condensed font family designed by Rajesh Rajput, UI and font designer from India. The typeface comes in 12 free weights and each font contains 385 glyphs among which small and capital letters, numbers, punctuations and accents.

Link: Gorgeous: A free elegant typeface in 12 weights

 

Pinecone : Creative Portfolio and Blog WordPress Theme

pinecone wordpress theme

This portfolio WordPress theme is a new modernistic portfolio-style, minimalistic and elegance multi-purpose WordPress template with beautiful responsive three, four columns and full width masonry portfolio grid, which show your latest photo and video, blog for blogging theme and contact pages in

This download is free for the month of April.

Link: Creative Portfolio and Blog WordPress Theme

 

Stylish and Clean WordPress Blog Theme

wordpress blog theme

This is a fully-responsive, light and crisp WordPress blog theme that comes with tons of original functionalities, designed in a golden era of postcard-style look that presents your content and ads in an eye-catching fashion.

Link: Stylish and Clean WordPress Blog Theme

 

INSIGHT

The Cutting Edge Of Website Design

touchscreen

Touchscreen technology isn’t historically “new”; it’s been around for decades. But responsive touchscreen technology that can be properly utilized by the public is an innovation that was untenable for a long time.

Link: The Cutting Edge Of Website Design

 

The Ethics of UI Design: Avoiding Dark Patterns

SEO badass

Most modern website designers strive to deliver an honest user experience. Some, however, will do anything to boost conversion rates – even going as far as to trick users into taking certain actions.

Link: The Ethics of UI Design: Avoiding Dark Patterns

 

Optimize Your Email Marketing Campaigns with the Right UX Design

email campaigns

Whether in the physical or digital world, an emotional and/or intellectual reaction is aroused in the consumer based on how it looks, feels, and works, and will dictate if they have a positive or negative experience, with expected effects on your sales.

Link: Optimize Your Email Marketing Campaigns with the Right UX Design

 

INSPIRATION

Contact Us Page Best Practices with 22 Fantastic Examples

contact page

The Contact Us page. It’s often forgotten, abused, poorly maintained and made so that no one can find it. Why? Why would a company or designer neglect the one part of the website that truly matters when it comes to customer relationships?

Link: Contact Us Page Best Practices with 22 Fantastic Examples

 

Linkedin edit profile

Link: Linkedin edit profile

 

My Hotel app

Link: My Hotel app

Executing the Teknion Site

executing the site

This post is part of a series covering how we helped our client, Teknion, transform its web presence into customer-centric digital experience.

*In an earlier article in this series*, we discussed how we planned the Teknion site build, starting with broad requirements gathering and finishing with a firm list of objectives and deliverables *(you can read more about it here)*.

The final step in completing the Teknion transformation was to actually execute the transformation.

Here’s how we built Teknion’s new site:

Continue reading

Digital and Web Design Resources #137

Every week we collect some of the best web and digital design resources that will be useful for designers. Check out any of the links below and leave any comments about your favourites in the replies.

 

FREEBIES

Free Mother’s Day Graphics

mothers day

This is a complete pack that includes an amazing variety of free vector graphics for Mother’s day that you can use in your design projects.

Link: Free Mother’s Day Graphics 

 

20 Photorealistic iPhone Mockups for Your Mobile Designs

iPhone mockup

You can showcase an app or mobile version of a site using these iPhone mockups. This list includes PSD mockups with red, gold, space gray and silver iPhones which you can download for free.

Link: 20 Photorealistic iPhone Mockups for Your Mobile Designs 

Font : SUNN

sunn font

SUNN is a free set of 3 hand-drawn fonts designed by Gatis Vilaks, designer from Latvia. It is basically a font family that comes in 3 different styles.

Link: Font : SUNN

 

Font : Allegiant

allegiant font

Allegiant is an uppercase abstract font that is has been minified to have a modern, classy and simplified feel.

Link: Font : Allegiant 

 

10 Free WordPress Themes that Utilize Material Design

material design wordpress theme

In order to help ensure that your website is user-friendly, Google recommends enacting their Material Design guidelines. The goal is to include some classic design principles and mesh them with technology in order to create a web that is more intuitive.

Link: 10 Free WordPress Themes that Utilize Material Design 

 

Mobile App UI Assets Kit

mobile app ui kit

User interaction seems to be what everyone’s talking about these days. To help you design the best experience for your visitor or customer, we’ve teamed up with the fine folks over at vexels.com to bring you this free pack of mobile UI icons and assets.

Link: Mobile App UI Assets Kit 

 

ooto: A dashboard template for Sketch

productivity dashboards

ooto is a set of 4 dashboard screens designed by Adrian Madacs – UI Designer from Denmark. This freebies consists of four Productivity Dashboards.

Link: ooto: A dashboard template for Sketch

 

INSIGHT

7 Ways to Delight Users with Animation

“Delight” is a word that we’re hearing and using more often to describe pleasurable moments in our products. Delight is the magic that makes us fall in love with a product. It’s a core element to strive for when designing.

Link: 7 Ways to Delight Users with Animation 

 

The Time-Saving Design Trend and How to Use It

time saving design

Time-saving designs are simple, but not oversimplified. Navigation, content, and headlines all direct users to the information, CTA, or form they need to take the next step of the customer journey.

Link: The Time-Saving Design Trend and How to Use It 

 

INSPIRATION

The Best Online Annual Reports of 2016

mail kimp

The annual report is both a tradition and, for many public companies and institutions, a legal requirement. But with the shift to online annual reports, they’ve also become incredible sources of creativity.

Link: The Best Online Annual Reports of 2016 

 

Dropbox Redesigns its UI for Better UX

dropbox

According to a recent blog post on the company’s site, their latest redesign is meant to serve team-first functionality for users, thereby making Dropbox more than just a place to safely store users’ files, but also facilitate well-organized conversations and interactions around said files.

Link: Dropbox Redesigns its UI for Better UX

 

Virtual City Guide

Link: Virtual City Guide

 

Order meal

Link: Order meal 

The Benefits of a Hybrid Mobile App

flat design mobile phone

We all know that providing a positive mobile experience is key to business success. No matter what industry you’re in, your customers are on their smartphones – and expect your digital properties to keep up.

But when it comes to actually building mobile experiences, many companies get sticker shock at the cost of producing TWO totally native apps for both Android and iOS, and revert to a mobile web app instead.

However, while this approach of a single, cross-platform app can maximize integration, there’s no doubt that the user experience for your customers will suffer.

Fortunately, there’s another option — the hybrid mobile app.

Continue reading

The Best Online Annual Reports of 2016

The annual report is both a tradition and, for many public companies and institutions, a legal requirement. But with the shift to online annual reports, they’ve also become incredible sources of creativity.

We have a longstanding history helping clients bring their annual reports online, and every year, we take a minute to appreciate some of the best of the best for digital annual reports.

So sit back and relax while we bring you the top 5 annual reports from 2016.

Continue reading

Digital and Web Design Resources #136

Every week we collect some of the best web and digital design resources that will be useful for designers. Check out any of the links below and leave any comments about your favourites in the replies.

 

FREEBIES

20 Beautiful Manuscript Fonts

manuscript fonts

These manuscript fonts have stunning designs that are similar to cursive fonts, although the level of freedom of detail on these is greater.

Link: 20 Beautiful Manuscript Fonts

 

26 Interesting Firefox 3.0 Add-ons For Web Designers And Developers

firefox pixel perfect

No matter all the good things you hear about Google Chrome, when it comes to web design and development, Firefox is still the best browser you can find with the most developer friendly environment. Heck, Firefox even has a special edition of the browser built just for web developers.

Link: 26 Interesting Firefox 3.0 Add-ons For Web Designers And Developers 

 

Everyday: iOS note taking app concept

everyday app

Everyday is a free iOS note taking app concept to jot down short reminders in a simple and elegant way. The package includes a free Sketch UI kit and more than 20 app screens that you can easily edit at your pleasure. Designed and released by Rejo Varghese, Product Designer from Mumbai.

Link: Everyday: iOS note taking app concept 

 

INSIGHT

Essential Design Trends, April 2017

geometric design

It’s all about geometry. The trend is design right now centers around interesting shapes and layers that combine to create stunning visuals.

Link: Essential Design Trends, April 2017

 

Do Your Future Self a Favor: Don’t Bust the Grid

Custom Grid

Layout grids help designers define and structure elements in a composition. Sticking to them is critical to success in any design system because elements and blocks should stay modular. You never know in what context the future “you” will want to use something. Context is key.

Link: Do Your Future Self a Favor: Don’t Bust the Grid 

 

Ethics In User Experience Design

ethics in UX design

Professional ethics exists in various fields, but how does it manifest itself in user experience design? What can be done to provide users with products that put their interests up front, and how do brands do it? User experience design is a term that has many different layers.

Link: Ethics In User Experience Design 

 

The Emotionally Intelligent Web: How Will Machine Learning Affect User Interaction?

amy personal assistant bot

One of the biggest technological revolutions in recent history has been the advent and increased precision of machine learning. Artificial intelligence (AI) is ushering in a new era of the “emotionally intelligent web.

Link: The Emotionally Intelligent Web: How Will Machine Learning Affect User Interaction? 

 

15 Psychology Hacks that Boost UX

duo lingo

There loads of things that subconsciously sway our decision making everyday, subtle psychological influences working away in the background. Psychology affects your users’ experience. It has an unavoidable knock on effect on your conversion rates.

Link: 15 Psychology Hacks that Boost UX 

 

9 ways to organize successful creative projects

productivity

Getting your project organized and easily manageable is always a challenge when working as a part of a team. The problem reaches a whole new level when it concerns a creative project. Creativity blossoms the most when it’s unlimited while collaborative projects crumble without rules.

Link: 9 ways to organize successful creative projects 

 

INSPIRATION

15 Brilliant Website Design Examples To Inspire You.

inspiring web design

Creating a brilliant website design can be a daunting task sometimes. Not just because of all the steps involved in this process, but also because of all things you should take into consideration and the direction your website design should take on.

Link: 15 Brilliant Website Design Examples To Inspire You. 7 Steps To Awesomeness 

 

IOT-Home interaction

Link: IOT-Home interaction 

 

Travel app

Link: Travel app

 

Messages movies

Link: Messages movies 

Planning the Teknion Transition

planning concept

We’re big proponents of thorough project planning. Not only does sound planning save time and money, but it’s essential for a positive project outcome.

When we worked with the Teknion team on their organization’s digital transformation, we spent time understanding their challenges, breaking those broad challenges into specific problems, and then planning how to solve them.

Here’s what that process looked like from the beginning.

Continue reading

Digital and Web Design Resources #135

Every week we collect some of the best web and digital design resources that will be useful for designers. Check out any of the links below and leave any comments about your favourites in the replies.

 

FREEBIES

Easter Web Design Freebies

easter

It’s time to get ready for Easter. Are you going to design anything slapping? Do you need any help? TemplateMonster is always happy to provide you with a heap of freebies that will save your time and efforts and let you feel relaxed during the holiday.

Link: Easter Web Design Freebies

 

Bjango: A complete set of app icon templates

template icons

Bjango is a free comprehensive set of app icon templates for Photoshop, Illustrator, Sketch, and Affinity Designer. The templates cover Android, iOS, macOS, Apple TV (tvOS), Apple Watch (watchOS), iMessage, Windows, Windows Phone and web favicons.

Link: Bjango: A complete set of app icon templates

 

Font : Bardo

bardo

This free semi-serif font is inspired from Shakespeare. You may use this version of ‘BARDO’ for personal use.

Link: Bardo (Font)

 

Font : Gorgeous

gorgeous font

This Free Version is a display sans-serif condensed type-family with 12 weights. Each font contains 385 glyphs which include small letters, capitals, numbers, punctuations & accents.

Link: Gorgeous (Font)

 

Carbon: A design system from IBM

carbon

Carbon Design System is a complete set of UI components designed for IBM’s Cloud Platform and recently released on GitHub. Carbon is available for designers and developers, as Sketch file and in form of HTML and SCSS component library.

Link: Carbon: A design system from IBM 

 

Personal Portfolio WordPress Theme

portfolio wordpress theme

This is a portfolio focus WordPress Theme. It provides responsive clean and minimal WordPress Theme for your creative portfolio web site.

Link: Personal Portfolio WordPress Theme 

 

40+ Useful Color Tools, Color Palette, Color Scheme, and Background Generators

color hunt

Creating a color palette for a new design is one of the most important and difficult tasks all designers have to face. And it’s also a process most designers spend way too much time to complete.

Link: 40+ Useful Color Tools, Color Palette, Color Scheme, and Background Generators

 

Creative Portfolio & Resume / CV WordPress Theme

wordpress portfolio theme

This is a one page & Multi Pages WordPress portfolio & CV / Resume theme for Designer, Developer, Freelancer Artist, Photographer & Can be use for Personal Pages. The theme is well organized with proper naming conventions so you can easily access and change things according your needs.

Link: Creative Portfolio & Resume / CV WordPress Theme 

 

INSIGHT

5 Common Design Mistakes on Navigation Bar Buttons

navigation bar

The navigation bar is one of the most important elements on a site. Users rely on it to find the content they need. When designers don’t design navigation bar buttons correctly they force more work on the user.

Link: 5 Common Design Mistakes on Navigation Bar Buttons

 

Everything Is Part Of The User Experience

everything ux

A “typical” user experience process follows a general rule of thumb: discovery, research, conceptual design (this is where wireframes are designed), and detailed design. At these different stages, the chances are that you will have different people working on each part of the project.

Link: Everything Is Part Of The User Experience

 

The Role Functional Animation Plays in Enhancing User Experience

The road to better UX involves various factors, including website design and functionality, product quality, customer service, eCommerce, and much more.

Link: The Role Functional Animation Plays in Enhancing User Experience

 

4 Most Important Web Design Principles Explained

web design

There are many factors which contribute to making a wonderful website. However, I’ve picked out the four most important design principles that contribute greatly to creating a wonderful and successful website.

Link: 4 Most Important Web Design Principles Explained

 

INSPIRATION

10 Inspiring UX Design Portfolios

ux portfolios

Creating a solid portfolio of your user experience credentials is an excellent way to sell yourself to prospective clients and employers. UX portfolios should show off your creativity, your problem solving skills, your UX process and your ability to create usable, useful, user-centric products.

Link: 10 Inspiring UX Design Portfolios 

 

Onboarding

Link: Onboarding 

 

Music player

Link: Music player

 

Unsplash Concept

Link: Unsplash Concept 

Sitefinity, Strategy, and Teknion

teknion homepage

2017 Teknion website homepage

 

We’ve mentioned the importance of using a content management system (CMS) before, both in how they can transform a website and how they can transform a business.

Since we’re such advocates, we thought that it’d be good to show how a content management system can help a business rather than just explain the idea.

Enter Teknion and Sitefinity. Teknion is a furniture company that makes high end office solutions for clients all over the world. Sitefinity is the CMS that we used when developing their new website.

Here’s how Sitefinity helped Teknion with their business strategy, and how we deployed Sitefinity to help them expand their customer base.

 

Allowed the communication of ‘single voice of truth’

Before Sitefinity, Teknion struggled to bring the full calibre of its brand online.

The Teknion site was largely built for developers to manage, and while it was functional, it struggled to deliver a positive experience.

In short, nothing like the refined expertise that the Teknion brand stood for.

What’s more, because there were dozens of smaller websites, each run by a regional marketing team, it was exceedingly difficult to convey a single, cohesive brand message to all of their customers, or even have a cohesive sales experience.

Teknion assets

Teknion assets

In fact, even uniting all the various pieces of content across the board was a challenge, including products and services on offer, since there was simply so much content.

We worked with the creative agency, Pound & Grain, as well as with Teknion, to develop an architecture for their site that was going to effectively tell their brand story in the same way that they’d been telling it with brochures, catalogues, and other traditional marketing collateral for years.

The Sitefinity platform united Teknion’s disparate websites with a single management interface for multiple websites. By using one interface to control many regional and niche websites, Sitefinity allowed the development and deployment of a single voice of truth.

Now all of Teknion’s communication with its customers had the same tone of voice, focused on the same benefits, and carried the same branded look and feel as every other piece of collateral.

 

Accounting for regional differences

Of course, this sort of centralized control does have its downsides. Namely, regional teams tend to know what their customers want and what they need better than a head office somewhere.

We understood that requirement, which is why we opted to use Sitefinity. From a single interface, it allows easy page personalization for regional marketing teams, keeping the single voice of truth that is so critical to Teknion’s success, while still giving regional teams the control that they need.

 

Content organization

teknion products

Teknion Products Page

The final step where Sitefinity really shines is in its ability to organize and manage content and the asset life-cycle.

First, Sitefinity integrates with Teknion’s digital asset management (DAM) system of choice, Bynder. Bynder is a modular DAM system that makes content searchable, tag-able, sharable, and mass editable.

For an organization like Teknion that has more than 30,000 pieces of content, keeping it all in order and retiring pieces when relevant is an absolute top priority.

As a result, it was imperative that whatever CMS was deployed needed to integrate with Bynder, so that content could be leveraged effectively by central and regional marketing teams, giving them maximum access to the tools they need to close sales.

 

Using Sitefinity to transform Teknion

All of these factors — developing a single voice of truth, allowing regional customization, and enabling better content deployment and management — worked to help Teknion transform its business services to solve complex challenges with technology.

Specifically, Sitefinity helps the Teknion team:

  • Make their marketing more trackable
  • Improve their website to be more user-focused
  • Connect with customers and staff in exactly the way that they like

By re-positioning the Teknion website to the core of their operations and marketing efforts, we used Sitefinity to change how Teknion does what they do, both at a superficial level as well as in how they approach and solve completely new problems.