loader image
 

Website Design Blog

Website Design Blog

Articles about website design & development

5 Ways to Drive Traffic and Sales with Short Videos

Need some short video content ideas? Use these 5 short video content methods to increase traffic and engagement across your social media channels.
The post 5 Ways to Drive Traffic and Sales with Short Videos appeared first on DigitalMarketer.

Design Patterns: How to Create Simple Interfaces

There are long-standing patterns in design that help us understand what the user wants and which solution will work best. These are referred to as design patterns. This article will explain how patterns help us appropriately construct an interface. We’ll dissect features like buttons, navigation, accordions, and date selection with examples. This article will be …

Read more

Digital Marketing Data and How to Optimize Like a Champ

Metrics. Analysis. Action. This framework will make boring data come to life AND make a big impact on your business goals.
The post Digital Marketing Data and How to Optimize Like a Champ appeared first on DigitalMarketer.

3 Essential Design Trends, May 2022

Do you ever look at a website and think, why did they do that? Sometimes with website design trends, that’s the exact thought that can come to mind. What about an element works (or doesn’t) and why did it get so popular so fast? That’s the theme of this month’s roundup. Here’s what’s trending in …

Read more

3 Quick Tricks to Boost Customer Retention

Acquiring a new customer is difficult, but retaining an existing one is even more challenging. Yet, statistics show that efforts focused on retention bring way more value.  For instance, according to SmallBizGenius, 82% of companies agree that customer retention is cheaper than acquisition. Apart from that, 65% of a company’s revenue comes from existing clients, …

Read more

When UX Goes Bad (and How to Fix It)

Designing for user experiences is what all designers do. UX is often thought of as the preserve of app or web designers; however, even a print designer laying out a magazine anticipates reader reaction to the scale of type, the placement of adverts, and the art direction of successive stories. Because all designers design user …

Read more

15 Best CSS Frameworks: Professional Bootstrap and Foundation Alternatives

Whether you are a CSS expert or a front-end beginner, using the right CSS framework is crucial for your daily tasks. There are numerous frameworks whose ultimate goal is the same: helping developers target multiple screens, in the simplest possible way. This is why Bootstrap is by far the most popular framework on the market. …

Read more

How to Scale Your Design Process and Improve Handoff

It’s something every design team dreams about – a better design process and handoff procedure. Your design team is not alone if you are looking for a better solution. Imagine what your workflow would look like if you could forgo the struggles of image-based technology, design and handoff with accurate components that have interactive features. …

Read more

Exciting New Tools For Designers, March 2022

We’re going to have some fun this month. There are so many new tools and resources out there for designers that make life easier, and others are simply enjoyable. Here’s what is new for designers this month … Polka Dot Generator Polka Dot Generator is exactly what you think. Adjust colors, dot size, shadow, and …

Read more

10 Tips for Effective UX Writing

Many people believe that UX design is all about creating slick, engaging images and top-notch user flows. While those things have their merits, UX designers do much more than that. UX writing is an essential skill in developing an app or solving a UX problem for a client. UX writing is when we craft UI …

Read more

The UX of Maps in Web Design

Maps are a fascinating method for delivering content. At their best, they can create an intuitive way of presenting information and interacting with it. This is the advantage that digital maps, through mobile apps and websites, have over print maps and images where no interactivity is possible. But it’s important to understand that more data …

Read more

15 Best New Fonts, January 2022

With a new year here, it’s time to try out some new fonts. Whether you’re designing a brand new website or redesigning an existing one, the following list of fonts has you covered. In addition to the dependable serifs and sans serifs we use to create attractive and readable content, this roundup also has some …

Read more

The Case for Building More Dynamic Landing Pages

According to Klipfolio research, users spend on average 52 seconds on a webpage. With minimal time to impress, you must consider how to best help your consumers understand what your product or service does and why they should care about it. It’s not enough to describe your value – great landing pages will go the …

Read more

50 Best Websites of 2021

2021 has been both memorable and instantly forgettable. Pop stars were freed from modern-day servitude, some people tried to overthrow democracy, and we all vacationed at home. Despite the weirdness of the times, the web kept growing, kept changing, and kept on pushing boundaries. We saw a wealth of new sites launch or relaunch with …

Read more

Designing Human-Machine Interfaces For Vehicles Of The Future

  Designing Human-Machine Interfaces For Vehicles Of The Future Nick Babich & Gleb Kuznetsov A human-machine interface (HMI) is an interface that allows us to interact with a digital system. No matter what HMI we design, we need to allow users to take advantage of all that a system has to offer. For almost two …

Read more

How to Use AR in Brand Experiences

AR (Augmented Reality) continues to build as one of the most exciting technology innovations to appear in recent years. More accessible than virtual reality experiences, since no specialist headset is required, AR has quickly emerged as a crucial tool for building unique experiences. Although interest in AR as a tool for customer interaction and experience …

Read more

Touch Design For Mobile Interfaces: Defining Mobile Devices (Excerpt)

Touch Design For Mobile Interfaces: Defining Mobile Devices (Excerpt) Steven Hoober The personal computer (PC) is still assumed to only be used at a desk-like workstation, in discrete sessions of work with the user focused entirely on the computer. Mobile devices have always been different from “computers” in that they are always on (there’s no …

Read more

Exciting New Tools For Designers, Holidays 2021

The year’s winding down as everyone segues into a much-needed holiday R&R. But that doesn’t mean there aren’t some awesome new tools and resources for website design projects. Check them out, and hit the ground running in January. Here’s what’s new for designers this holiday period. Enjoy! Fancy Border Radius Generator Fancy Border Radius Generator …

Read more

Pantone Color of the Year 2022

At this time every year, Pantone announces its choice for Color of the Year for the coming 12 months. The last year has been uncertain, to say the least, and although a tentative optimism seems to be piercing the general gloom, it’s difficult to see how that can be expressed in color. On this occasion, …

Read more

How to Prepare for the Immersive Web

Websites as we know them are going to change very soon. The days of text, images, and basic interactions in a 2D browser window have served us well, but virtual, augmented, and mixed reality experiences are getting better all the time. Developers and designers need to think beyond the browser window and prepare for an …

Read more

15 Best New Fonts, December 2021

Are you tired of using the same old Google fonts from website to website? You’re in luck! In this month’s roundup of the best new fonts, we’re showcasing the latest and greatest fonts from independent type foundries and designers worldwide. Astronef Super Astronef Super is a retro-futuristic font collection with seven styles that are meant …

Read more

Popular Design News of the Week: November 29, 2021 – December 5, 2021

Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site. The best way to keep up with the most important stories for web professionals is to subscribe …

Read more

Square Rebrands As Block

A few days ago, the big tech news was that Jack Dorsey was stepping down from his role as Twitter CEO to focus on Square, the payment processor he founded in 2009. Two days later, it was announced that Square will now rebrand under the umbrella of Block. Like Meta and Alphabet, Block is a …

Read more

Advent Calendars For Web Designers And Developers (December 2021 Edition)

  Advent Calendars For Web Designers And Developers (December 2021 Edition) Iris Lješnjanin 2021-12-02T14:00:43+00:00 2021-12-02T15:38:37+00:00 Once again, the web community has been busy with creating some fantastic advent calendars this year. As you’ll see, each and every one of these calendars are sure to cater for a daily dose of web design and development goodness …

Read more

How to Kickstart Your UX Career in 2022

As a UX designer, you get to work on creative, rewarding, even life-changing projects. It’s an industry with flexible working and countless opportunities. All this, and you get paid well too. It doesn’t matter if you’re not a creative prodigy, or a tech grandmaster; you can learn to become a UX designer with the right …

Read more

Smashing Podcast Episode 44 With Chris Ferdinandi: Is The Web Dead?

  Smashing Podcast Episode 44 With Chris Ferdinandi: Is The Web Dead? Drew McLellan 2021-11-30T14:00:00+00:00 2021-12-07T06:34:37+00:00 In this episode, we’re asking if changes to best practises over the last year have negatively impacted the web. Is it all downhill from here? Drew McLellan talks to expert Chris Ferdinandi to find out. Show Notes The Lean …

Read more

It’s That Time Of The Year (December 2021 Desktop Wallpapers Edition)

  It’s That Time Of The Year (December 2021 Desktop Wallpapers Edition) Cosima Mielke 2021-11-30T09:45:00+00:00 2021-11-30T10:20:20+00:00 Slowly but surely, 2021 is coming to an end. And, well, could there be a better way to celebrate the last few weeks of the year than with some cheerful desktop wallpapers? To get you in the right mood …

Read more

3 Essential Design Trends, December 2021

The year might be coming to an end, but plenty of design trends are still beginning to emerge. It’ll be interesting to see how many of these website design elements remain popular into the new year. From vintage elements to circles to happier feelings, there’s a lot to play with here. Here’s what’s trending in …

Read more

Popular Design News of the Week: November 22, 2021 – November 28, 2021

Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site. The best way to keep up with the most important stories for web professionals is to subscribe …

Read more

Is it Time to Transition to JAMStack?

Jamstack (JAMstack), is one of the most popular (and rapidly growing) tools for app and website creation. A unique ecosystem of functionality, Jamstack promises developers the support they need to create powerful websites and progressive applications. For a while, Jamstack was mostly written off as just another buzzword in the developer space. However, today, it’s …

Read more

Live Now: Top 10 Black Friday 2021 Deals for Designers and Agencies

It’s that time again. Black Friday. November 26, to be exact. And the many enticing deals you’ve been looking forward to at this time of the year are here as well. There are three types of Black Friday shoppers. Those who are successful because they have prepared. Those who are successful because they got lucky. …

Read more

20 Best New Websites, November 2021

Welcome to this month’s round up of what has caught our eye on the web. As it’s November we’re going to help chase those winter blues away with some color. Color does so much of the heavy lifting in visual design. It can create a mood, reinforce a brand identity, establish a hierarchy, differentiate sections, …

Read more

Popular Design News of the Week: November 15, 2021 – November 21, 2021

Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site. The best way to keep up with the most important stories for web professionals is to subscribe …

Read more

Creative Problem Solving for UX Designers

              . It’s normal to pull up sharp in front of a problem; after all, if there was a known solution, it wouldn’t be a problem. But knowing that it’s normal, doesn’t make encountering problems any less frustrating. So how do we avoid sitting in front of a UX …

Read more

Why Isn’t Anyone Coming to My Website?

  You’ve carefully planned and executed your website, and yet nobody is looking. Why? We’ve got a few ideas. New to the web? If your website is brand new, congratulations! First, understand that traffic takes time, but there are things you can be doing to help drive people to your new site. 1. Google has …

Read more

How To Speed Up Your Bootstrap Development Process

Currently, Bootstrap is among the most popular frameworks in the developer community. One of the most straightforward solutions for front-end development methods available, Bootstrap allows users to access convenient CSS and HTML components for forms, typography, sliders, navigation, and everything else you might need. Bootstrap is naturally a pretty fast development solution, as it allows …

Read more

Meet Touch Design For Mobile Interfaces, A New Smashing Book By Steven Hoober

Meet Touch Design For Mobile Interfaces, A New Smashing Book By Steven Hoober Meet Touch Design For Mobile Interfaces, A New Smashing Book By Steven Hoober Vitaly Friedman 2021-11-16T16:00:00+00:00 2021-11-16T17:23:46+00:00 Mobile and touch are the new normal for computing, but there remain a lot of myths, rumors, errors, bias, and out-of-date information on how portable …

Read more

Exciting New Tools For Designers, November 2021

With the holidays fast approaching, there are plenty of fun gifts for you in this roundup of new tools and resources for web designers. Make sure to share anything you find helpful with others to spread additional holiday cheer. Here’s what is new for designers this month… Volley Volley, billing itself as Snapchat for work, …

Read more

Exciting New Tools For Designers, December 2021

With the holidays fast approaching, there are plenty of fun gifts for you in this roundup of new tools and resources for web designers. Make sure to share anything you find helpful with others to spread additional holiday cheer. Here’s what is new for designers this month… Volley Volley, billing itself as Snapchat for work, …

Read more

Popular Design News of the Week: November 8, 2021 – November 14, 2021

Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site. The best way to keep up with the most important stories for web professionals is to subscribe …

Read more

Interactive Rebase: Clean up your Commit History

This article is part of our “Advanced Git” series. Be sure to follow Tower on Twitter or sign up for their newsletter to hear about the next articles. Interactive Rebase is the Swiss Army knife of Git commands: lots of use cases and lots of possibilities! It’s really a great addition to any developer’s tool …

Read more

5 Simple Steps To Effective Wireframing

Wireframes are a powerful tool, especially for UX designers; whether you are developing a new app, a website, or anything else, the initial steps of any project can be tackled with this robust approach. There are many occasions when we get stuck or overwhelmed for hours in front of a new project. This is where …

Read more

Easy Dark Mode (and Multiple Color Themes!) in React

I was working on a large React application for a startup, and aside from just wanting some good strategies to keep our styles organized, I wanted to give this whole “dark mode” thing a shot. With the huge ecosystem around React, you might think that there would be a go-to solution for style themes, but …

Read more

Quickly Get Alerted to Front-End Errors and Performance Issues

(This is a sponsored post.) Measuring things is great. They say what you only fix what you measure. Raygun is great at measuring websites. Measuring performance, measuring errors and crashes, measuring code problems. You know what’s even better than measuring? Having a system in place to notify you when anything significant happens with those measurements. …

Read more

Facebook Goes All Meta

It’s almost Halloween, so we were all expecting the odd scare, but little could have prepared us for the blood-chilling horror of Facebook CEO Mark Zuckerberg ‘acting’ amazed in front of a green-screened mockup of The Metaverse, during his keynote at the company’s Connect event. Zuckerberg — or The Zuckster, as I imagine he introduces …

Read more

Image CDNs: How Edge Computing Provides a Faster Low Code Image Solution

Many websites today use some type of traditional Content Delivery Network (CDN), which means improvements in website load times, decreases in bandwidth, and better redundancy and security. But not everything is optimized, specifically when it comes to images, and image CDNs can help with that!  Traditional vs. Image CDNs A traditional CDN treats images as …

Read more

Quick and Dirty Bootstrap Overrides at Runtime

Oh, Bootstrap, that old standard web library that either you hate or you spend all your time defending as “it’s fine, it’s not that bad.” Regardless of what side you fall on, it’s a powerful UI framework that’s everywhere, most people know the basics of it, and it gives you extremely predictable results. For better …

Read more

VideoPress for WordPress

(This is a sponsored post.) The leade here is that VideoPress makes video on WordPress way better. VideoPress is a part of Jetpack. And now, if VideoPress is the only thing you care about from the Jetpack world, you can pay for it à la carte as low as $4.77/month. Or, get it included in …

Read more

Automatically Transforming And Optimizing Images And Videos On Your WordPress Website

Automatically Transforming And Optimizing Images And Videos On Your WordPress Website Automatically Transforming And Optimizing Images And Videos On Your WordPress Website Leonardo Losoviz So, you want to give personality to your site by making it stand out from all other websites out there. To do that, you develop a personalized design style, including a …

Read more

Icon Glassmorphism Effect in CSS

I recently came across a cool effect known as glassmorphism in a Dribble shot. My first thought was I could quickly recreate it in a few minutes if I just use some emojis for the icons without wasting time on SVG-ing them. The effect we’re after. I couldn’t have been more wrong about those “few …

Read more

Does the Next Generation of Static Site Generators Make Building Sites Better?

Just ran across îles, a new static site generator mostly centered around Vue. The world has no particular shortage of static site generators, but it’s interesting to see what this “next generation” of SSGs seem to focus on or try to solve. îles looks to take a heaping spoonful of inspiration from Astro. If we …

Read more

Protect Your Design Clients From These 6 Easy Mistakes

As a web designer, you’re responsible for a lot of things. Your client is relying on you to ensure that their website is user-friendly, accessible, eye-catching, and even good enough on the back-end to capture the attention of the search engines.  However, what many business leaders and clients don’t realize is that they also have a …

Read more

Popular Design News of the Week: November 1, 2021 – November 7, 2021

Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site. The best way to keep up with the most important stories for web professionals is to subscribe …

Read more

Yes, Design Systems Do Improve Developer Efficiency and Design Consistency

One of the toughest things about being someone who cares deeply about design systems is making the case for a dedicated design system. Folks in leadership will often ask you to prove the value of it. Why should we care about good front-end development and consistency? Sure, sure, sure, they say—everyone wants a flashy design …

Read more

How to Create an Animated Chart of Nested Squares Using Masks

We have many well-known chart types: bar, donut, line, pie, you name it. All popular chart libraries support these. Then there are the chart types that do not even have a name. Check out this dreamt-up chart with stacked (nested) squares that can help visualize relative sizes, or how different values compare to one another: …

Read more

How To Improve UX With Sketchings

Is sketching essential to UX and UI designers? Well, if you think of sketching as a way to explore problems and record potential solutions, then yes, it absolutely is. One of the most challenging tasks of any design process is capturing the initial idea. We’ve all spent countless hours thinking through an innovative solution to …

Read more

Chapter 10: Browser War

In June of 1995, representatives from Microsoft arrived at the Netscape office. The stated goal was to find ways to work together—Netscape as the single dominant force in the browser market and Microsoft as a tech giant just beginning to consider the implications of the Internet. Both groups, however, were suspicious of ulterior motives. Marc …

Read more

Proxying Third-Party JavaScript as First-Party JavaScript (and the Potential Effect on Analytics).

First, check out how incredibly easy it is to write a Cloudflare Worker to proxy another URL: addEventListener(“fetch”, (event) => { event.respondWith( fetch(“https://css-tricks.com”) ); }); It doesn’t have any error handling or anything, but hey, it works: Now imagine how some websites give you a URL to JavaScript in order to do stuff. CodePen does …

Read more

5 Tips for Designing Great Website Navigations

Navigation is one of the most essential elements of a website.  It provides a high-level overview of what visitors will find there (which also happens to be good for SEO). It helps visitors orient themselves so they can get around the site quickly. Plus, it enables them to take quick action like visiting their cart …

Read more

Rebase vs Merge: Integrating Changes in Git

This article is part of our “Advanced Git” series. Be sure to follow us on Twitter or sign up for our newsletter to hear about the next articles! Most developers understand that it’s important to use branches in Git. In fact, I’ve written an entire article on branching strategies in Git, explaining Git’s powerful branching …

Read more

Responsible JavaScript

High five to Jeremy on the big release of Responsible JavaScript on A Book Apart. There is a lot of talk about how the proliferation of JavaScript has had a negative impact on the web, but now we have the canonical reference tome.   The book is just chock-full of Jeremy framing some of the …

Read more

3 Essential Design Trends, November 2021

As the year begins to wind down, there are still plenty of new and evolving website design trends going strong. Much of what you’ll see this month carries over from things we’ve been seeing all year but with fresh touches. From peek-a-boo designs with neat animated elements to vertical bars to brutalist blocks, there are …

Read more

So, You Want to Build an @mention Autocomplete Feature?

We’re all familiar with the concept of autocompletion, right? You type something into a search box and it tries to guess what you’re looking for as you type, displaying suggestions, often below the cursor. While we’re used to autocomplete on eCommerce sites that redirect to search or product pages, an underrated usage is when used …

Read more

CSS-ing Candy Ghost Buttons

Recently, while looking for some ideas on what to code as I have zero artistic sense so the only thing I can do is find pretty things that other people have come up with and remake them with clean and compact code… I came across these candy ghost buttons! They seemed like the perfect choice …

Read more

Popular Design News of the Week: October 25, 2021 – October 31, 2021

Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site. The best way to keep up with the most important stories for web professionals is to subscribe …

Read more

A Splash Of Color For Misty Days (November 2021 Desktop Wallpapers Edition)

A Splash Of Color For Misty Days (November 2021 Desktop Wallpapers Edition) A Splash Of Color For Misty Days (November 2021 Desktop Wallpapers Edition) Cosima Mielke 2021-10-31T08:20:00+00:00 2021-11-16T01:35:08+00:00 A bit of colorful inspiration is always a good thing, don’t you think so? Especially in November, when the days tend to be rather gray in many …

Read more

Facebook Goes All Meta

It’s almost Halloween, so we were all expecting the odd scare, but little could have prepared us for the blood-chilling horror of Facebook CEO Mark Zuckerberg ‘acting’ amazed in front of a green-screened mockup of The Metaverse, during his keynote at the company’s Connect event. Zuckerberg — or The Zuckster, as I imagine he introduces …

Read more

Create Your Own Automated Social Images With Resoc

There has been a lot of talk about automated social images lately. GitHub has created its own. A WordPress plugin has been acquired by Jetpack. There is definitely interest! People like Ryan Filler and Zach Leatherman have implemented social images on their websites. They had to code a lot of things on their own. But …

Read more

Okhsv and Okhsl

There is an old Russian fable where Okhsv and Okhsl are on a rowboat and Okhsv says to Okhsl, “What are the known shortcomings of HSL and HSV color pickers in design applications?” I kid, I kid. But really, what are they? Björn Ottosson shows the two classics: Despite color picking playing a big role …

Read more

8 Reasons Your Site Is Slow + How To Fix Them

1, 2, 3 – That’s exactly how long it takes you to start losing visitors if you have a slow-loading website. Hold on! Surely, the only thing that matters to users is that your website works flawlessly and looks great… right? Wrong! The fact of the matter is that we’ve all become accustomed to instant …

Read more

Eye-Tracking In Mobile UX Research

Eye-Tracking In Mobile UX Research Eye-Tracking In Mobile UX Research Mariana Macedo The eye-tracking methodology can be extremely valuable for usability tests since it records the journey without interfering with the users’ natural behavior. Imagine, for example, that you test a prototype but discover that users are not interacting with the interface how they are …

Read more

20 Best New Websites, October 2021

We’re well on our way to Hallowe’en already, and it’s time for another collection of websites that have caught our eye. It’s a mixed bag of candy this month, but nothing that should make you scream with fright. Enjoy! Tether This single-page site for forthcoming cycle safety system Tether uses a balanced combination of hero …

Read more

Popular Design News of the Week: October 18, 2021 – October 24, 2021

Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site. The best way to keep up with the most important stories for web professionals is to subscribe …

Read more

How To Leverage Social Proof Successfully

Customer reviews are incredibly valuable to your company. Around 95% of customers say they read reviews before they make a purchase. Another 72% say that they won’t even consider buying your items until they’ve read the reviews associated with your business or product.  No matter how good your marketing and promotion strategies might be, your …

Read more

Tilda – The Website Builder That Disrupted The Way We Create Websites

Tilda website builder combines everything we liked so much about constructors when we were kids – you can experiment, test out and build myriads of new creative ideas out of ready-to-use blocks. Tilda is that type of constructor that allows you to own your creative process and create pretty much any website: landing page, business …

Read more

This business is part of the Trusted Australian Mesh Directory

Local expertise, local experience.

Let’s get ready to launch your business to exciting new heights with our know-how and strategies.

Our team would love to hear from you. Get in touch now!

Strategic Media Partners Mackay Queensland Australia - Digital Marketing Graphic Website Design and Development
36 Wellington St, Mackay QLD 4740

Let’s talk. Let’s connect.

chat button

✋ Chat Assistant, how can we help you?