We value your privacy

We use cookies and similar technologies to enhance your browsing experience, analyze site traffic, and personalize content. You can customize your preferences at any time.

Cookie Preferences

Manage your cookie consent preferences.

Essential for core site functionality such as navigation, security, and access to protected areas. These cannot be disabled.

Help us understand how the site is used so we can measure performance and improve it.

Valorant Turkey

For ESA E-Sports, we designed the Valorant Turkey League website and developed a special tournament software that can work in league and elimination modes.

What We Did
  • Back-End Development
  • Front-End Development
What We Used
FigmaFigma is a cloud-based design and prototyping tool for teams. It is used to create and collaborate on user interface designs, wireframes, and prototypes.
EslintESLint is a tool for identifying and reporting on patterns found in ECMAScript/JavaScript code, with the goal of making code more consistent and easier to maintain. It is used to enforce code style and identify potential problems in code.
GitGit is a distributed version control system. Git keeps a history of the changes you make in your workspace by adding them to a repository. In this way, you can follow the changes made by all employees contributing to the project and monitor the progress of the project.
HTMLHTML is a text markup language and defines the content of web pages. HTML determines how text, links, images, and other elements appear on a web page. HTML files are opened and viewed by a web browser.
JavascriptJavaScript is a browser-based programming language. This language helps to create dynamic content that works on web pages. For example, JavaScript can check the accuracy of a form on a web page, update the content of a page instantly, and track user interactions.
LaravelLaravel is a free and open-source PHP web framework used for web application development. It is designed to make it easier for developers to write modern, maintainable, and scalable applications.
MysqlMySQL is a database management system. This system is used for storing, querying and processing data. MySQL is a high-performance database that can run on various operating systems.
Npmnpm (short for Node Package Manager) is the default package manager for the JavaScript runtime environment Node.js. It is used to install and manage packages (libraries and tools) that are required for a Node.js project.
PrettierPrettier is a code formatter that helps developers to write clean, consistent, and easy-to-read code. It is designed to take care of the formatting, so developers can focus on the content of their code.
Tailwind CSSTailwind CSS is a utility-first CSS framework that allows developers to build custom user interfaces with ease. It is designed to make it easy to create custom styles without having to write complex CSS rules.
Vue.jsVue.js is a progressive JavaScript framework for building user interfaces. It is used to build single-page applications (SPAs) and is designed to be easy to learn and use.
WebpackWebpack is a module bundler for JavaScript applications. It is used to package and optimize code, assets, and libraries for deployment to the web. It is often used in the development of modern web applications to improve performance and reduce the size of the application.
CSSCSS is a language that is used to describe the appearance (style) of web pages. CSS is used with HTML or XML to specify the font, color, spacing, and other appearance elements of a web page.
JSONJSON is a data exchange format. In this format, data is expressed as objects, arrays, and values. For example, data from a data source in a web application can be converted to JSON format by a web server and sent to a web browser.
PHPPHP is a server-side programming language. This language helps to create dynamic content by running on web servers. For example, with PHP you can process data sent from a web form, make database queries, and create the content of web pages.
ESA E-Sports Logo

Founded in 2018, ESA Esports is focused on the video game and esports industry. It is based in Turkey and has the largest esports arena in the country, as well as high-tech digital broadcasting studios. In 2022, ESA Esports was selected as the "VALORANT Ecosystem Partner" by Riot Games for the Turkey region and is responsible for organizing and running the VALORANT Regional League Turkey: Birlik, as well as various tournaments and community events related to the game. ESA Esports aims to be a market leader in Turkey and a significant player in the global esports industry.

We followed a completely different process to design and develop the Valorant Turkish League website. Firstly, we gathered requirements and defined the website's needs. We identified the necessary features and functionalities, such as information screens about the league and teams, match schedules, standings, tournament view, administration panel and user screens. Then, we created a design for the website, considering factors such as overall aesthetics, usability and user experience, and used different technologies to translate these designs into a working website. Throughout the process, we continuously tested and debugged the application to ensure everything worked correctly and met the requirements. Overall, the design and development of the Valorant Turkey League website was a remarkable yet valuable project with more careful planning, attention to detail and comprehensive flows than many other projects.

Valorant Türkiye Web Sitesi

An interface design for gamers

To make the most of the opportunity to design an interface for gamers like us, we started by collecting feedback and insights from target users and analysed existing game interface designs. Our primary goal was to ensure that this dynamic user interface, which we prepared based on the feedback we obtained, was functional, user-friendly and visually attractive for all players.

Valorant Türkiye Web Sitesi Arayüz Tasarımı

Valorant Türkiye Web Sitesi Turnuva Sistemi Arayüz Tasarımı (UI Design)

Valorant Türkiye Web Sitesi Haberler Arayüz Tasarımı (UI Design)

Valorant Türkiye Web Sitesi Arayüz Bileşenleri (UI Components)

Much more than standings and matches

In this process, we learnt that the details behind match results and scoreboards can lead to academic articles and advaced mathematical equations.

It has been an unforgettable and a joyful experience for us to create an infrastructure that can adapt to the dynamics of the Valorant universe, which has a completely unique match, scoring pointing system. By applying those special requirements, for the tournament system we finally delivered a flexible tournament software which can work in more than 5 different modes with almost unlimited custom rules that can be defined for matching teams.

Valorant Türkiye Web Sitesi Hero Section Arayüz (UI)
Valorant Türkiye Web Sitesi Haberler, Sıralamalar
Valorant Türkiye Tekrarlar
Valorant Türkiye Takım

Similar Works

Partymag - PartyMag App
Partymag

PartyMag App
Evini Dodola - evinidodola.com
Evini Dodola

evinidodola.com
Istanbul Metropolitan Municipality - Istanbul İSTAÇ Corporate Website: Project Overview
Istanbul Metropolitan Municipality

Istanbul İSTAÇ Corporate Website: Project Overview
View all services

Have a project in mind?

Let's discuss how we can bring your vision to life.

We are here to answer any questions you have about our services and how we can help you with your digital projects.
Work With Us
London

565 Green Lanes
Haringey, London, United Kingdom

Istanbul (Headquarters)

Esentepe Mahallesi
Talatpaşa Caddesi No:5/1
Şişli, İstanbul
34394, Turkey

© 2026 Epigra. All rights reserved.