Bootstrap material design

Material Design Bootstrap 4 UI Kit

This is a bootstrap 4 UI kit and website template inspired by Google's material design. It is best suited for a business, agency, corporate, startup and portfolio websites. It is also easy to customize and comes with Sass files and organized code which makes it developer friendly. Source: Material Design Bootstrap 4 UI Kit

Advertisements

A Cozy Flat in Odessa Designed for a Student by Fateeva Design

Working with just 17.3-square-meters (approx. 186-square-feet), Fateeva Design created the perfect studio apartment for a student in Odessa, Ukraine. The owners inherited the flat and weren’t quite sure what to do with it when Elena Fateeva suggested they transform it into a rental unit. Source: A Cozy Flat in Odessa Designed for a Student by … Continue reading A Cozy Flat in Odessa Designed for a Student by Fateeva Design

The Best Micro Apartments In The World Reveal Their Clever Interior Designs

How small does an apartment actually have to be for it to be considered small? What’s small to some people might be tiny to others or standard to some. What about a micro-apartment? Well, we can assume that it would have to be pretty tiny so how do you imagine such a space looks like … Continue reading The Best Micro Apartments In The World Reveal Their Clever Interior Designs

Small studio space

Small studio space in a warm color palette

This small one-room studio is decorated with lots of white combined with natural materials and warm colours like beige an ochre. This warm palette looks very inviting and unifies the style throughout the space. My favourite area must be the small white dining area with the white bentwood chairs. Perfect for a morning coffee. via Stadshem … Continue reading Small studio space in a warm color palette

Why do people leave your website

Why do people leave your website?

When you set out to improve conversion rates, where do you focus your attention? Do you obsess over the visitors who leave your website without buying? Hotjar Founder and CEO David Darmanin made that mistake for years—but when he switched his focus and started looking at the users who did convert, he saw real results. … Continue reading Why do people leave your website?

9 ways to make your lounge room look bigger

A small space doesn’t necessarily mean you have to be cramped. Maybe there is not enough light, furniture doesn’t sit well, the layout just isn’t right? How do you make a small room feel more spacious? With clever use of colour, furniture placing, space planning and lighting, your small space can feel as spacious as … Continue reading 9 ways to make your lounge room look bigger

Diversity Avatars: 30 Free Icons

Description & details Here we have a nice collection of 30 free icons that capture the beauty and diversity of people and cultures around the world. All icons were crafted with great attention to details and come in multiple sizes and formats. If you enjoy this free sample, be sure to check out the full collection of Diversity Avatars. Format: … Continue reading Diversity Avatars: 30 Free Icons

line layout with heading

Visual design tip – line containers used to highlight and contain text

I maintain a digital visual diary in which most days I try to spend some time looking a visual design technique used in all types of medium.  I have a subscription to Press Reader which allows me to access hundreds of magazines from around the world.  Any design elements that I like I take screenshots and snippets from magazines or websites that I visit.

Amos Roberts Hero Image

Website Workflow for Bailey Street Design

Project: Website for Akora Group. Example of production workflow for Bailey Street Design

Benefits of Parallax Scrolling

The Benefits of Parallax Scrolling

One of the best methods to present the content of your website is by using a technique called parallax scrolling. This has the effect of creating an illusion which causes a feeling of immersion by creating interesting visual effects.  In the late 1980's and early 90's, games like Super Mario Brothers and Sonic the Hedgehog created the illusion of depth by incorporating layered background images that would scroll with the character at varying speeds.  For instance, as the player would run, a distant background image of mountains would move slowly, while closer background images would move faster.

African Masked Weaver

Usability Best Practices for Web Design

Usability is a website that is easy for users to find the information they need when they need it.

Cool Illustrations to Inspire

Illustrations to inspire Illustrations and imagery inspire my designs. Visuals help website users retain ideas, words and concepts.  The following are a selection of illustrators that excite and stimulate my creativity. Linesandcolors  Lines and Colors :: a blog about drawing, painting, illustration, comics, concept art and other visual arts Bunch of Grapes , Andrew Way … Continue reading Cool Illustrations to Inspire