Skip to main content

Smiley Cat

  • Home
  • Elements of Design
  • About
  • Contact

Elements of Design

Elements of Design is a collection of UI components that highlight best practices for particular design patterns from leading websites around the world. Browse the archives and use it as a source of inspiration for your next web design project.

Video Game Website Design Gallery

July 14, 2016December 6, 2020 Christian Watson

It’s true that many video gamers have never visited the website for their favorite video game. Nevertheless, gaming websites are a core pillar of the marketing plan for any new video game.

Read More
Pages: 1 2 3 4 5 6 7 8 9

Image Frames and Borders Design Gallery

July 14, 2016November 7, 2020 Christian Watson

It’s important for web designers to be able to choose good images. In addition, how an image is presented can be significantly enhanced by using a creative frame or border to show it off to best effect. Image borders can also be used to reinforce the brand or theme of the website. This gallery showcases some of the best examples of image frames from around the web.

Read More
Pages: 1 2 3

Mini Shopping Carts Design Gallery

July 13, 2016November 7, 2020 Christian Watson

Mini-shopping carts provide ecommerce shoppers with quick access to their cart without having to leave the current page. Often, they allow the user to edit their cart and always let them start the checkout process from anywhere in the store.

Read More
Pages: 1 2 3 4

Ecommerce Shopping Carts Design Gallery

July 13, 2016October 3, 2020 Christian Watson

The shopping cart is one of the hardest e-commerce website pages to design well. They must be extremely user-friendly to prevent shopping cart abandonment, while at the same time being functionally rich to allow the user to edit their cart, move items to their wishlist, and so on.

Read More
Pages: 1 2 3 4 5

Image Captions Design Gallery

July 12, 2016October 1, 2020 Christian Watson

Most website images include a caption describing them. Well-designed images bring the image, the caption, and the image border together into a consistent, visually appealing design. This gallery highlights image captions that have been effectively designed as a complement to the image they are describing.

Read More
Pages: 1 2
Mobile home page design gallery banner

Ecommerce Mobile Home Pages Design Gallery

July 12, 2016September 22, 2020 Christian Watson

Mobile home pages for online stores need to provide a balance between access to key customer entry points, such as search and product categories, along with showcasing new products, sales, or other offers which might encourage the mobile user to browse further into the site.

Read More
Pages: 1 2 3 4 5 6 7 8 9 10 11

Search Auto-complete Design Gallery

July 11, 2016September 22, 2020 Christian Watson

Search auto-complete tries to match for a search result while users are typing their query. This enables users to move from trying to recall the thing they are searching for to recognizing what it is from the predictive list provided.

Read More
Pages: 1 2 3 4

Icon Design Gallery

July 11, 2016September 22, 2020 Christian Watson

Icons are a core part of many user interfaces, and are used to visually communicate the primary intent of an object or action. They are useful in UX design as they can reduce screen real estate and add visual appeal to an interface.

Read More
Pages: 1 2 3 4

Ecommerce Gallery Page Design Showcase

July 11, 2016September 21, 2020 Christian Watson

Product gallery (or category) pages have been called “the hardest working pages on your site” by UI expert Jared Spool. That’s because they play a critical role in guiding users to the right product page for their needs.

Read More
Pages: 1 2 3 4 5 6 7

Customers Pages Design Gallery

July 11, 2016September 21, 2020 Christian Watson

All businesses want to attract more customers. One way to do this is through social proof — by showing potential customers who is currently using your product or service and highlighting what they think about it.

Read More
Pages: 1 2 3 4 5

Posts navigation

Newer posts 1 2 3 … 5 Older posts

Recent Posts

  • 7 Types of Article Headlines: Craft the Perfect Title Every Time
  • 5 Product Management Myths You Need to Stop Believing
  • The Key Strengths of the Best Product Managers
  • Effective Prioritization Strategies for Product Managers
  • The HEART Framework: A Practical Approach to Measuring User Experience

Categories

  • Web Design 126
  • UX Design 115
  • Tools & Resources 80
  • Writing for the Web 55
  • Real Life 51
  • Web General 50
  • Elements of Design 46
  • Showcases 40
  • Top Ten Lists 38
  • Ecommerce 36
  • Blogging 33
  • SEO 33
  • Email Marketing 29
  • CSS 20
  • Mobile Design 16
  • Web Analytics 16
  • Reviews 16
  • Product Management 10
  • Infographics 2

Popular Categories

  • Web Design 126
  • UX Design 115
  • Tools & Resources 80
  • Writing for the Web 55
  • Real Life 51
  • Web General 50
  • Elements of Design 46
  • Showcases 40

You Should Follow Me

  • LinkedIn
  • Twitter
  • RSS
  • Instagram
© 2021 Christian Watson • Theme by Colorlib Powered by WordPress