ssossossosso

Category: Show Me the Theme

Covering OroCommerce topics, B2B eCommerce trends, community updates and company announcements.

Show Me the Theme – Part 3

by add comment

The OroCommerce default theme will be both clear and efficient, without neglecting any of the necessary features for an online B2B store. In our previous blog, Show Me the Theme, we focused on the distinct navigation menu, along with the importance of clean visuals, aesthetics, usability, and efficiency. We also discussed the home and catalog pages. In this post, we will focus our discussion on the product page and the capabilities and features we plan to include to drive conversion.

 

Product Page

 

product-page (3)

 

One of the main goals of the product page is to provide all the information a buyer would need to make a purchasing decision. Product pages will allow users to easily explore every aspect of a product and identify if the product is in stock, if discounts are applied, shipping duration, etc. The sticky navigation bar will allow buyers to easily navigate between other products and pages, allowing them to quickly review additional products, check the status of their shopping lists, verify if specific products were added to the list and more.

The merchandizing capabilities of the product page will include multiple images, as well as videos, alongside full item descriptions. For more technical and complex products, the e-Commerce manager will be able to upload and display the product’s technical specifications to provide in-depth details for the buyer. In addition, we are going to include social elements, such as reviews and product sharing, to obtain opinions and suggestions from associates and other buyers.

 

reviews

 

The product page will include a unique matrix ordering system that allows the buyer to quickly and easily select multiple quantities of a product and variations of the product based on attributes such as size, color, etc. Once the products are selected, the buyer will be able to make final configuration adjustments and add the items to the purchase list(s). The buyer will be able to purchase products directly, add to an existing order, or request a quote. All buttons (such as add to cart and add to order) are displayed clearly, using bold colors and large sizes, to help buyers quickly take action and move along with the purchasing process.

 

Stay tuned for more exciting news about OroCommerce and its capabilities! For now, follow these instructions to install the Alpha release, or simply try the public demo.

As always, we would love to get feedback along the way through either GitHub, email, or the OroCommerce forum.

Join our community and become a part of the B2B e-Commerce revolution!

 

Show Me the Theme – Part 2

by add comment

show-me-the-theme (1)

 

Today’s shoppers, shaped by B2C e-commerce, have high expectations for online stores. As such, we are going to great lengths to ensure that the default OroCommerce theme is both clear and efficient, without neglecting any of the necessary features of an online B2B store. It is important to mention again that we are making sure the default theme will be fully customizable to fit any business processes and brand needs, as well as ensure the most efficient “working place” as the customer progresses through the purchasing process.

In our previous blog, Show Me the Theme, we focused on the distinct navigation menu along with the importance of clean visuals, aesthetics, usability, efficiency, and the home page.  In this post, we will focus our discussion on the product catalog.

 

Catalog

catalog-page (2)

 

A business buyer usually purchases goods and services for multiple departments and business units simultaneously. To accommodate for this unique B2B commerce need and increase productivity, we are going to introducing a few concepts.

The first is a toggle view that allows the buyer to switch between a view with multiple image information, a list view with images, and a list view without images. This feature accommodates a faster scroll and allows the buyer to review products that do not require extensive merchandising assets, such as nuts, hinges, screws, and bolts, faster.

The second concept is a shopping list. The B2B buyer would be able to create a shopping list, or multiple shopping lists, for each business unit in the organization and assign it to the appropriate cost center. The buyer will be able to view the different price lists including MSRP, list price, and his own special price. Through the catalog page, the buyer will also be able to add products to a list, edit a list, transfer products from one list to another, and more.

OroCommerce’s default theme will introduce a clean and easy-to-read product catalog, both for customers who are merely scanning and for those who want in-depth information. Important information like discounts, new products, and other special offers will be prominently displayed for the customer to take notice. The left-hand collapsible navigation bar, product display toggle, and  “sticky” header will allow B2B buyers to curate their view, easily sort search results based on product attributes such as manufacturer, color, and size, and quickly find the product they are looking for and the information they need. Moreover, the customer will be able to add products to the shopping list and request a quote without leaving the page.

Product images and other digital assets would be displayed alongside pertinent information such as shipping time, inventory level, rating, and price (which may include the listed price, the MSRP, and the customized price, if applicable), providing the customer with all the information he needs to proceed with the purchasing journey. If the information in the product catalog is not sufficient, the customer could easily navigate to the product page for more specific and detailed information.

 

catalog-page-sticky-nav

 

We will continue to discuss other elements and pages of the default theme and bring you more exciting news about OroCommerce and its capabilities! For now, follow these instructions to install the Alpha release, or simply try the public demo.

As always, we would love to get feedback along the way through either GitHub, email, or the OroCommerce forum.

Join our community and become a part of the B2B e-Commerce revolution!

 

Show Me the Theme

by add comment

show-me-the-theme (1)
Out of the box, OroCommerce will come with a default theme that addresses the needs of both business consumers and system administrators. This theme is based upon extensive experience and has been designed to meet B2B e-commerce requirements. To ensure a precise fit, however, businesses will also be able to customize it in order to fulfill their specific needs both in terms of functionality and branding. This post, as well future ones, will focus on the consumer experience that the OroCommerce default theme will offer.

Usability and Efficiency

We’ve gone to great lengths to ensure that OroCommerce theme provides a clear and simple experience for the user. For instance, each page has been designed to easily guide the buyer through the actions he might need to take. Large buttons with bold colors (such as Add to Shopping List, add to order, and the quick order form) all help point the buyer where they need to go, while important items (such as discounts, new products, and stock levels) are highlighted throughout. Furthermore, an option to utilize a left column collapsible navigation bar lets users easily jump between pages, categories and tasks, and a messages icon located at the top will notify buyers of any actions they need to take, responses to requests they’ve submitted, and more. All of this is designed using clean visuals and a clear aesthetic that ensures your company’s brand and information are prominently displayed.

Home Page

home-2

The OroCommerce default theme’s home page reflects the clean look and feel of the contemporary online store. We designed the header to include three distinct navigation areas for efficiency and easy navigation.

navigation-menu

The top part of the header includes top links to such as my account, wish list order history, and others. The middle section includes branding assets, search, and quick links. Lastly, the lower section of the header includes the main catalog navigation area. This elaborate but carefully designed menu system allows the consumer to navigate easily and intuitively to any functional area of the application. The search bar, main catalog menu, and collapsible mega catalog menu are all featured prominently, making it easy for the consumer to find exactly what he/she is looking for and start the purchasing cycle. In addition, the shopping list status and online messaging system are grouped into one area and designed in a way that makes sure the consumer does not overlook important information. Most significantly, all of this can be customized to reflect your business’ individual product lines, style, and brand.

home-page (1)

We will soon be bringing you even more exciting news about OroCommerce default theme and its capabilities! For now you can try the public demo or follow these instructions to install the Alpha release.

As always, we would love to get feedback along the way through GitHub, email, or the OroCommerce forum.

Join our community and become a part of the B2B e-Commerce revolution!