Our Work

Technologies

Vercel
ReactJS
Next.js
TypeScript
PostgreSQL
Material UI

Concept

We faced the challenge of creating an innovative website builder that combines a visual editor with artificial intelligence. The goal was to simplify website creation and editing for everyone, regardless of their experience level.
Telesite is the result of this mission, making web development intuitive and fast.

The development process

Our search for a solution

Through our market audit, we uncovered a significant gap - the lack of professional solutions for creating websites using mobile devices with a user-friendly mobile editor. Furthermore, we observed that many existing tools in the market are paid and come with excessive functionality that may not always be necessary for users.
Taking this information into consideration, we made a strategic decision to focus on developing a project optimized for mobile devices, offering only the most essential features. Our goal was clear: to provide users with an intuitive and straightforward tool for website creation directly from their mobile phones, eliminating unnecessary complexity and costs.
Additionally, we noticed that the majority of contemporary website builders do not adequately address the need for well-designed templates tailored for mobile devices. This crucial observation emphasizes the necessity of developing tools specifically adapted for mobile screens, ensuring an optimal user experience across various devices.

Our Development Philosophy

The development of the Telesite project was an intriguing and challenging process guided by a fundamental principle: simplifying the user experience. We aimed to strike a delicate balance between addressing genuine user needs and avoiding unnecessary complexity in the product's interface.
Our philosophy revolved around creating a lightweight and intuitively understandable interface, one that would make Telesite accessible to all users by lowering the entry barrier. However, achieving this simple interface required significant effort and meticulous attention to detail during development.
We consciously steered away from excessive complexity and interface clutter, as we recognized that it could lead to confusion and hinder the user experience. Instead, our focus was on ensuring usability and user-friendliness.
The development of Telesite was the outcome of continuous user feedback and ongoing product refinement. This iterative approach allowed us to strike the right balance between meeting real user needs and maintaining ease of use.

Blocks

One of our key challenges was to ensure flexible block development within the Telesite builder. This task was particularly challenging due to the dynamic nature of fields within blocks, and we dedicated substantial efforts to overcome it.
We designed over 100 diverse blocks to provide maximum flexibility and creativity when creating websites in Telesite. Furthermore, we developed an internal system that streamlines and standardizes the block development process for Telesite.This significant enhancement allowed us to significantly reduce the time required to create new blocks, thanks to a software environment and standardized block components and properties.
An efficient block development system makes the project more scalable and responsive to user needs.

Visual Editor

To streamline the process of configuring blocks on mobile devices, we have crafted an intuitive mobile editor. This editor simplifies the customization of blocks, ensuring an optimal user experience on smaller screens.
Our system of adaptive spacing between blocks enables users to adjust the distances between website elements for various screen resolutions, ensuring their optimal display. This feature enhances the overall mobile editing experience within Telesite, making it user- friendly and responsive to different devices.

Widgets

In addition to simple visual blocks, we have developed a category of blocks called "Widgets".
These widgets empower users to integrate functionality, even in cases where the block doesn't have a visual representation. For instance, these widgets can be used for configuring SEO fields or adding chat functionality. This expansion of capabilities has made Telesite a more versatile and powerful tool for web development, allowing users to create functional web projects with ease.

Global Blocks

We have successfully implemented the functionality to create global blocks in Telesite. These blocks, with the global mode enabled, can be reused across different pages of your website. Therefore, any changes made to a global block on one page automatically propagate to all pages where that block is used. This significantly simplifies website management and updates, ensuring consistency and uniformity of content throughout the entire site.

Search Engine Optimization (SEO)

We have optimized Telesite for SEO, implementing features such as cumulative shift, SSR(Server- Side Rendering) for fast loading, meta tag customization, and overall website speed and rendering improvements. This approach ensures that websites created with Telesite are better understood by search engines, leading to higher rankings in search results and improved overall visibility.

Pricing and Payment Processing

We have developed a pricing structure and integrated payment processing with a subscription model for convenient and automated payments in Telesite.

UI / UX

We recognized early on that user interface(UI) development plays a pivotal role in shaping the project's architecture. Our focus on creating an intuitive and user-friendly interface has been central to Telesite's development.

Telegram Bot

We introduced the @TelesiteBot on Telegram, allowing Telesite users to create websites using artificial intelligence.
This bot enables users to submit requests for website generation based on instructions, making the process of creating web projects more accessible and convenient for Telesite users.
We have also developed an intelligent system that enables Telesite users to automatically install the Telesite web application directly into their Telegram bot by simply entering the bot token. This innovative solution streamlines the installation and setup process, maximizing simplicity and convenience for users.

Photo Manager

We have developed a photo search manager that provides users with access to over 2 million professional images, all completely free with just a few clicks.Additionally, we have streamlined the process of uploading photos directly within the visual editor, taking just a few seconds to complete.

Version Control

We have implemented an automatic version control mechanism for pages created through Telesite. This feature allows users to track and restore previous versions of their web pages, ensuring data security and peace of mind.

Localization

Another significant aspect of our development process was addressing the localization of the interface. It's crucial to emphasize that localization is a far more intricate process than simply translating text within the interface, although it may seem trivial at first glance. Localization encompasses a range of complex architectural solutions that not only facilitate translation but also ensure ongoing support throughout the project's lifecycle.
During the development of Telesite, we encountered the challenge of localizing the editing interface for websites. This was particularly challenging, given that, as mentioned earlier, the fields in each block are dynamic.This compelled us to create an internal standard that efficiently enables the reuse of translations across all blocks.
We implemented multilingual support for four languages to meet the needs of Telesite users worldwide.

To simplify the management of language versions, we developed our own solution called "next-i18n-config" for Next.js. This allows us to efficiently handle translations and localization, ensuring a seamless interaction with various language versions of the website.

Our package is available on npm (next-i18n-config)

It is essential to emphasize that during the development of software products, it is crucial to consider localization from the very beginning.
Otherwise, there is a risk that localization could become a significant barrier and lead to delays in development or even issues in the project's functionality. Therefore, the integration of localization should be regarded as a strategic task that requires attention from the outset of the development process.

Theming

We have provided the option to choose between a light and dark theme for the Telesite interface to accommodate the preferences of different users.
Furthermore, we have enabled customization of websites created through Telesite, allowing users to tailor the appearance and functionality of their web projects to meet their specific needs and style.
This ensures greater flexibility and individuality in website creation.