Category: Web Design

22 Circular Icon Designs for Websites and User Interfaces

22 Circular Icon Designs for Websites and User Interfaces
All PostsInspirationWeb Design

Various styles have been adapted over recent years pertaining to icon design. Websites and mobile apps utilize their fair share of icons to convey a much clearer meaning in regards to a user interface. Those with perspicacity recognise the importance of symbolic pictograms. But how do you decide on a theme among the many various styles to choose from?

Although there is no right answer to that question, I’d like to focus on one of the more obscure styles: circular icon design. The beauty of circle-themed icons is how they can break into other themes. Some icons may be more flat while others are more realistic. Any icon-set can become circular as long as the boundaries follow a rounded shape. And each example below is the epitome of design excellence!

Read More

30 Amazing Portfolio Designs

30 Amazing Portfolio Designs
All PostsInspirationWeb Design

There are hundred of thousand programmers, designers, writers and even developers in every continent. Sometimes it is hard to compete with other professionals, especially when you are a freelancer.

But somehow you need to find a ways to attract customers. One of the way is to create a portfolio website. The key is to make the personal portfolio website as unique and eye catching as possible to make the customer find you and check your work examples.

Since there are already so many websites available for the users to surf, it is crucial to create a personal website in such a way that it stands out in the crowd and states its purpose beautifully. To achieve these ends it is not easy to come up with very different ideas but inspiration, motivation and ingenuity can lead the way to bright results with potential of infinite positive possibilities.

Read More

30 Websites Utilizing Fullscreen Homepage Video

30 Websites Utilizing Fullscreen Homepage Video
All PostsInspirationWeb Design

It used to be that videos would have taken 20-30 minutes to fully stream over dial-up Internet. But now people can browse YouTube and watch videos streaming from their phone with a 4G connection. This has paved the way for many video-integrated websites including fullscreen background videos.

In this gallery I’ve compiled a series of 30 brilliant websites featuring large homepage video backgrounds. Each layout is structured in a unique yet systematic way according to the video quality and color scheme. Fullscreen background video is a newer trend which has gained a lot of attention over recent years. Use this gallery for both design inspiration and generating cool new ideas in your own projects.

Read More

28 Website Mockups using Fullscreen Images

28 Website Mockups using Fullscreen Images
All PostsInspirationWeb Design

Let’s face the facts: anything that takes up the entirety of your computer screen is going to draw some attention. Fullscreen images have been used in backgrounds and slideshows for quite a few years now. But ever-improving Internet connections have allowed for much larger images that relate better to content on the page. This style is predominantly seen on the web and looks fantastic in the right context.

For this gallery I’ve organized a series of 28 sample website mockups using fullscreen hero images. When crafting your own mockup it helps to look over what others have done for some inspiration. Take these ideas into your own workflow and see what you can build.

Read More

20 Examples of Geometry in Web Design

20 Examples of Geometry in Web Design
All PostsInspirationWeb Design

Web is just another medium for designers to portray their creations. Personally I find inspiration anywhere I go, parks, cinema, airports, libraries, also reading physical books, magazines and other publications spark a lot of ideas.

Web design can even be influenced by geometry and all the weird shapes you hated at math classes. Sharp corners, interesting angles, pure circles and more can be implemented in web design to stylize the look and feel of the website and give that memorabilia advantage to your competition.

In today’s compilation I’m sharing 20 latest examples of geometry used in web design.

Read More