A website with an excellent and attractive animation display is a fun thing. When used correctly, animation can give a lively and interactive impression, adding extra layers to add to the experience of the website user.

At present, there are fewer and fewer websites that use animation, both in GIF, SVG, WebGL, background video and so on. And the animation itself can be used in some functions that are part of the website.

Animation Loading

One of the oldest animated uses on a design site is to move user attention while waiting for your website to run/load. Animation can provoke our users’ perceptions of your product technology, can make it look better than it is. Your users also have something fun to witness while waiting for our website to open.

Loading animation is better if it’s simple. Forget about additional effects such as strange sounds or designs. Animation must match the identity of the site itself, whether it is fun cartoon animation or smooth and professional animation.

Navigation and menus (nonscrolling)

To save screen space, the latest trend is a hidden navigation menu that will be revealed or published when you click a button on the web screen. For this, animation is an urgent matter to connect the two elements visually.

Animated pop outs will create a menu that is present as if it were a secret slide that forms the entire interaction going smoothly.


The most realistic hover animation is to say an interactive element. When the user clicks on a link/link on our website and when the cursor is above the link, but the user has not worked on the click, the color of the link will change, different from the original color, moving text, appearing or shifting, the cursor hovers over the link and the link changes.

Signs that the button or text can be clicked on so that the floating effect appears, it must be visible to the useful elements. Makes the user want to move the mouse over that benefit, and creates a floating animation with reasonably intuitive.

Gallery and slideshow

Animated galleries and slideshows show many images without disturbing the user. How fast and how little the image cycle can be displayed. But the times needed for the evolution of one image to another must be right. Not too long or not too fast.

Galleries and slideshows are straightforward and good things to watch for users because they naturally mimic the benefits of photo albums. But this should not be used too much, minimizing the actual design of the slider or gallery, then making sure the images that are present each 5-9 seconds.

Unique animation of attention

The human eye wants to be more interested in moving things. This creates animation as the best device for controlling the user’s visual hierarchy, especially with websites where there are fewer images or static business.

The animation is a great way to add intrigue to forms, even menu items, or calls to action. Smart animations are unique to users one time, while standard navigation is still dwelling in the same location and merely draws users who have more traditional empiricism. In this matter, the best is not to be out of range.


The success of scrolling navigation is long, depending on the quality of the animation. A website will not be able to roll long if there are no exciting animation effects. As a user who controls the scroll, the user will feel an element of the process.

Page motion

This is not too practical to use, but doing well in creating a site can make users more interested and make it more fun. Small movements of the mouse can shift the image, and when combined with layer separation can create a pleasant effect.

If it’s confusing to use excessive animation, then using simple animations can add certain vitality to a website. The key is to moderate each part that is present at one time. Or use a gentle motion on all the images.

Maintain the right equilibrium. Don’t create animations such as showing the urban hustle and bustle, make parts of all stages of the picture at different intervals. This makes it “busy” with the user without overstimulating the situation. So, simplicity is recommended. Remember that each motion on the screen is uniquely attentive, to the point that it’s too little animation when the same makes a mess.

When creating a web design, a web designer or a website designer will find no small challenges. Even those who are professionals will not be separated from these challenges. Orders or projects suggested by opposing clients will submit a level of constraints that also vary. So, it is essential for you to to be not infrequently ready to work on the project and understand every solution that will be applied.

What are the obstacles that are often visited when designing a site?

1. Integration

Integration with third parties is one of the matters that must be ignored by web designers. Although it seems trivial, it turns out that website users often feel challenges such as difficult to work on synchronization with third parties. So, make sure we design integration that is easily accessed by both users and visitors who watch the website.

2. Accessibility

Still, due to the previous points, user facilities and visitors when accessing one site need to be considered. In this matter, availability must apply to all levels of society; both children and parents, even people with disabilities. This seemingly simple thing is often an obstacle for web designers.

3. Responsive

Ensuring that the website is responsive is indeed tricky. Because there are not a few factors that need you, see when designing the web. Just mention the techniques of each browser when working on the process on the site page. Besides, the website must be easily accessed through devices that are the opposite, such as from laptops, tablets, personal computers, to smartphones.

4. Security

You certainly don’t want sites to be vulnerable to viruses, malware, or hacker attacks, right? So, ensure the peace of the website since it is still in the design format. One technique to keep your site safe is by not entering the login form on the site’s advance element. Because many individuals sometimes try to disrupt the peace of your website.

5. User Experience

User experience or empirical users will help web designers in designing websites that will be developed. Here you will pay attention to the prevalence of users when exploring a site. After that, we can create a website with features that are matched with the results of research from the prevalence of these users so that later it will be easier for them to visit.

6. Speed

This certainly will be a priority ignored by web designers. If the website is slow to access, visitors will not hesitate to leave it and create reduced traffic. You can anticipate that by using a medium to small resolution images or using the CSS Sprite method. So later, the data request to the server element will not be short and facilitate page access.

7. Retention

The last challenge that must be faced by web designers is to make visitors interested in coming home to the website after the first traffic. Here, we as web designers must create a unique design of eyesight without striking. While the owner of the site must fill it with interesting content so that visitors come home again.

The seven points above are a small number of obstacles that you will find when designing a website. In addition to knowing the techniques to overcome them, even with continuing to learn and remember things that are related to web designing. Don’t forget to keep monitoring the latest technological developments so that we can use software that helps in creating a web design.

The main essence of the website interface is to help visitors explore information easily, easily and in relatively fast times.

Of course not surprised if the appearance and interface of the website is the most important, but the most important part of the interface is to submit the best experience for website visitors.

The best site design

Many web designers invest their months for developing the best interface and site design. If we are looking for example or reference, here are a number of websites with the best designs and interfaces.


Airbnb may not have the most stunning site appearance, but they can create a site design that greatly facilitates the room booking process.

The entire process is created most effectively and effectively so that it saves the visitor’s time most.

Visitors will immediately be given a guide with the slogan “Where to? Start your next adventure on Airbnb. “And can immediately start the booking process past the” Check in “box below.


Medium has the best site design that uses colors, so visitors can find out the difference in each content from the color.

As a blogging platform, Medium has chosen the most appropriate and comfortable typography in the eyes of visitors.

Every line and box inspires visitors to write, browse and share.


Defringe is an online gallery dedicated as a repository of artwork or other creative content on the internet.

For the sake of navigation, this site uses a menu on the left that is similar to a music application. This is certainly very easy for visitors to explore the site further.

FS Emeric

FS Emeric is a rather futuristic website.

The design of this site uses scrolling navigation on the left side, reproduced with an exclusive font design on the right.


Boostedboards was created intentionally to be more focused on products than on UI aspects.

Each page is decorated with portraits of high-resolution skaters and arranged in such a way that it still looks attractive.

Boostedboards provides for example a good web design in utilizing photos.


Feeds do not only have a unique concept but also the site looks stunning, which creates visitors who do not end up thinking.

With a mix of animation and video this site creates visitors immersed in a different empirical browsing.

As a website that can be considered unusual, Feed has a number of unique features, such as navigation which is also useful as a progress bar.


ETQ is an ecommerce website that uses a minimalistic approach to its design.

They use unique product portraits as the main charm of the visual aspect. The design applied wants a simple, flat, color-based background and is combined with strong typography. All the mix in ETQ site design creates visitors to remain concentrated on their main destination: buying shoes.

To make a great website, you need to be inspired by also some of the great websites. Like this ETQ where it looks simple and the typography is perfect. Honestly, one of my client website use this as a reference, I’ll help them build website about Agen Bola where its provide an online experience for sporstbook and casino. I arrange the layout of the types of games with an interesting example of the game Zynga Poker, Rummy, Texas hold ’em are the most popular and in great demand. Regardless of design, the Casino website usually gives large bonuses to its members. And for new members, of course, you will also get attractive promos every month to attract players.

Mikiya Kobayashi

Mikiya is a Product Designer who has a portfolio with the Minamilis concept to showcase his work with photography and animation.

The Mikiya website was created in Japanese then translated into English, to help demonstrate its design skills internationally.

When it comes to e-commerce sites, design plays an important role, no matter what platform you use. The design of your website should make your site visually attractive. But the design must also direct potential customers through your site and help turn them into real buyers.

Although there are many choices of e-commerce platformsavailable, BigCommerce always stands out and draws their attention to thedetail and dedication of creating eCommerce platforms designed for conversion.

If customers can easily navigate your website, find the product they want, immediately add the product to their basket, and see all the important information before reaching the checkout page, you have a much better chance for their conversion.

That’s why it’s important to spend time evaluating the design of your store and fixing it before investing in paid advertising. If not, then all visitors will leave your site without making a purchase, no matter how many visitors open your site.

Good Tips BigCommerce Design Tips: Make Your Online Store Great

Every element on your site, from product images to navigation menus, all play a role in the visitor’s decision to buy your product or not. The following are the best BigCommerce web design tips to help your store attract and convert more visitors.

1. Keep Your BigCommerce Design Looks Clean and Organized

Just because your store is online, does not mean you can arrange your product randomly. Think about the overall experience you want your customers to have when they visit your BigCommerce store. If you set your product into the right category, customers can easily see the various types of products you offer and find out which products are being sold.

Keep a description of your product, prices are clearly labeled, and use a box layout to keep the entire page layout looking neat and orderly. Avoid placing too many products on your homepage or on one line, but it’s best to choose large images with fewer products. That will add more breathing space around each item.

2. Make your BigCommerce Site Easy to Navigate

Your menu is one of the most important parts of your site. This helps customers open from one page to the next, emphasizing why the navigation menu is very important.

Avoid adding too many links in the main menu and drop-down menus or mega menus that will allow you to have more links to various product categories on your website. There are other, far more effective ways to use the fly-out menu that appears on hover.

Fortunately, there are various choices of themes that youcan choose like Modez which are very popular and often used, a menu designedthat was designed beforehand to help you provide a better shopping experiencefor your customers:

3. Make Your Site Easy to Contact

There are times when your customers may have questions about a particular product or method of payment received. Make sure they can easily find your contact information and contact you. That way, you can answer their questions and help them arrive at the decision to buy.

Austin Bazaar, sites that use the BigCommerce platform dothis well. They put phone numbers in a very visible place along with theirhours of operation:

4. Add Customer Reviews

According to research, 61% of online buyers read customer reviews before buying a product. Customer reviews can help you increase sales and increase conversion rates. That is because prospective consumers will tend to buy if they see other people have been happy with the same product. In fact, adding customer reviews can increase your conversion ratio by 4.6%.

Josie Maran, which is one of the other e-commerce sites thatuses BigCommerce by displaying product reviews, and is just below the productdescription. This increases the credibility of the store and the productitself:

5. Use the Search Bar

Some of your customers or visitors might have thought of a product when they came to your site. If the product is not immediately visible on your homepage, the visitor will most likely look for it. Then if they don’t find a way to look for it, they will go to another site.

Don’t leave this one point and hope visitors will use the navigation menu to look for it.

6. Add High Quality Images

One of the biggest differences between physical stores and online stores is the fact that online buyers cannot touch or try items to feel it. Instead, you have to depend on your product image to convey how the product actually looks in the picture.

Images used on your site must be of high quality, withoutblurring that will damage perception. Consider creating a gallery of eachproduct so that visitors can view items from several angles and display them asthey are being used or are outdated.

7. Simplify the Checkout Process

One of the biggest reasons why high basket abandonment is a long and complicated checkout process. Fortunately, BigCommerce has a checkout page built in and increases your conversions. Then you can make it easier for the visitors checkout experience by letting them visit as guests.

Another way to simplify the checkout process is to request customer information only as needed, nothing more. If you sell digital goods, remove the part that asks for the shipping address because this is not needed.

8. Optimize Your Store for Cellular Mode

Another important tip to remember is to make sure that your store is optimized for mobile devices. Outside about having a responsive theme. This is about making sure your image is on a good scale on more screens. The effect will make it easier for customers to click on the correct part and fill it.

Take advantage of the built-in BigCommerce feature formobile shopping and add mobile payment solutions to your online store. Thiswill make it easier to pay for your product using PayPal One Touch or Apple Payand this can increase your conversion by 12%.

9. Choose a Responsive BigCommerce Theme

In accordance with the tips above, it is said that your theme does not have to be responsive but must also be designed with e-Commerce sites. Fortunately, there will be no premium BigCommerce theme features that have all the full features needed: from the mega-menu to the product preview and filtering menu options.

10. Add Product Preview

The best way to enhance the shopping experience for your customers is to enable product previews or quick displays. This allows them to immediately see descriptions, prices, images and other product information in the image that appears by simply clicking on any product.

They do not need to click on the product page which can save their time, especially if they are in a hurry and want to immediately see what you have to offer.

The Carolina Panthers website does a very good job with aquick view feature. Not only can you see the size and price of the productthrough magnification of the image, you can also immediately add the product toyour basket.

11. Outline Your Online Store Policy

Once your visitors have spent some time browsing your store and are ready to buy, they want to know the shipping and return policies for their products. If you don’t give them an easy way to find that information, they may give up when making a purchase, especially if you make it difficult for them to contact you.

Complete this problem by placing a link in the main navigation menu to direct them to a page that explains where you will send, what shipping method to use, and how you process the return. As an alternative, and materials consider creating and displaying an FAQ page that answers frequently asked questions.

12. Show Early Shipping Costs

Another study shows that shipping costs that are displayed late are a big factor that contributes to the high rate of abandonment of baskets. Instead of displaying it at the very end, make sure your customers can see the shipping costs calculated to the final price of the product itself.

You can also add a shipping calculator under the product to give customers choices in calculating the final cost before going to the checkout page. With this, they will prepare the cost according to the estimation once they check out and avoid unpleasant cost surprises.

13. Consistently Entering Your Branding

If you want to make sure your store stands out from your competitors, make sure to include elements of brand branding on your website. Start by adding a favicon and your store logo so that your customers can immediately recognize your site in their bookmarks section or on social media.

Add the main colors to the elements such as the navigationmenu, buttons, and links so that the display and nuances remain consistent.Seeing the elements of your brand throughout your store will help build trustin your customers.

14. Create “Add to Basket” to Stay Visible

The most important element on your site is the “Add to Basket” or “Buy Now” button. It must be visible and easily distinguishable from other elements. The button design needs extra attention because a better design will convert more sales.

Use contrasting colors that will help the buttons stand out. Also, make sure the size is large enough on all display sizes so that your mobile shopper can click on the button without needing to zoom or pinching.

15. Let Customers Be Able To Filter Desired Products Quickly

Besides being useful for other time-saving activities that will enhance your shopping experience, it allows your customers to filter in your product search, especially when it comes to size or color. Even filtering through these types of products is the best way to help them save time and easily find the products they want.

This will help you eliminate the frustration of knowing which products are not available in the desired size or color after they decide to buy them and are ready to checkout.

Almost all BigCommerce themes come with product filtering options so all you have to do is choose the one that suits your store’s aesthetics.

16. Add a Trust Seal to your BigCommerce Store

People can feel hesitant when buying goods online. One of their biggest concerns is whether they can trust your site with sensitive information. You can directly increase customer confidence by adding a seal of confidence to your website.

That will help ensure that all customer transactions areprocessed safely both with credit cards and individual information, and it iscertain that they will not arrive or be easily hacked by irresponsibleindividuals we call hackers or fraudsters. From the Logo which is definitely afamiliar and peace-oriented brand like TrustE, McAfee Secure, TrustE, VeriSign,or the Better Business Bureau are often used on eCommerce websites to increaseyour customers’ trust. The Man’s chest will display it in the footer of eachpage.

17. Keep our Promotion Copy Short and Immediately

When it comes to duplicating your site, it’s important to share information, but remember that your customers won’t listen to the whole text page. Instead, focus on using short paragraphs and bullets points to highlight the most important features of the product.

This will create your individual product pages that look more unique and allow customers to catch up on price information quickly.

Fix the Design of our BigCommerce Store With These Tips

Great web design BigCommerce is very urgent to process visitors into buyers. This helps you build customer brand and confidence. In addition, it also helps customers have experience making purchases that are seamless on your site for all time. Use the BigCommerce design tips above to fix your eCommerce store and make sure to check our BigCommerce theme selection if you are just starting the online shop preparation. Good luck!