Posts Tagged Web design

35 Deliciously Creative Ice cream websites for inspiration

by Dustin Betonio on April 2, 2012

Deliciously Creative Ice cream websites for inspiration

Ice cream by far, is one of the most popular dessert in the world. The term varies from one country to another, some call it gelato, frozen custard, sorbet, frozen yogurt. Regardless of whatever it is called many people still scream for ice cream. While ice cream is often purchased spontaneous by customers having a great online pretense can be important when customers look for information about e.g. ingredients or inspiration for what ice cream to pick up next.

This time for inspiration and design ideas, I had a journey through the websites of some of the finest providers of this dairy product from heaven and here are some of the best, creative and delicious I have found.

This post is quite similar to one I wrote about chocolate website designs about a year ago. Ice cream is like chocolate – many people love it, but seriously we should not have too much. Therefore some of the vendors tend to focus on showing cows, fruit and nature to give a more healthy presentation. Others have close-ups of the ice showing us all how delicious it is, while some show product packages to help us remember them when we see them in the stores. Many of the sites in this category are either very aggressive with a lot of colors and dynamic flash or very traditional and classic.  Take a look for yourself

1. Antonio Federici

antoniofederici

2. Baskin Robbins

Baskin Robins

Read the rest of this entry »

,

2 Comments

Big Design in Small Spaces

screenshot

It’s easy to get caught up in the big picture sometimes – what your whole site looks like or the message it conveys. Just as important though, are the small spaces. The look of your banner, sidebars and even the dreaded-in-some-circles above the scroll presentation can bring people into or turn people away from your site.

Effective design in restricted, and even constricted spaces can be the key to adding just the right flair to your site. Simple design tools such as cropping, color, text display and contrast can make all the difference when planning the design for the boxed-in spaces of your next project.

Cropping

screenshot
screenshot

A tight crop can give a small image the feeling of being much larger than it is. In small spaces, it is best to stay away from wide angle images where faces are unidentifiable. People like to see other people in photos, so crop your images so that faces are clearly visible and identifiable.

Keep the same idea in mind when using images of objects. Can you tell what you are looking at from a distance? Take a few steps back from the monitor or zoom out. Does the image still make sense? If not, it might be time to reconsider the crop or pick out a new image.

Read the rest of this entry »

,

Leave a comment

8 Interactive Infographics Created with HTML, CSS and Javascript

The term infographics comes from Information Graphics. Infographics are referred to graphic visual representation of data, information and knowledge. This is considered as one of the very strong way of representing data or information in a mode of graphic. These graphical representations allow us to obtain the data or knowledge in a very effective way. The idea of such infographics is not very rare in our daily life; rather before it hit the virtual zone of web designing it can be seen in our real life. For example, we can name maps, various types of signs, train routs where we can find the use of such technique to show and explain the information in a very clear manner.

These infographics can be created with the help of various kinds of web design languages. Web languages like HTML, CSS and JavaScript can be used in order to create such interactive infographics. For the websites that have features like showing some signs or maps on the web pages, this technology is brilliant. It is proved to be very useful for the websites that want to share some kind of data or information with its viewers in a form of a graphical representation. Web designers like to use this technique to make their website designing project more attractive with exclusive maps and signs.

One can find beautiful illustrations, graphical designs, animations and interactivity that are capable to provide the information in a meaningful manner through those graphical representations. The interactive feature of these websites is the most amazing part of this technology that makes it the favorite of the web designers as well as the users of those websites. This technology makes the website attractive with the use of animations. Apart from enhancing the look it also helps the viewers to get interactive with the page that they are browsing and they get the chance to gather lots of information according to their own requirement.

As we all know and understand that the world of web site designing is facing the introduction of newer and smarter technologies almost every day. The repetition of older ideas and techniques is very rare to find in this arena of business. Since people like to visit sites with innovative features and technologies, so web designers are very keen to create and introduce fresh ideas for their designing projects. Interactive infographics is one very strong and effective tool in this case.

Interactive Infographics

LRA Crisis Tracker – Invisible Children

Read the rest of this entry »

, ,

Leave a comment

Create a Responsive Web Design with Media Queries

If you’ve yet to get your hands dirty with media queries, now is your chance to create your first responsive website design. In this tutorial we’ll look at converting one of my previous WordPress theme designs into a responsive layout, while taking into consideration the design’s original grid structure.

 

View the responsive layout demo

 

Read the rest of this entry »

Leave a comment

A Website That’s An OCD’s Dream Come True – DesignTAXI.com

A Website That’s An OCD’s Dream Come True – DesignTAXI.com.

‘Things Organized Neatly’ is a site, curated by designer Austin Radcliffe, which features pictures that live up to an OCD’s expectations—to fuel its viewers’ fussy neurosis.

Read the rest of this entry »

Leave a comment

%d bloggers like this: