+38 (097) 478 27 77
en

Developing an online hat store with a 97+ loading speed for mobile devices using Page Speed

case picture
About the project

SHELA™ is a manufacturer of children's headwear. Before our agency launched a full-fledged online store, the client had a retail location in Barabashovo and a website on prom.ua (wholesale sales). Later, the client decided to expand their product range and sell not only children's headwear but also clothing and headwear for men and women, both retail and wholesale.

Website: shela-sample.com.ua
CMS/Framework:
Region:

Ukraine

Completion date (with revisions):

20.11.20 - 19.11.2021

case picture
case picture
Tasks:

- Create a website with all the convenient functions for wholesalers.
- Combine the functionality of wholesale and retail sales.
- MobileFirst design and development.
- Collection of semantics, creation of structure, recommendations for the technical part of the site.
- Competitive analysis.
- Creation of technical specifications.

Results:
  • CMS: OpenCart
  • Completion date: 1 year
  • Speed (mobile): 97+

Communication with the client and competitor analysis

After speaking with the client and understanding their needs, we studied competitors and websites we'd found in this niche. We identified the best functional solutions and offered them to the client. At this stage, the decision was made to create a personal account for wholesalers, with a number of functional features.

case picture
SEO at the development stage

From the very beginning, the website was designed with SEO requirements in mind. The designer coordinated all decisions with the SEO specialist. Whenever the ideas of a "good page for users" and a "good page for search engine robots" diverged, we sought a solution that would satisfy everyone.

In addition to the solutions agreed upon during the design phase, other technical nuances were taken into account. The site is large, and during the development of a new version, its structure, layout, and page block order inevitably change, as do the landing pages for queries.

It was important to maintain the site's ranking and ensure potential for growth, so with all these changes, it was essential to minimize the risk of errors. Duplicate pages were monitored, redirects, subdomain performance, internal optimization on landing pages, and more were checked.

Learn more about SEO
case picture case picture
Technical specifications and requirements for the website

We compiled all the solutions we found that weren't discussed during the initial stages of the project into a list of questions and, after discussing them with the client, identified the required functionality. Following this discussion, we developed the technical specifications in parallel with the development of prototypes.

Prototyping

We started with the mobile version of the website, and then expanded it to all other screen sizes. We first worked on the product catalog and product page, as they are the highest-converting pages. Next, we worked on the homepage, the personal account, and various internal pages.

In the end, we received a clickable prototype, which was approved by the client.

case picture
Page design

After drawing the page prototypes, we approved the overall design concept and implemented it on all internal pages. In addition to the artistic component, we worked on the logical structure of the web pages and the usability of the website.

We conveyed a sense of warmth and comfort through our design. Upon visiting the website, users understand that the company produces its products with love for all adults and children.

case picture case picture case picture case picture case picture
Website layout and implementation

Adaptive layout for various screen resolutions has been implemented.

The website is built using the Opencart CMS, with custom development of the required functionality. SEO requirements were taken into account during the development phase (for example, a high-quality product filter implementation with landing pages for each filter).

  • Quick search on the site has been implemented.
  • Convenient order processing has been set up, and online payment for completed orders has been enabled via the Liqpay system.
  • The admin panel has been stripped of unnecessary functionality and customized to meet client requirements for more convenient website administration.
  • The implementation of the website's layout and backend was carried out taking into account the increased requirements for website loading speed.
Learn more about website development
Download speed

A range of work has been carried out to optimize the website loading speed.
As a result, high Google Page Speed Insights scores (95-97 out of 100 for mobile, 99-100 out of 100 for desktop).

case picture
case picture
Want the same results?

Fill out the brief and our manager will contact you

Cost of website development
Online store

Main works:

  • Creation of clickable prototypes (high fidelity wireframes);
  • Writing technical specifications;
  • Processing of commercial and technical factors;
  • Development of a competent SEO structure;
  • UX/UI design;
  • Safe move to a new domain;
  • audit of the website content;
  • Audit of the website’s and competitors’ link mass;
  • Adding a website to Google Search Console;
  • Detailed processing of product map;
  • Connecting online payment (LiqPay);
  • Testing (after each stage);
  • Personal account;
  • Meeting Google's 90+ website loading speed requirements for mobile and desktop;
  • Filling with your content up to 10 pages;
  • Setting up Google Analytics;

As a bonus you will receive:

  • Basic SEO optimization;
  • Transferring a website to hosting;
  • SSL certificate (HTTPS);
  • Website support for 1 month is FREE;
  • Website management system based on the selected CMS (admin panel);
  • Consultation on further website promotion on the Internet;
  • Training on how to use the website (instructions + online call).

Results of promotion of other projects
slider-img
Website development Website development in 1 month for a mineral water manufacturer
  • CMS:
    WordPress
  • Completion date:
    1 month
  • Speed (mobile):
    94+
slider-img
PPC Call volume doubled in 6 months for an online lighting equipment store
  • Increase in calls to:
    115%
  • Call price reduction to:
    35,2%
slider-img
Online store development Development of a fast and responsive online tobacco store
  • CMS:
    Laravel
  • Completion date:
    4 months
  • Speed (desktop):
    90+
contact__bg contact-bg contact-bg

    contact-picture
    Daria Babyanskaya,
    manager of the Imaris company
    To contact us
    Thank you for reaching out!

    Your message has been sent.
    Our manager will contact you
    in the near future

    Thank you for reaching out!

    Your review has been sent.
    We will contact you if necessary.