Furniture eCommerce website in New Jersey, USALink to project
Many thanks to the guys and Nikita. I can’t say that we have finished our project without problems, I had to remind of many things, sometimes we argued, sometimes disagreed, but this is absolutely normal. My online store project was large and complex; I knew exactly what I wanted to see in the end, because it was the 3rd version of the online store; besides, I’m a detail-oriented person, so it was sometimes difficult, but I’m 99% satisfied with the result – because there are always a few little things that can be done better.
I can say that the strongest side of Rubika is excellent communication, they always answer, they don’t disappear for weeks (at maximum for several days), there is always some kind of feedback and even if your problem cannot be solved right now – it will be solved later. Normal adequate communication in IT, and especially in post-Soviet IT, is a huge rarity (this is my experience), so Rubika is valuable primarily for this.
So all in all, I’d say that I am, of course, satisfied. In addition, during this project, I have learned a lot, the guys helped me to do a few things (which were not discussed initially) for free. Thanks to them for this. Will I appeal to them again if it is necessary? I think yes. Will I recommend Rubika to my friends who need a good, well-thought-out site? Definitely! If you have a clear idea of what you want to get in the end, if you remind of those things that you think should be done in a certain way – then everything will be fine.
Nikita, I wish you more serious clients, attention to details (!), good employees and patience. Website design, programming, communication with clients (not all of them are as cute as I am) is very difficult, and patience + adequate communication is probably the most important thing. There are enough professionals in any area, but in the end it always comes down to how pleasant it is for you to do business with this professional. Other things being equal, you will always choose someone who you enjoy communicating with.
We were approached by a client with the task of redesigning an online furniture store for the American market. We were pleased to know that he chose us because in our work we write clean code.
The client himself understands programming, and that is why he was looking for a development team for quite a long time to give his project into reliable hands.
The client provided the terms of reference for the redesign of the online store, but before starting work, we held several conferences to understand how he sees his new online store in detail.
After defining the main aspects, our team began to create the main page and developed a concept with several color solutions as part of the terms of reference.
When developing the design, special attention was paid to images, since they represent the product to visitors.
The difficulty was that the images have different sizes and quality since the store presents products from different suppliers.
Based on this, it was decided to use a square shape for product images in order to simplify their scaling and cropping.
Two menus were developed:
- classic in the site header;
- fixed menu available when scrolling the page.
Also in a fixed block, we left the key navigation elements – search and cart.
On this page, quite a few elements have been developed that allow the client to interact with the products on the page, as well as choose the one that he needs.
The category itself looks like this:
- promo banner with category name;
- tile with goods;
- category description;
- block with recently viewed products.
Product card blocks look different than on the main page, because, unlike categories, it is designed to attract attention, while the category page is more informative and contains additional photos that change on hover, which gives the site interactivity and convenience.
One of the most difficult elements in this project is the product page because by clicking on a specific product, the user can immediately buy related products.
It was decided to make the area for the main image of the product square for the optimal display of images of different sizes and aspect ratios, and to fix the sidebar on the screen, if possible.
Most of the products in the image form sets that are in harmony with each other. This is not only very convenient for the user because he can choose both a bed and a bedside table that matches it but also helps to increase the average bill.
In addition, additional blocks have been developed that inspire confidence and encourage the user to make a purchase or start interacting with the site, for example:
- product reviews;
- the ability to ask a question about the product.
Answers to questions are available to all users, which allows not only increases the credibility of this particular product but also expands the base of questions from customers with whom you can work, thereby improving the product.
Also, especially for this page, we have developed a system of banners that notify the user about discounts available on the site and provide information about current coupons.
Product page with options
The cart is designed in such a way that the user does not spend a lot of time filling it, since the whole process is broken down into small steps that are visually easier for the user to perceive.
An important point. In the shopping cart, it was decided to remove the main menu so as not to distract the user from the checkout process.
In the shopping cart, the user chooses a delivery method convenient for him, additional delivery services, and the process of filling the shopping cart is displayed on the timeline above, which also displays the current cost of the order at certain stages.
Since this online store operates throughout the United States, shipping costs may vary significantly from state to state. Therefore, we have developed a separate page that would allow the user to select their state and find out the exact cost of delivery, as well as its approximate time.
404 error page
When developing the mobile version, we faced the following challenges:
- menu reorganization;
- handy filter;
- search, which would repeat the functionality of the main version of the site;
- handy footer;
- develop several types of product display;
We tried to preserve as much as possible all the functionality of the full version of the site, we made sure that all advertising windows were preserved. All blocks of the main page for mobile user UX were redesigned, which made it possible to reduce the length of the mobile version of the page.
We have changed the footer to make it convenient for the user to click on links by implementing the menu as a set of buttons. These are very important changes because some pages can only be accessed from this part of the site.
Sometimes developers neglect the filter on the mobile version by hiding it altogether. In our case, we implemented it in a separate pop-up window with full functionality.
For the mobile category page, we have developed two options for displaying products:
- compact – in this case, two products are placed on the screen of the device, which makes it easier to familiarize yourself with the assortment;
- advanced – displays one product per line, and allows you to view the images in more detail.
More developed eCommerce websites
Discuss a project