1. Home|
  2. Portfolio|
  3. Gumi Center

Gumi Center

We created the new online store for Gumi Center — tires and wheels with fitting, repair and tire storage, with search by size, by vehicle and by wheel specs.

Gumi Center
About the project

Gumi Center

We created the new online store for Gumi Center — a tire and wheel retailer with its own service shop for fitting, balancing, repair and tire storage. Right on the first screen, customers can search for tires in three ways: by size (width, profile, diameter and season), by vehicle make, model and year, or by wheel specs — bolt pattern, offset and center bore. Anyone who doesn't know their size finds a guide on how to read it from the tire sidewall. The catalog is divided into winter, summer and all-season tires, tires for SUVs, vans, motorcycles and industrial machinery, and brands into premium, mid-range and budget. Each tire shows its energy label, load and speed indexes, stock availability and the price per tire and per set of four. Services are listed with “from” prices right on the home page, while FAQs, Google reviews and a call button take customers from choosing a tire to a booked service appointment.

Services
  • Custom design
  • UX/UI
  • Web design
  • Web development
  • Front-end development
  • Back-end development
  • Optimization
  • Hosting & maintenance
Industry
  • Cars & transfers

Branding

The mark is the letter “G” in a red circle, framed by a dark rim notched like a tire tread — the same emblem sits at the center of the wheel on the opening screen. Red carries the buttons and accents, graphite and midnight black hold the background, and the beveled corners and slanted bold Fira Sans Condensed in the headings add a sense of speed.

Gumi Center — logo

Logo 1

Logo 1

Colors

Red

HEX #C4161C

RGB 196,22,28

Dark red

HEX #A31117

RGB 163,17,23

Graphite

HEX #16181B

RGB 22,24,27

Midnight black

HEX #0B0C0E

RGB 11,12,14

Light gray

HEX #ECEEEF

RGB 236,238,239

Typography:

Fira Sans Condensed

Aa, Bb, Cc, Dd, Ee, Ff, Gg, Hh, Ii, Jj, Kk, Ll, Mm, Nn, Oo, Pp, Qq, Rr, Ss, Tt, Uu, Vv, Ww, Xx, Yy, Zz

0 1 2 3 4 5 6 7 8 9 10

Onest

Aa, Bb, Cc, Dd, Ee, Ff, Gg, Hh, Ii, Jj, Kk, Ll, Mm, Nn, Oo, Pp, Qq, Rr, Ss, Tt, Uu, Vv, Ww, Xx, Yy, Zz

0 1 2 3 4 5 6 7 8 9 10

alt
alt
alt
alt

Design for every
device

We design for each screen size separately — from a widescreen monitor to the phone in your pocket — so the experience is equally good everywhere.

altalt
alt
alt
alt
alt

Over 22 pages

A clear structure and well-organized content in which visitors find what they're looking for on the first try.

Design for desktop and mobile

One design that looks and works equally well on a monitor, tablet and phone.

Easy to use

Intuitive navigation and fast loading — nothing standing between the customer and the action.

Every view is tested on real devices before launch — because mobile traffic has long been the main traffic, not the extra.

Built with the mobile screen in mind

Over 70% of visits come from a phone. That's why we start there — and build up to tablet and desktop, instead of shrinking a finished desktop design.

Every screen is checked on a real device, not just in a browser. That way, differences are caught before launch, not after it.

Phone frame
Gumi Center

Scroll the screen in the phone — this is the project's real mobile version, exactly as the client sees it.

Phone first, then everything else

We design from the smallest screen up. That way, what matters most stays visible everywhere, instead of being hastily rearranged for mobile.

Fast, even on a weak connection

We optimize images and code for mobile networks. The page starts loading in under a second — not after the visitor has already given up.

Thumb-friendly

Buttons, forms and navigation are designed for one-handed use on the go — no zooming, no accidental taps.

Project timeline

The work proceeds in clear phases with a fixed scope — you know what happens in each one and when to expect the result.

240 hours
6 weeks

Phase 1 1 week

ResearchStructureCompetitor analysis

Phase 2 2 weeks

Custom designUX/UIWeb design

Phase 3 2 weeks

Web developmentFront-end developmentBack-end development

Phase 4 1 week

OptimizationHosting & maintenance

More projects

All projects
Doctor Color

Doctor Color

Doctor Color is a car service center in Varna that we've partnered with for over 10 years — continuous development, technical improvements and SEO optimization.

Open Sans
Promosale

Promosale

We designed the elegant website of Promosale — a specialist dealer of luxury, sports and high-end cars, including German premium brands.

Poppins

Make a difference with Web Factor

Make a difference with Web Factor

Ready for a new website? Let's build it.

Get in touch so we can discuss your needs and see how we can help you reach your goals

Start a project Contact us

Call now:

We're available every day from
8:30 a.m. to 8:30 p.m. (Sofia time)

+359 88 33 22 379