When creating or modifying
your homepage
, are you unsure of how to design it or wondering if there is anything you can use as a reference? For those who want to see a variety of homepage designs, we recommend visiting the gallery site.
In this article, we will introduce 10 recommended gallery sites that can be used as samples for homepage design. We will also explain the ideas and tips on how to create a homepage design in the first place, so please read until the end.
10 homepage gallery sites
From here, we will introduce 10 recommended homepage gallery sites where you can see excellent examples of homepage design.
MUUUUU.ORG
MUUUUU.ORG
is a non-profit gallery site specializing in vertical web design. We carefully select sites with orthodox layouts and excellent designs that web designers can use as reference in the field.
Compared to other sites, design examples are easier to view and the display speed is faster, so you can enjoy designing without stress.
I/O 3000
I/O 3000
is a gallery site for people involved in web design. It is updated frequently and has a large number of case studies, so you can learn new designs from Japan and overseas every day.
It can be said that the feature is that it is designed to be easy to find a design because there are many types of design searches.
ikesai.com
ikesai.com
is a gallery site that posts “fashionable sites, cool sites, fashionable sites, and cool sites.” The feature is that the thumbnails that appear when displaying a list of designs are small, allowing you to check various types of designs at a glance.
In addition, there are far more types of category searches than other sites, so you will be able to search for the design you need for a variety of purposes.
Web Design Clip
Web Design Clip
is a gallery site that collects designs that will stimulate the inspiration of web designers and other practitioners. It is divided into four types of content: domestic, international, LP, and smartphone, so you can see the design you want depending on your purpose.
Another great feature is that you can search by the main color or secondary color of the site design.
81-web.com
81-web.com
is a gallery site with beautiful design examples unique to Japan. This site only introduces domestic sites, and is recommended for those who want to see unique Japanese web design.
The feature is that you can save the sites that you think are good, and you can compare and view them later.
SANKOU!
SANKOU!
is a gallery site that only lists domestic sites with designs that you may want to refer to. We carefully select sites that are excellent not only in terms of design, but also in terms of technology, UI (user interface), and UX (user experience).
SANKOU! Like ikesai.com, there are many search tags that make it easy to look up design examples, and there are also unique tags, so you can enjoy a wide variety of designs.
bookma! v3
bookma! v3
is a gallery site that collects designs that “stimulate the senses.” The main features are that it updates frequently and that it displays the PC design and
responsive
design side by side, allowing you to check only the responsive design.
Case studies can only be searched by keyword, and the bookma! v3 site is a good example of a simple design.
TCD MUSEUM
TCD MUSEUM
is a gallery site that collects only designs created using the TCD WordPress theme. It can be said to be very practical compared to other sites because it lists sites that have been submitted by general users who actually use them.
Although the number of examples is small, TCD is one of the most popular among
WordPress
themes, so it’s worth checking out. You may find it a little inconvenient because you cannot search for designs.
SG_BOOKMARK
SG_BOOKMARK
is a gallery site that carefully selects examples of “well-made” designs that give a sophisticated impression. We don’t evaluate designs based on appearance alone; we have examples of products that match both appearance and convenience.
The only way to search for examples is to search by category, but the site has a stylish design, and the site itself could be considered a good design example.
CSS Design Awards
CSS Design Awards
is an English-language gallery site where users around the world vote to determine the nominated designs and award designs. The number of design examples is overwhelmingly large, with approximately 8,000 types of designs listed.
The evaluation of CSS Design Awards also emphasizes user convenience and user experience, and it can be said that the basic concepts of homepage design are grasped.
Basic concepts and tips for homepage design
What kind of ideas and tips should I use when designing a homepage? From here, we will introduce five basic ideas and tips for homepage design.
Do not prioritize personal feelings
When choosing a design, people tend to make judgments based on their sensibilities. However, whether a design is considered “cool” or “nice” depends on individual feelings.
In the first place, homepage design must be created with the company’s target as a priority. Even if you are not the target audience, it is important that the design is easy to see and understand from an objective point of view by users visiting your site.
Be sure to prioritize designs that are optimized for your target audience, and always pay attention to whether your personal feelings are being prioritized.
Design the best UI/UX for your target
Homepage design is not just about looking good. The concept of good homepage design also includes designing with UI/UX in mind. Considering UI/UX can be translated into thinking about making the user’s usability and usage experience good.
Your company’s homepage has targets that you want to visit. Not only do you need to create a design that is easy for your target audience to see and understand, but you also need to create a design that has a well-organized path to guide users so that your target audience can easily achieve the purpose of visiting your site.
In addition, people who view a homepage have a line of sight that follows the F law (top left → right → move slightly down, then left → right → left down) and the Z law (top left → right → bottom left → right). It is said. We must also consider creating a design that takes this perspective into consideration. Appearance does not play a large role in homepage design. The most important thing is to design a UI/UX that best suits the target audience.
Optimize images and catchphrases to target targets.
It’s not just the design that is optimized for the target. The same goes for content.
When considering the category of homepage design, images and catchphrases are important because visual impressions are important. What kind of things do you consider when choosing images and catchphrases?
Of course, choose images that match the content of the article, but also remember to choose images and catchphrases that match the target you want to reach.
All of the content your homepage provides is targeted. Make sure to optimize even the smallest details of your homepage design to your target audience.
Main colors and sub colors match the characteristics of the company
The basics of homepage design color scheme is to keep it consistent throughout the site. Make sure to use colors that are consistent and give consideration to the ease of seeing and understanding the target.
However, we must avoid thinking only in terms of design. This is because each company has its own characteristics, and there are also colors that suit the company. Keeping in mind the basic concept of color scheme as mentioned above, try to match the main colors and sub colors, which are the most important in the color scheme of homepage design, to the characteristics of your company.
Make sure to have a responsive design
Nowadays, the number of users browsing the Internet from mobile devices such as smartphones is rapidly increasing. There are still many sites that display incorrectly when viewed from a smartphone, but if you are designing a homepage from now on, be sure to use a responsive design.
The reason for using responsive design is not just to make the display look broken and look bad. If a site is not optimized for smartphones and cannot be displayed, usability is impaired and the rate of exit from the homepage is very high, which is a major SEO problem.
It is important to imagine the environment in which your company’s target audience is viewing your homepage, and to pursue ways to make it easier for your target audience to see and understand.
Summary: Create a homepage using the sample as a reference
We have explained 10 recommended gallery sites and the basic concepts and tips for homepage design.
There are a wide variety of homepage designs, from sophisticated to cute, fashionable to stylish. Use the gallery sites introduced here as a reference to create a homepage with a design that best suits your company’s target audience.