Back to Top

Tag Archives: design

The best festive cards for Christmas 2022 by independent artists and designers

It’s coming. The festive season is nearly upon us. Support solo creatives this Yuletide by buying these truly beautiful Christmas cards for your loved ones.

Christmas is a season for giving, and while that’s mainly about friends and relatives, it’s nice to support fellow creatives at the same time. So rather than buy generic Christmas cards from a big global retailer, why not source yours from independent artists and illustrators instead?

Not only will you feel a warm glow at supporting the creative community, but you’ll also find unique and beautiful designs in the process that you simply won’t find on the high street or down an Amazon-shaped hole. To give you some pointers, below we’ve listed our 20 favourite cards by independent creatives this Christmas.

For more ideas, check out Just a Card’s Indie Week, from 21-25 November, which is dedicated to supporting independent shops, galleries, artists and designers. Every sale, even if it’s just a card, is vital to their prosperity and survival, so sign up for the campaign, and you’re sure to find bucketloads of Christmas card inspiration.

Finally, don’t forget Small Business Saturday on 3 December, another grassroots campaign encouraging people to shop locally. Inspired by this brilliant movement, we’ve listed 55 of the UK’s top independent shops around the nation, and you can find more on the Small Business Saturday website.

1. Hole in my Pocket

Architect and artist Allistair J Burt is known for illustrations with a fantastic sense of humour. In recent years he’s started to develop retail products, including some wonderful Christmas cards. Made from thick 330gsm, FSC credited paper stock, these cards have a light satin coating on the outside, while the inside is left uncoated, making it easier for you to write a message. Each card is individually scored, ensuring a clean fold, and comes with a simple 100% recycled brown envelope.

Hole in my Pocket
Hole in my Pocket

2. The Completist

The Completist creates unique and colourful printed paper goods and accessories to brighten any desk. Their products are inspired by the things they stumble across that give them a dopamine hit – anything from a 1996 Dries Van Noten runway show to 1960s Saul Bass movie posters. This year they have a great selection of Christmas cards and wrapping paper starting at just £1.

The Completist
The Completist

3. Sean O’Brien

Based in Brighton, Sean O’Brien is an illustrator and animator whose clients include FT Weekend, Djøfbladet and Ferment Magazine. We love the colourful Risograph cards he’s selling on Esty this Christmas, of an Ice SkaterSnowman and Broken Snowman. There are some lovely A4 prints here, too.

Sean O'Brien
Sean O’Brien

4. Wild Collection by iyouall

London-based iya studio has been winning respect for its client work over the last 12 years, and it also has its own interior design store, iyouall, which offers this Wild Collection of Christmas greeting cards for 2022. These cards take the brand’s signature glyph pattern and lets it swirl across the page with a shimmering touch of festive spirit. Designed in-house by the iya studio team, the cards are beautifully foiled by Typoretum, using metallic foils with Wild Papers from GF Smith.

Wild Collection by iyouall. Image by Tian Khee Siong
Wild Collection by iyouall. Image by Tian Khee Siong

5. Katie Leamon

Katie Leamon is a design-led card and stationery brand rooted in the desire to create a beautiful, practical design with tangible craftsmanship. They have a beautiful collection for 2022, all sustainably made and handprinted on their tabletop press. These cards are inspired by vintage memorabilia and typography, including Victorian Christmas cards and patterns.

Katie Leamon
Katie Leamon

6. Hollie Fuller

Hollie Fuller is a freelance illustrator and maker from Lincolnshire whose playful approach to image-making is inspired by people, things and the mundanities of everyday life. This year she has four A6 festive card designs available to buy from her website, either individually or in multipacks. Printed in the UK on 300gsm stock, each card comes with a recycled kraft envelope, plastic-free, in a hard-backed envelope.

Hollie Fuller
Hollie Fuller

7. Ellis Tolsma

Ellis Tolsma is a freelance illustrator who loves playing with shapes, colours and materials in her work. This year she has a couple of lovely Christmas card sets, each coming in a choice of six, 12 or 24, on her site. The format is A6, printed on high-quality 350gsm sulphate board. She’s also working on a Riso printed A3 calendar, coming soon.

Ellis Tolsma
Ellis Tolsma

8. Natàlia Juan Abelló

Natàlia Juan Abelló is a freelance illustrator and surface pattern designer from Barcelona, based in Saddleworth, Greater Manchester. For the last four years, she’s been designing a set of four cards every year, so she now has quite a collection in her shop. You can buy them as a set, individually, or create your own bundle of four cards.

If you’re looking for something a bit different, check out her card based on Tió de Nadal. “He’s a traditional Christmas character from my native Catalonia, which is basically a log with a painted face and a traditional hat,” Natàlia explains. “On the run-up to Christmas, we feed him, and on Christmas day, children hit him with a stick whilst singing songs, and Tió poops their presents. It’s a very loved tradition in Catalonia, but we get it that it sounds nuts everywhere else!”

Natàlia Juan Abelló
Natàlia Juan Abelló

9. Clair Rossiter

Clair Rossiter is a freelance illustrator from London who combines work for clients like Hello Magazine, Whistlefish, Paperchase and Harrods with crafting her own products. She’s created some lovely illustrated cards for 2022, which are available at her Etsy shop, and will also be on sale at the Kings Cross Illustrators’ Fair in December.

Clair Rossiter Illustration
Clair Rossiter Illustration

10. Gail Myerscough

Gail Myerscough is a freelance surface pattern designer and illustrator based in Manchester who takes her inspiration from mid-century design, the colours and patterns of the 1960s and post-war modernist architecture. She creates a new Christmas card collection every year, and her 2022 cards have already sold over 1000. We’re not surprised: they’re fantastic, and the look is sharp, eye-catching and very distinctive.

Gail Myerscough
Gail Myerscough

11. Tina Hagger

Tina Hagger, aka Haggy, is a linocut printmaker and artist whose cards are all individually designed, drawn, linocut and handprinted personally, from start to finish. We love this original design inspired by the beautiful Kent countryside where Oasthouses – buildings traditionally used for drying hops – abound. This charming snow scene is handprinted on quality, blank 7×5 inch cards.

Tina Hagger
Tina Hagger

12. Taaryn Brench

Taaryn Brench is an independent designer and illustrator based in Leeds whose work is characterised by a love of colour, pattern and playfulness. Working from her home studio, Taaryn has put out some gorgeous A6 Christmas cards for 2022, printed on recycled paper and accompanied by brown kraft envelopes. She also has some beautiful wrapping paper, in 700 x 500mm sheets, printed on 115gsm silk paper.

Taaryn Brench
Taaryn Brench

13. Emily Dayson

Emily is a freelance illustrator based in Cheshire who enjoys combining colourful hand-rendered textures with digital collage techniques to create meaningful illustrations, mostly inspired by wellness and nature. Her website boasts an ever-growing range of unique illustrated Christmas cards, which you can buy either individually or in personalised packs.

Emily Dayson
Emily Dayson

14. Eat Haggis

Looking for Scottish-themed Christmas cards? Then you’ll find a range of brilliant ones, along with shirts, mugs and prints, at Eat Haggis, a project from Allistair J Burt, whose main shop features at number one on this list. The aim of this brand is to celebrate and be proud of all that Scotland has to offer, with a sense of humour running throughout.

Eat Haggis
Eat Haggis

15. Glitter and Earth

Illustrator Jacqueline Wild lives in Cornwall on the wild north coast, and her pretty Christmas cards evoke nature and capture the magic of the season. They’re sustainable, too, as Jacqueline takes the ‘Earth’ side of her Glitter and Earth business seriously. So she uses organic cotton for her prints in ways that minimise wastage, and none of her cards are sent with cello wrap but instead are wrapped in acid-free, recycled tissue paper. They’re sold in singles or packs of five.

Glitter and Earth
Glitter and Earth

16. Stanley Chow

Manchester artist Stanley Chow is a huge name in the illustration world (read our interview with him here) and his unique style shines through his 2022 Christmas card design. Celebrating Shane MacGowan and Kirsty McColl, singers of the evergreen Yuletide pop song Fairytale of New York, this 14.8 x 14.8 cm square greeting card is left blank inside, available individually or as packs of five, 10 or 20.

Stanley Chow
Stanley Chow

17. Iris van den Akker

Iris van den Akker is an illustrator and 2D animator who works from an 1892 warehouse in Amsterdam. Her peace-themed Christmas card for 2022 couldn’t be more timely, and it’s quite beautifully designed. This A6 card is digitally printed on 350g FSC-certified premium paper and comes with a 100% recycled brown envelope.

Iris van den Akker
Iris van den Akker

18. Rozalina Burkova

Based between Barcelona and Sofia, Bulgarian illustrator and 2D animator Rozalina Burkova creates delightfully compelling images that radiate energy and dynamic movement. And her colourful artwork translates perfectly to her boxed set of six Christmas cards. Finished with gold foil details and writing, these 4.3 x 6.1-inch cards are printed on uncoated FSC-certified card using vegetable-based inks. They come packed in a green envelope in a clear biodegradable cello bag.

Rozalina Burkova
Rozalina Burkova

19. Isabelle Feliu

Originally from Québec City and now based in Oslo, Isabelle Feliu is an illustrator and painter working with traditional media. Painted in her trademark style, Her Little Bird of Winter is an unusual and unexpectedly charming take on the Christmas card. Like Rozalina Burkova’s entry on our list above, this 5.1 x 7.5-inch design is printed on an uncoated FSC-certified card using vegetable-based inks. It comes packed with a soft grey envelope in a clear biodegradable cello bag.

Isabelle Feliu
Isabelle Feliu

20. Mister Peebles

Sheffield-based artist Mister Peebles, aka Helen McGinley, makes illustrated cards, prints and stationery with a healthy dose of animal puns and planet-friendly materials. This year she’s added a new Christmas card to her online store, featuring a delightful image of a bear wrapped up in fairy lights. It’s printed on thick 300gsm white card, A6 size, and can be bought individually or in packs of four, six or 10. You can also get mixed packs of cards, plus there’s a 2023 calendar featuring 12 months of British weather puns.

Mister Peebles
Mister Peebles

21. Eat Well MCR

A bunch of creatives have got together to support Eat Well MCR, a local charity that will use all profits to deliver meals to people experiencing food poverty across Greater Manchester, including homeless families living in hostels, women in refuges and family-focused food banks. Stanley Chow, Maisy Summer, The Hare and the Bear, David Bailey, Guy McKinley and Jane Bowyer have all supplied gorgeous card designs. We’ve picked out Cup of Good Cheer by Jane but all are available in packs of six, twelve or eighteen. Merry Christmas!

Cup of Good Cheer by Jane Bowyer
Cup of Good Cheer by Jane Bowyer

If you are interested in original article by Tom May you can find it here

Posted in Blog | Tagged , |

Microsoft Previews New ‘Designer’ Tool Which Enables AI Art Generation for Marketing Campaigns

AI-generated art is set to cause a major shake-up in digital marketing, with businesses able to use AI-generated images free of charge, which will eventually change the game for stock image providers, artists and more.

And Microsoft’s not waiting around for the revolution to happen. Today, Microsoft has shared a preview of its coming Microsoft Designer platform, which will provide a simple way to create content for your promotions based solely on text prompts.

What’s more, as you can see in this preview, the app will also incorporate DALL-E, the AI-based image generator that can take your basic text descriptions and turn them into art, within seconds, for use in your projects.

As per Microsoft:

With Designer, there’s no need to spend time building cards or social media posts from scratch, and you no longer need to search through thousands of pre-made templates. Designer invites you to start with an idea and let the AI do the heavy lifting. For example, with ’start from scratch’ within Designer, you can simply describe an image you want to see, and the app does the work for you to create something totally unique.”

Which seems good, and helpful in many respects. But also feels wrong?

As we outlined recently, at present, copyright laws don’t cover AI-generated art, because technically, the images being created through these apps have never existed before a user has generated them. These apps do source visuals from across the web, and many of those would likely be from commercial artists and platforms. But because it’s only sampling each image, then re-forming those elements into something new, that’s not a violation of copyright – though there are some questions around images of real people and/or public figures.

But in general, these visuals are fine for commercial use. Some people are even selling their original AI creations for profit, even though many do look a lot like other artworks that you would have to pay for online.

They can also look a little weird, a little distorted – but run enough text prompts through the system are you’re bound to eventually come upon an image that suits your needs.

Given this, it makes sense for Microsoft to jump on board the AI art shift, and you can expect other tech players to follow suit. But it does feel like a conflict, in potentially screwing over artists who are going to lose income as a result.

Take, for example, the use of named prompts in AI art generation, like this from Byteside, which is an image of ‘money tree in the style of Monet’ (created in Midjourney).

AI image example

That looks pretty good, right? And it does have a distinct Monet feel to it. And Monet, of course, is not around to be annoyed by this – but what about when such prompts are used to create art in the style of actual living artists, who are going to lose out as a result?

Fantasy artist Greg Rutkowski, for example, says that his art is often being sourced by these AI tools to create similar style works.

AI art example

As you can see in this example, the details are not quite right, but by using a prompt like ’wizard with sword and a glowing orb of magic fire fights a fierce dragon Greg Rutkowski’ in one of these AI generators, you can come up with similar looking visuals, based directly on Rutkowski’s style.

If you are interested in original article by Andrew Hutchinsin you can find it here

Posted in Blog | Tagged , , |

Gutenberg 14.2 Improves Writing Flow, Adds Kerning Controls for Headings in Global Styles

Gutenberg 14.2 brings some important changes to the writing flow in the block editor that simplify the experience and remove unnecessary obtrusions.

One small but significant change is that the sibling and line inserters have been updated to use a more natural animation effect with a slightly increased delay to minimize accidental triggers. This release also improves selection of multiple blocks, making it smoother and more consistent.

One of the most impactful improvements to the writing flow is that the editor now hides all floating block UI while the user is typing. Gutenberg engineer Michal Czaplinski demonstrated these updates in a video:

Version 14.2 adds support for kerning controls in the Global Styles panel, making it possible for users to adjust the letter spacing with live preview in the editor. Gutenberg contributor Robert Anderson, who submitted the PR for this feature, advocated for getting it into the upcoming 6.1 release.

“It isn’t technically a ‘bug’ (more ‘missing functionality’) but it (along with #44067) does make global styles feel less broken,” Anderson said. 15 days ago the feature was cherry-picked and added to the wp/6.1 branch to have it included in the next release.

A few other notable improvements in version 14.2 include the following:

  • New Calendar block settings for adding the background, link, and text color
  • “Banners” and “Footers” added to block pattern categories
  • Autocompletion for links is now available in any block using the [[ shortcut to trigger it in the editor

Gutenberg developers also discovered that they recently introduced a bug when improving the List block to use inner blocks, where it would re-render for each level of nesting. Fixing this problem brought significant performance gains for the initial load of the editor. This improvement has also been cherry-picked for inclusion in the upcoming WordPress 6.1 release.

If you are interested in original article by Sarah Gooding you can find it here

Posted in Blog | Tagged , , , |

Gutenberg Contributors Explore a New Browse Mode for Navigating the Site Editor

It’s easy to get lost while trying to get around the Site Editor unless you are working day and night inside the tool. The navigation is jumpy and confusing, especially when going from template browsing to template editing to modifying individual blocks. A large PR is in progress for redesigning this UI with the introduction of a “browse mode” that would make the experience feel more like a design tool.

Gutenberg lead engineer Riad Benguella opened the PR as a continuation of the ongoing work on this project, which has its roots in ideas and explorations that have been fermenting since 2019. He shared a video that roughly demonstrates the target for the proposed UI changes.

It essentially introduces a “navigable frame” where users can select from a menu of features on the left. More detailed efforts on improving the animations and placement of the menu items is happening simultaneously within the ticket.

The original idea was to include the “Navigation menu” item inside the sidebar, but Benguella removed it in favor of keeping the PR contained to simply adding the “edit/view” mode.

Although such a large PR has the potential to introduce a slew of regressions, Benguella said there is no other way around a big PR due to the the necessity of the structural changes to how the site editor is organized. He is attempting to keep it narrowly focused and not try to tackle features like browsing capabilities and adding UI (template lists, global styles, etc) to the sidebar.

The idea is not without some pushback. Alex Stine, Cloud Platform Engineer at Waystar, warned against introducing another Mode into Gutenberg, saying it “feels kind of reckless considering we haven’t refined existing modes for all users.” He noted that Gutenberg already has select/edit mode contexts.

“This was a feature basically added for screen readers only,” Stine said. “I am hoping this will one day be removed, but we’re not quite there yet.

“I think the community is trying to solve the wrong problem. If Gutenberg itself did not have such a complex UI, there would not be the need for a hundred different modes in a hundred different contexts, blocks, or even editors. We have gone so crazy making everything so quickly, no one thought about how to unify the interface across all editors. This feels like it could be another patch to a bigger problem.”

Stine cautioned against growing the UI for something that ultimately doesn’t make things any simpler.

“In a sense this PR doesn’t introduce any new mode, it just redesigns the current navigation panel a bit,” Benguella said in response. “I think it’s an opportunity to improve the a11y of the navigation in the site editor.

“The confusion in this PR is that it’s not about another mode in the editor itself, it’s higher level, it’s how we choose which template and template part to edit before actually entering the editor.”

Although the project’s contributors have been referring to it as “browse mode,” it is essentially a redesign for the existing UI to make it more intuitive for users to navigate. Gutenberg may not need any more new “modes” but the site editor is in dire need design improvements that will unify the experience and make it less chaotic for getting around.

During the most recent core Editor meeting, Gutenberg contributors called for feedback on the big PR, since it has so many moving parts and needs more scrutiny. It’s not ready to land in the next release of Gutenberg yet, but the concept is rapidly taking shape and may expand to include more features in the sidebar once the basic structure is in place.

If you are interested in original article by Sarah Gooding you can find it here

static vs dynamic

Static vs. dynamic websites — what’s the difference?

Let’s dig into the primary differences — as well as the pros and cons — of static and dynamic websites.

When building a new website, choosing to build a static or dynamic website is one of the first decisions that web designers make.

To make the right decision, you need to understand the difference between the two.

In web design, static and dynamic websites refer to the way they display content. A static website offers the same content to all visitors, while a dynamic website can tailor content per individual visitor.

Let’s explore the concepts of static and dynamic websites, learn the pros and cons of each, and discuss what concept is better to follow when you build your website.

What is a static website?

The word “static” is typically used to describe something that is lacking in movement, action, or change. A static website is a website made up of a collection of static pages, or pages that don’t change, created by HTML, CSS, and Javascript. In its simplest form, each web page is represented as an HTML file visitors access while browsing a website. Static websites appear the same for every visitor who accesses them, and the only way to change this is to modify the source files.

Though the term “static website” might give you a false impression that this kind of website doesn’t have any interactive elements — static websites can have interactive elements like web forms, although those elements cannot be tailored per individual user.

Static websites generally work for smaller websites with a limited number of pages and don’t require frequent content updates. Examples of static sites include a personal portfolio, a company brochure site, and a product promo page.

Pros and cons of a static website

Most avengers of static websites come from their relative simplicity:

  • Ease of creation. Static websites don’t require creating any logic for content loading from a database. Today, anyone can create a static website using an online website builder.
  • Good performance. Static websites require minimal back-end processing. Because all content is predetermined, it’s possible to optimize it to offer better performance. For example, web designers can use caching so the content will be delivered without delays.
  • Better level of security. Since static websites require much fewer tech building blocks to perform, they are generally less affected by security issues.

But static websites have a few downsides, too:

  • Time-consuming content management. On static websites, content and design are not separated; if you want to modify content, you need to dive into source code to do so. Introducing site-wide updates on a static website can be tedious because all changes should be introduced manually on all individual pages.
  • Poor scalability. If you need to add 100 new pages to your website, you will need to create all 100 pages manually, and every page will be built as a separate entity. The faster your website grows, the harder it will be to manage it.
  • Unable to offer tailored experience. Static websites allow limited or no personalization and customization for visitors. It’s possible to provide only limited real-time tweaks based on user behavior. As a result, static websites might not work for eCommerce sites, for example,  because it’s impossible to tailor the shopping experience to customers.

What is a dynamic website?

The word “dynamic” is often used to describe something that constantly changes or progresses. Dynamic websites generate content on the fly, loading it from a database. The dynamic content on pages can be tailored to the visitor’s needs (based on visitor behavior). This means a dynamic site can present different information to different visitors. Dynamic websites typically have a content management system (CMS) or a web framework like Ruby at its core, and they work best for websites that require frequent content updates.

Examples of dynamic websites include content-heavy portals (i.e., news resources like CNN), websites with user-generated content (i.e., social media platforms like Twitter), and various online services with user-driven content (i.e., online entertainment platforms like Netflix that offer recommendations based on viewing habits).

Pros and cons of a dynamic website

The list of advantages of dynamic websites include:

  • Ease of content management. Dynamic websites make it much easier to manage content on a website. Changes can be done in one place and applied across all pages. For example, a site owner can update company contact information and be sure that the relevant information is displayed across the entire website.
  • Easy to update the visual design. Since content and design on dynamic websites are separate, it’s easier to introduce changes to a page’s layout. If a website uses a CMS, it’s possible to use a different visual theme. It allows web creators to stay current with the latest visual design trends.
  • Better visitor experience. It’s possible to use mechanisms like user location and cookies to offer tailored experiences to visitors. For example, when you design a property booking website, you can use the visitor’s location to show them offerings in their area.

Because dynamic websites are more complex than static websites, they also have disadvantages:

  • More complex web design process. When you create a dynamic website, you must invest time in creating business logic. You will need to define rules on how content will be organized in a database (content structure) and accessed by visitors (define rules on how to display the content).
  • Higher cost of creation. Dynamic websites have a higher cost of creation because they are typically more hardware demanding (i.e., dynamic websites require database insurance) and require technical expertise (i.e., you need to know how to use a CMS or have coding skills).
  • Performance and security problems. Dynamic websites can be affected by various performance and security issues. Since dynamic websites have more technical components, each component can affect the performance and be vulnerable to a security breach.

Should I design a static or dynamic website?

There is no single correct answer to this question. The nature of your content and the experience you want to offer to your audience should define the type of website you want to build. If you’re starting to develop a new website, it’s safer to begin by creating a static one because it will help you launch faster and better understand how to effectively organize your information. Once you see how visitors interact with your website, you will know what content they want to see.

It’s essential to mention that these days, most websites belong to the category of hybrid websites. Hybrid websites have a set of static web pages (content that doesn’t change very often), as well as a set of dynamic web pages. For example, you can blend some static and dynamic functionality on your company’s website with a set of static pages (i.e., “About us,” “Our mission,” etc.), as well as dynamic ones (pages where content changes frequently, such as a blog or a private user space where users can track the status of their requests).

Getting started on your site

Whether you choose to build a dynamic or static site, it’s important to make sure that on both the frontend and backend, it is well designed and works well for your specific business needs. To get started, be sure to check out our ultimate web design course.

If you are interested in original article by Nick Babich you can find it here


One Page Website Design Best Practices & Examples

More isn’t always better when it comes to web design. A well-done one-page website can communicate the products or services of small businesses and individual professionals. Even if the site structure seems limited, its simple layout could be effective at enticing audiences to focus on a specific aspect of a business and driving conversions

Looking to create your own one-page website design? In this article, we’ll compile some examples to give you some inspiration.

1. Use Impactful Headings

How will you pitch your product in just a few words? Quack—a video recording tool—uses clear and concise headings. The heading “more than a video recorder” and the subheadings “tackle your bugs with full context” and “record bugs and capture network and console logs” summarize its features on the home page. If you have hesitations about getting the product, the call to action (CTA) “Add to Chrome – It’s free” will encourage readers to try it out for themselves.

One Page Website Design Best Practices & Examples

Source: Quack

2. Create Interactive Elements

Game designer Martin Gauer has a one-page portfolio with interactive elements. Upon clicking the page, you’ll find a Game Boy made out of 100% HTML and CSS that highlights his skills as a developer and creative. There is also more about his interests, skills and profession. Follow this example to pique people’s interest and unconsciously encourage them to continue interacting with your website.

One Page Website Design Best Practices & Examples

Source: Martin Gauer

3. Display High-Quality Photos

The Twenty Fourth Pizza & Meatballs website proves high-quality food photos are all you need to make your restaurant stand out from the crowd. To present products in the best light, you’ll find combined high-quality photos, menus and product details. Guaranteed to tempt customers with its mouth-watering products, this restaurant will surely receive orders from hungry visitors.

One Page Website Design Best Practices & Examples

Source: Twenty Fourth Pizza & Meatballs

4. Catchy Puns and Parodies

Having a consistent color scheme will instantly make your brand recognizable. No one understands this better than Apple Plug—a parody site of Apple products.

It jokingly offers a slim plug that fits in your headphone jack but won’t be removed. Since the page has an Apple logo and product photos akin to real-life Apple products, it fools individuals into thinking it was launched by the tech giant.

One Page Website Design Best Practices & Examples

Source: Apple Plug

5. Use Horizontal Scrolling

Experience design agency Neverland shows off its expertise via a centralized interactive image on its website. In fact, the first thing you’ll see is a 360-degree view of a conceptual work of art with horizontal scrolling. For those looking to learn more about Neverland, there’s more information about its services and notable clients too. All of these elements combined make for a polished and professional page that can make clients stop and stare.

One Page Website Design Best Practices & Examples

Source: Neverland Agency

6. Encourage Engagement

Relays is a branding studio that encapsulates what branding means. The page has a consistent blue and white color scheme highlighting its dedication to crafting consistent visual identities for a variety of clients. As another cool feature, you’ll have to click the CTA button “Next: Who” to reach the next section of the page instead of scrolling down.

One Page Website Design Best Practices & Examples

Source: Relays

7. Demonstrate the Product or Service

The goal of Alinea is to build a social investing app for crypto, playlists and stocks. Its website is simple: Just get the app, and you’ll see what your friends are investing in, share playlists, invest in cryptocurrency and learn bite-sized investment insights.

Combining high-quality photos, interactive graphics, consistent design and informative copy, this homepage does a great job of getting interested visitors to try the product themselves.

One Page Website Design Best Practices & Examples

Source: Alinea

8. Gamify the Experience

The Lucky Bones offers stunning 3D animated lucky charms through the Ethereum blockchain. It has a Lucky Wheel that users can spin to reap stickers, wallpapers and emojis.

This site is another example of how scrolling can enrich your branding and user experience.
Much like the popular “Spin the Wheel,” it has a horizontal scrolling feature to replicate a wheel’s movement.

A glove icon functions as a cursor or mouse pointer that changes colors each time you click. If you don’t want to scroll horizontally, hover the cursor to the lower right-hand corner. Here, you’ll find clickable buttons to reach a section of the web page with the click of a button.

One Page Website Design Best Practices & Examples

Source: The Lucky Bones

9. Orient Users With a Map

If you want to promote your apartment listings, a one-page website can do the trick. This Brooklyn-based property business has informational sections about the type of units, amenities and floor plans for interested tenants. Visitors can also find information about nearby Citi Bike stations, public transportation, parks, coffee shops and supermarkets and click the “Get Direction” button to find its location via Google Maps. Overall, this information makes it easy for tenants to decide whether they’re interested in checking out the property.

One Page Website Design Best Practices & Examples

Source: The Rafael

10. Play a Movie or Slideshow

From a visual perspective, The Art of Texture does an impressive job of introducing the artworks of its owner—Tom Lawrence. The artist believes that rubbish can be transformed into something beautiful which is conveyed by his images, videos and slideshows. Whenever the mouse pointer hovers over the creative pieces, you’ll find the title, details or click the image to view its larger version. Overall, the site’s clever use of visual elements are enough to pique the interest of art connoisseurs.

One Page Website Design Best Practices & Examples

Source: The Art of Texture

11. Showcase the End Result

Pixelmator Pro has impressive photographs and screenshots featuring its extensive collection of powerful professional image editing tools. Each individual section manages to highlight the product’s capabilities, be it its handcrafted dual-texture brushes, intuitive workspace, remove background tool and machine learning capabilities. If you’re looking to showcase the capabilities of your software, try replicating this example.

One Page Website Design Best Practices & Examples

Source: Pixelmator Pro

12. Make Navigation Effortless

Graphic design firm Panache has a website with fantastic scrolling experiences combined with animation effects and colorful transitions. The navigational links on the side make it easy for users to move from one section to the other. Instead of presenting a series of projects, the visual experience highlights the team’s skills despite not opening a new tab. It’s clear the designers are experts and have a lot to offer, which entices users to convert.

One Page Website Design Best Practices & Examples

Source: Panache

13. Keep it Simple

Typically, educational websites display a lot of textual data to prove their point. The one-pager of World Pollution diverges from this example with its interactive pages about the world pollution phenomenon. Clicking a number on the globe triggers pop-ups about environmental issues and potential solutions. It’s an effective way at keeping readers engaged about world issues across the globe.

One Page Website Design Best Practices & Examples

Source: World Pollution

14. Use Colors That Evoke Emotion

Jivati offers refreshing vodka seltzers with natural flavors. Its optimism and cheerful vibe are depicted in its vibrant color gradients, floating cans and fly-in typography.

Also, notable is the site’s compelling copy. Upon landing on the website, viewers can find information about its ingredients and variety packs that accurately represent the brand’s fun and bold personality. There’s also an option to check out where to buy the product and view retailer locations via Google Maps.

One Page Website Design Best Practices & Examples

Source: Jivati

15. Let Customers Speak Out

Washington, D.C. restaurant Falafel offers a close-up view of its dishes and, above all, an overview of its menu, which leaves a strong impression. As if that weren’t enough, it shares the ingredients of each item on the menu to convey that each item is all-natural, fresh and sourced locally. Having doubts about buying from this restaurant? Just head to the reviews section at the bottom to find five-star Yelp reviews from loyal patrons.

One Page Website Design Best Practices & Examples

Bottom Line

One-page websites are a testament to the fact that sometimes simple is better. The ideal one-page websites have seamless navigation, high-quality images and a compelling call to action. Here’s hoping this list of stunning websites inspires your own sites too.

If you are interested in original article by Monique Danao you can find it here