Someone finds a phone number they like, chooses their options and carries the order through to checkout. It sounds straightforward. Making that journey work properly was a big part of our work with Telecoms World.
We built the marketing website and integrated the telephone-number ordering API. That covered the number selector, the checkout handoff and the connection to the backend, working with ECCE as a technology partner. We also looked after the site day to day: its scripts, HubSpot forms, calculators, interactive forms, animations and graphics.
With 50,000+ visits a month and frequent number orders, this was a website people relied on to get something done. Reliability and an ordering experience that was easy to follow were priorities throughout the work.
Picking a number is the start
The live 0800 number page is a useful place to see the work. Customers can compare plans, filter the available numbers and see the ordering form alongside the selector. It puts the choices and the next step in the same place.
Our work connected that selector to the telephone-number ordering API. The number someone chooses has to remain the same number as they move through the process. The surrounding interface needs to make those choices understandable, with enough detail for someone to decide what they want.
The handoff to checkout
The selector is one part of the job. The details then need to reach checkout and the backend correctly. We built that connection as part of the ordering flow, working with ECCE on the technology behind the process.
This is where the website and the ordering system have to agree. What the customer has selected on the page needs to be represented correctly at the next step. It is worth looking at that handoff early in a build, because a polished selector on its own only gets someone part of the way.
For a similar project, we would want to understand the API, the information checkout expects and who owns each side of the connection before committing to the interface. Those decisions affect what the customer can do and what needs to happen when something is missing or changes.
Keeping the right context with an order
We also handled visitor attribution using cookies and tracking. The aim was to keep the correct customer context associated with the journey through the website and ordering process.
That work belongs in the same conversation as the forms and checkout handoff. When someone moves between parts of a site, the information that matters to the business needs to travel with them. The details depend on the systems involved, so it helps to agree what needs to be retained and where it is used.
A busy site needs day-to-day care
On a site with this level of traffic and regular orders, maintenance is part of the job. We handled day-to-day website maintenance and managed the scripts running across the site.
That means paying attention to how a change in one place affects the rest of the experience. A form, a calculator and an ordering component can all share the same page. They still need to behave sensibly together, including on smaller screens.
This is the kind of work covered by our Webflow maintenance service: keeping a working website supported as its content, features and connected systems change. Our guide to the fractional marketing engineer role covers how development support can fit around that ongoing work.
Forms, calculators and the rest of the site
The ordering flow was a substantial part of the project, alongside the rest of the marketing website. We set up HubSpot form integrations and built interactive forms and calculators.
These tools give visitors ways to work through an option or send the right information to the team. The form on a product page and a more involved ordering process have different jobs, so each needs to fit the task the visitor is trying to finish.
For a similar site, we would look at each tool in context: what someone needs to know before using it, what they need to enter and what happens next. It is a practical way to decide whether the interaction is useful and whether its instructions are clear.
The visual work matters too
We produced the site graphics and built animations alongside the functional work. Those details help give the marketing pages a consistent feel while explaining a fairly involved range of products.
The live site brings together plan comparisons, product illustrations, forms and number selection. Each part needs enough attention to feel like it belongs on the same website. That is the focus of our B2B website design and development: helping people understand the offer and take the next step.
What makes this kind of work hold together
For Telecoms World, our role brought the marketing website, ordering API, backend connection and ongoing website work into the same brief. That gave us a reason to look beyond an individual page and consider the customer’s route through the site.
If you are planning something similar, start with the task people need to complete. Then work through the choices, handoffs, forms and day-to-day ownership around it. That gives the design and technical work a clear purpose.
You can see the Telecoms World project or tell us about the process your website needs to support.
