International logistics · Website development
TamaraInvest: a logistics company website in plain code
A logistics holding delivering cargo from China, Asia and Europe. The company had no website. The task was to launch a simple site quickly, where a client understands what the company does and leaves a request.
- 89speed on mobile
- 98speed on desktop
- 318 KBpage weight on mobile
- Client
- TamaraInvest
- Website
- tilog.by
- Industry
- International logistics
- Services
- Website development
- Technology
- HTML, CSS, JavaScript, no libraries
The task
The company had no website before. The task: build a simple site quickly in plain code, with no CMS or site builder, so that clients can learn about the services and leave a request. The site is in Russian, English and Chinese.
What we did
- We analysed the competitors’ market and the needs of the target audience in depth.
- Built a structure of nine sections on one page: about, advantages, services, FAQ, gallery, reviews, careers, request, contacts.
- Described six services: delivery from China, purchasing goods, cargo insurance, delivery from the EU and Asia, oversized and multimodal freight.
- Wrote the site in HTML, CSS and a small script, with no CMS, site builder or external libraries.
- Added three languages: Russian, English, Chinese.
- Put a request button in the header and on the first screen, with the form in its own section.
Project highlights
The specific solutions we built, and why.
-
Plain code, no CMS or site builder
- What we built
- The site is made of HTML, CSS and one small script, with no engine, plugins or external libraries.
- Why
- The task was a quick launch of a simple site. Plain code needs no engine or plugin updates, so there is nothing to break.
- What it gives
- The page weighs 318 KB on mobile, the main thread is not blocked (TBT 0 ms), the layout does not shift (CLS 0).
-
One page with anchors
- What we built
- Nine sections on one page, the menu links to them with anchors: about, advantages, services, FAQ, gallery, reviews, careers, request, contacts.
- Why
- A company with no website needs to show everything important at once, without making the visitor hunt across pages.
- What it gives
- The client scrolls from one screen to the next and can return to the request from the menu at any time.
-
Three languages: Russian, English, Chinese
- What we built
- An RU / EN / 中文 switch in the header.
- Why
- The company ships cargo from China and works with partners in Asia; some counterparties read English and Chinese.
- What it gives
- The information can be shown to a counterparty in their own language.
-
A clear first screen
- What we built
- The heading “Reliable supplies from China”, the line “China · Asia · Europe · CIS”, two buttons (“Leave a request” and “View services”) and three badges: Sea · Air · Rail, Cargo Insurance, 100% Tracking.
- Why
- A visitor should understand within seconds what the company does and what to do next.
- What it gives
- The main action, a request, is available from the first screen.
-
Questions and answers
- What we built
- A “Frequently asked questions” section with nine expandable answers.
- Why
- A logistics client comes with typical questions about timelines, terms and documents.
- What it gives
- Some questions are answered before the conversation with a manager.
A word from the team
The main thing was not to overcomplicate. The site opens instantly and immediately explains what the company does and how to leave a request. Everything else can be added later.
Thank you to the client
The client gave us complete carte blanche and a minimum of introductory information! The speed of implementation and launch was what mattered. We look forward to working together again :)
How it looks now
Results
Page speed and quality
What the scores mean
- Performance
- How fast the page opens and starts working, from 0 to 100.
- Accessibility
- How easy the page is to use for people with visual, hearing and motor limitations, and for screen readers.
- Best practices
- Modern practices in the page code: security, current standards, no errors in the console.
- SEO
- Basic technical readiness of the page for search engines (lower on a preview closed from indexing).
- Colours
- Green: 90 and above, orange: 50 to 89, red: below 50. Mobile speed is measured on a slow 4G connection, desktop under normal conditions.
Mobile
- 89 Performance
- 89 Accessibility
- 100 Best practices
- 100 SEO
Speed score range between runs: 88–89
- Largest Contentful Paint (LCP)
- 3.1 s
- Total Blocking Time (TBT)
- 0 ms
- Cumulative Layout Shift (CLS)
- 0
- Page weight
- 318 KB
Desktop
- 98 Performance
- 89 Accessibility
- 100 Best practices
- 100 SEO
Speed score range between runs: 97–98
- Largest Contentful Paint (LCP)
- 0.9 s
- Total Blocking Time (TBT)
- 0 ms
- Cumulative Layout Shift (CLS)
- 0
- Page weight
- 442 KB
A word from the client
They did it very quickly and clearly, had a conversation, found out what I wanted, signed the papers and delivered the result.
Sergey, tilog.by
What we would do differently
Launch speed came first, so a few things were left for later.
- If time had allowed, we would have optimized the site for PageSpeed further.
About the service
We build websites that explain the product clearly and bring requests: from market analysis and design to launch and analytics.
Your project
The next case study with a striking project could be yours
Describe the task. We will estimate it for free, name a timeline and a price and tell you honestly what is not worth doing.
- The task estimate is free.
- We name the timeline and the price.
- We tell you what is not worth doing.
- projects in the portfolio
- 3
- clients
- 300+
- years of experience
- 15+
- specialists on the team
- 45+
We will explain in detail where to start and how long it takes.
