Веб-студии Лондона

История технологического Лондона начинается задолго до электричества и вычислительных машин. В XVII веке город стал одним из мест, где складывался новый подход к науке — наблюдение, эксперимент и точное измерение постепенно становились важнее ссылок на авторитеты прошлого. В 1660 году после лекции архитектора и астронома Кристофера Рена в Gresham College собралась группа учёных, из которой выросло Royal Society. С обществом впоследствии были связаны Исаак Ньютон, Роберт Гук, Эдмонд Галлей, Майкл Фарадей и другие исследователи, чьи работы меняли физику, астрономию и представления об устройстве мира.

Следующий большой научный проект Лондона был связан с морем. В 1675 году Карл II основал Королевскую обсерваторию в Гринвиче, а первым королевским астрономом стал Джон Флемстид. Перед ним стояла вполне практическая задача: уточнить положение звёзд, чтобы моряки могли точнее определять координаты корабля. Наблюдения продолжались поколениями, появлялись новые каталоги и инструменты, а в 1884 году международная конференция выбрала проходящий через Гринвич меридиан в качестве нулевого. К этому времени Лондон уже входил в следующую технологическую эпоху: несколькими десятилетиями раньше Чарльз Бэббидж начал проектировать машину, способную выполнять вычисления автоматически.

Обсудить проект

Бэббиджа занимала вполне конкретная проблема XIX века — ошибки в математических таблицах. Таблицы логарифмов, навигационные и астрономические расчёты составлялись людьми, переписывались и печатались, а ошибка в одной цифре могла пройти через несколько изданий. В 1822 году Бэббидж представил идею разностной машины, которая должна была механизировать такие вычисления. Позже он задумал гораздо более сложную аналитическую машину с памятью, вычислительным устройством и управлением последовательностью операций с помощью перфокарт.

Рядом с этой историей появляется Ада Лавлейс, дочь Джорджа Байрона. В 1843 году она опубликовала перевод статьи итальянского инженера Луиджи Менабреа об аналитической машине Бэббиджа и добавила собственные примечания, которые оказались значительно объёмнее исходного текста. В одном из них был описан алгоритм вычисления чисел Бернулли. Лавлейс также заметила более важную вещь: машина потенциально способна оперировать любыми объектами, которые удаётся представить через формальные правила. До электронных компьютеров оставалось около столетия.

Сам Бэббидж полноценную машину не построил. Проверка его замысла состоялась уже в другую эпоху. В лондонском Science Museum по оригинальным чертежам собрали Difference Engine No. 2. Машину завершили в 1991 году, спустя 120 лет после смерти изобретателя. Она работала. Позже к ней добавили разработанный Бэббиджем печатный механизм. Получился редкий инженерный эксперимент длиной больше века: чертежи викторианского математика превратили в реальный механизм и подтвердили точность заложенной конструкции.

Следующий важный эпизод произошёл 25 июля 1973 года в University College London. Группа профессора Питера Кирстейна установила первое в Великобритании соединение с ARPANET. Пакеты данных передавались между UCL и University of Southern California. Лондон оказался одним из первых международных узлов сети, создававшейся американским агентством ARPA и ставшей важнейшим предшественником современного интернета.

Работа Кирстейна продолжилась исследованиями сетевых протоколов. Его лаборатория создала первую европейскую реализацию TCP, а в 1975 году UCL и Stanford провели международное испытание протокола. TCP решал фундаментальную задачу: данные можно разбить на пакеты, передать через сеть и надёжно собрать на принимающей стороне. Позднее TCP/IP стал основой интернета. В 1976 году группа Кирстейна организовала электронную почту для королевы Елизаветы II — событие, которое сегодня выглядит почти бытовым, а тогда происходило в мире, где большинство людей никогда не видели компьютерной сети.

С Лондоном связан и Тим Бернерс-Ли. Он родился здесь в 1955 году в семье математиков Мэри Ли Вудс и Конвея Бернерса-Ли, работавших с ранними британскими компьютерами. Сам World Wide Web появился позже в CERN. В 1989 году Бернерс-Ли предложил систему связанных гипертекстовых документов, а в начале 1990-х появились первые сервер, браузер и сайт. HTML, HTTP и адреса URL дали интернету привычную форму: документ получил адрес, документы начали ссылаться друг на друга, а браузер стал универсальным способом доступа к ним.

Обсудить проект

Современная цифровая индустрия Лондона выросла на пересечении нескольких сильных отраслей: финансов, медиа, розничной торговли, образования, транспорта и государственного сектора. В Сити и Canary Wharf сосредоточены банки, страховые и финансовые компании, вокруг Shoreditch и Old Street сформировалась среда технологических компаний и дизайнерских студий, а университеты, музеи, благотворительные организации и государственные учреждения создают постоянный спрос на крупные информационные системы. Из-за этого лондонский рынок веб-разработки очень неоднороден. Здесь рядом существуют небольшие дизайнерские бюро, студии корпоративных сайтов и команды, которые проектируют банковские сервисы, клиентские кабинеты, торговые площадки и системы с миллионами записей.

Уровень многих проектов хорошо виден по составу заказчиков. Bank of England управляет огромным массивом публикаций, статистики и нормативных материалов, W3C отвечает за стандарты Всемирной паутины, UK Parliament публикует документы и данные, которыми ежедневно пользуются граждане, журналисты и государственные службы. Heathrow работает с пассажирскими сервисами и постоянно меняющейся информацией о рейсах, UCL объединяет десятки факультетов и исследовательских подразделений. Для таких сайтов важны уже не отдельные страницы, а вся система целиком: структура тысяч материалов, поиск, редакционные роли, интеграции с внешними базами, несколько языков, доступность для людей с ограничениями, скорость под высокой нагрузкой и возможность развивать проект много лет без полной перестройки.

Для рейтинга мы смотрели на историю компаний, опубликованные проекты, специализацию, технологии и уровень задач. Большой вес получают кейсы, где можно понять реальный объём работы: устройство серверной части, интеграции, миграция данных, поисковая оптимизация, производительность, доступность и дальнейшее сопровождение.

Обсудить проект

Cyber-Duck появилась в 2005 году и со временем выросла из веб-студии в компанию, занимающуюся крупными цифровыми системами. В 2023 году она вошла в CACI. Среди клиентов — Bank of England, Sport England, Financial Ombudsman Service, College of Policing и другие организации с высокими требованиями к безопасности, доступности и работе с большим объёмом информации.

Один из крупных проектов CACI Digital Experience — сайт Bank of England. Команда переработала структуру и пользовательские сценарии, внедрила Sitecore и перенесла инфраструктуру в AWS. После запуска органический поисковый трафик вырос на 6%, мобильный — на 22%, а среднее время посещения сайта — почти на 30%.

Ustwo основали Мэтт Миллер и Джон Синклер в 2004 году. Из лондонской команды компания выросла в международную студию цифровых продуктов. Отдельную известность принесла игра Monument Valley, хотя коммерческая деятельность гораздо шире: мобильные приложения, веб-сервисы, исследования и проектирование интерфейсов.

Инженерная команда ustwo занимается полнофункциональными веб-приложениями, разработкой под iOS и Android, React Native, Kotlin Multiplatform, тестированием и архитектурой. Такой набор хорошо показывает современное устройство цифрового продукта. Интерфейс проектируется вместе с поведением системы, мобильными сценариями, доступностью и программной архитектурой.

Made by Many работает около 18 лет и сообщает о 120 созданных продуктах и сервисах для более чем 100 организаций. Среди клиентов встречаются adidas, Aviva, Burberry, Finnair, Microsoft, TED и другие международные компании. Студия специализируется на разработке цифровых продуктов и новых сервисов, проверенных на реальных пользователях.

Один из самых известных проектов Made by Many — Art of the Trench для Burberry, запущенный в 2009 году. Пользователи со всего мира публиковали фотографии в тренчах Burberry, просматривали работы других участников и отмечали понравившиеся снимки. Проект объединил историю одного из главных продуктов марки с механикой пользовательского контента и стал заметным примером ранней интеграции социальных функций в сайт модного бренда.

GoodCore работает с 2005 года. Компания указывает более 100 реализованных проектов и среднюю продолжительность отношений с заказчиком 6,8 года. Здесь веб-разработка уже тесно соприкасается с корпоративным программным обеспечением: финансовые системы, медицина, образование, производство, модернизация старых платформ и перенос систем в облачную инфраструктуру.

Особое внимание GoodCore уделяет защищённости. Компания имеет ISO 27001, ISO 9001, SOC 2 и Cyber Essentials Plus и работает с проектами, где важны GDPR, аудит действий и контролируемый доступ к данным. Такой профиль хорошо показывает разницу между защитой обычной презентационной страницы и финансовой системой. Во втором случае нужны модель прав, журналирование событий, управление секретами, резервирование, контроль инфраструктуры и регламент обновлений.

Studio 24 работает более 25 лет. В её портфолио — World Wide Web Consortium, UK Parliament, Crossrail, RNIB, Heathrow Airport, University of London и Department of Health & Social Care. Отдельная специализация студии — цифровая доступность. Для W3C, организации, которая разрабатывает стандарты самого веба, команда выполняла редизайн сайта.

Studio 24 использует WordPress и Craft CMS, собственные решения и внешние интеграции. Минимальным ориентиром доступности для разработки служит WCAG 2.2 AA. Проверяется работа с клавиатурой, семантика HTML, программы экранного доступа, формы, контраст, производительность и набор поддерживаемых браузеров. В государственных и общественных проектах Великобритании эти требования входят в обычную инженерную практику.

KOTA находится в Clerkenwell и специализируется на сайтах с сильной визуальной составляющей, фирменном стиле и цифровых кампаниях. Среди опубликованных проектов и клиентов встречаются Jamie Oliver и другие известные британские бренды. Для Little's Coffee агентство создавало интернет-магазин на Shopify.

Сильная сторона KOTA — соединение графического языка бренда с интерфейсом. Здесь большую роль играют типографика, фотографии, видео, движение и аккуратно выстроенные переходы между состояниями страницы. Такая специализация подходит компаниям, где сайт выполняет презентационную функцию и визуальное впечатление влияет на восприятие продукта так же сильно, как содержание.

Wholegrain Digital основали Том и Винита Гринвуд в 2007 году. Компания стала одной из первых лондонских студий, специализировавшихся на WordPress, и постепенно сосредоточилась на производительности, доступности и снижении ресурсоёмкости сайтов. Сама студия сообщает, что её проекты в среднем получают более 90 баллов из 100 по SEO и доступности. По данным студии, её сайты в среднем требуют меньше энергии для загрузки и создают на 67% меньше связанных с передачей данных выбросов CO₂, чем средний сайт.

За экологической идеей здесь стоит вполне обычная инженерия: меньше лишнего JavaScript, оптимизированные изображения, разумное количество шрифтов, кэширование, быстрая серверная часть и контроль размера страницы. Те же решения улучшают Core Web Vitals и мобильную загрузку. Для корпоративного WordPress-проекта это хороший пример того, как производительность закладывается во время разработки, а не исправляется после запуска.

Browser специализируется на исследованиях пользователей, проектировании интерфейсов и разработке цифровых продуктов. В портфолио встречаются проекты, связанные с British Library и сложными информационными системами. Работа начинается с исследования поведения пользователей, интервью, анализа данных и прототипов, после чего команда переходит к интерфейсу и программированию.

Такой процесс особенно полезен для кабинетов, поисковых систем, аналитических платформ и B2B-сервисов. На главной странице подобного продукта может находиться всего несколько элементов, а внутри — десятки состояний таблиц, фильтров, прав пользователей и операций с данными. Качество определяется тем, насколько быстро человек выполняет задачу и насколько трудно ему ошибиться.

FocusReactive специализируется на Next.js и сайтах, где система управления контентом и сам сайт работают независимо друг от друга. Среди проектов есть EasyPark на Storyblok, Next.js и Vercel, Arrive с переносом со Storyblok на Payload CMS, Caleffi с Shopify и Sanity, QuantHealth на DatoCMS и Next.js.

Подобная архитектура хорошо подходит международным компаниям. Один набор данных можно использовать на нескольких сайтах и рынках, а интерфейс развивать независимо от административной системы. Такая архитектура позволяет использовать Storyblok, Payload, Sanity или другую систему как единый источник контента, а сайты и приложения создавать на Next.js. Материалы можно одновременно публиковать на нескольких сайтах, в мобильных приложениях и разных языковых версиях, не перенося их вручную между системами.

The Web Kitchen начала работу в 2007 году. Сейчас компания указывает 28 сотрудников и три офиса — в Лондоне, Брайтоне и Нью-Йорке. Лондонская штаб-квартира находится в Holborn. Студия работает с корпоративными, образовательными, культурными и общественными организациями.

В крупных проектах The Web Kitchen собирают в одной системе тысячи страниц разных типов: новости, исследования, профили сотрудников, мероприятия, документы и тематические разделы. Для них проектируется собственная структура данных, связи между материалами, фильтры и внутренний поиск. Редактор сайта получает набор готовых компонентов и может собирать новые страницы, менять их структуру и публиковать материалы без правок в программном коде.

Blue Flamingo совмещает дизайн, разработку, электронную коммерцию и дальнейшее сопровождение. В портфолио есть UCL, GLP и IPSX. Последний проект особенно интересен: IPSX создавалась как регулируемая биржа коммерческой недвижимости, а сайт должен был отображать рыночные данные и информацию об активах.

В проекте использовались Python, Django, Java и C++. Система собирала данные из нескольких источников, включая цены, сведения о сделках и показатели объектов недвижимости. Для регулируемой финансовой площадки точность этих данных становится частью самой услуги. Blue Flamingo указывает около 9 000 посещений в месяц и рост трафика IPSX на 55% в год.

Bird объединяет разработку сайтов, поисковое продвижение и интернет-маркетинг. Один из показательных проектов — Capital. Помимо нового сайта на WordPress компания получила отдельный клиентский портал, где заказчики могут подключать услуги и безопасно передавать документы.

Такой проект хорошо показывает границу между корпоративным сайтом и внутренней автоматизацией. Публичные страницы приводят клиента из поиска или рекламы, а после регистрации начинается уже другая система с авторизацией, файлами и бизнес-процессами. Для компании, которая собирается заказать сайт как один из основных каналов продаж, эту связь полезно продумать до разработки.

Plug & Play основана в 2006 году и имеет команды в Лондоне и Guildford. Основные направления — индивидуальный веб-дизайн, интернет-магазины, мобильные приложения, фирменный стиль и интернет-маркетинг. Один из крупных проектов Plug & Play — платформа международного кадрового агентства Give A Grad A Go.

Студия разработала сайт на WordPress и отдельный портал вакансий на Laravel. Проект разделён на британское и австралийское направления с собственным содержанием и поисковой оптимизацией для каждого рынка. В систему вошли поиск вакансий и личный кабинет, через который кандидаты могут самостоятельно работать с предложениями. Разработка заняла 28 недель и включала также обновление фирменного стиля и перестройку цифровой инфраструктуры компании.

Shoreditch Design выросла в одном из районов, сильнее всего ассоциирующихся с лондонской digital-культурой. Сейчас команда насчитывает около 18 дизайнеров и сообщает о 189+ клиентах в 24 странах. Основные направления — digital product design, branding, marketing web design и video.

Для веб-проектов студия занимается sitemap, information architecture, UX/UI, CMS implementation, SEO и conversion rate optimisation. Это дизайнерская компания в хорошем смысле слова: большое внимание уделяется визуальному языку и бренду. Такой профиль подходит стартапам, технологическим компаниям и сервисам, где внешний вид продукта сильно влияет на восприятие самого бизнеса.

Один из заметных проектов CreativeWeb — сайт NATO Innovation Fund, венчурного фонда объёмом более €1 млрд, который инвестирует в компании в области искусственного интеллекта, робототехники, новых материалов, энергетики и других глубоких технологий. В 2024 году студия полностью переработала сайт фонда: структуру разделов, представление инвестиционного портфеля и интерфейс. В проекте используются интерактивные карты, анимация при прокрутке, параллакс и динамические элементы интерфейса.

После запуска нового сайта CreativeWeb сообщила о росте вовлечённости пользователей на 220%. Проект получил Gold на London Design Awards, Honourable Mention от Awwwards и награду Site of the Day от Design Nominees. В техническом профиле проекта указаны Contentful, PHP, Tailwind CSS, GSAP и Swiper.js.

Fishfinger — лондонская студия, работающая с веб-дизайном, иллюстрацией и анимацией. Среди её клиентов — Google, Nike, adidas, Red Bull, WWF, Riot Games, Penguin и NHS. Один из наиболее интересных веб-проектов студии — The Insurance Experiments, созданный для Association of British Insurers.

Вместо обычного информационного сайта об страховании Fishfinger разработала интерактивную серию экспериментов с собственными персонажами и анимацией. Пользователь последовательно проходит короткие сцены с метеоритами, радиоактивными материалами, автомобилями и другим имуществом, а через происходящее на экране разбирается в принципах страхования. Для проекта студия разработала иллюстрации, персонажей, анимированные сцены и сам сайт.

Propeller работает в Лондоне более 25 лет и специализируется в том числе на крупных проектах для гостиничного и ресторанного бизнеса. Один из главных клиентов студии — Young’s, британская компания с историей с 1831 года и сетью более чем из 277 пабов и отелей в Лондоне и на юге Англии. Propeller развивает её цифровую инфраструктуру уже более 20 лет.

Для Young’s создана система сайтов отдельных заведений с общей технологической основой. Каждый паб может публиковать собственные меню, мероприятия, специальные предложения и варианты бронирования, сохраняя структуру общей сети. Propeller разработала отдельные сценарии бронирования и сейчас переводит систему на headless-архитектуру, отделяя управление содержимым от интерфейсов сайтов. По данным студии, за последний год количество пользователей выросло на 9%, средняя продолжительность посещения — на 13%.

Together специализируется на сайтах для технологических компаний. Среди клиентов студии — Contentsquare, Tailscale, Genius Sports, Coder, Unit и Orum. Для Orum, американской платформы автоматизации продаж на базе искусственного интеллекта, команда разработала новый сайт на Next.js с отдельной системой управления контентом. На страницах встроены демонстрации продукта, которые показывают работу автоматического набора номеров, анализа разговоров и инструментов обучения менеджеров.

Система управления отделена от интерфейса сайта: маркетинговая команда Orum может самостоятельно создавать страницы для рекламных кампаний, обновлять описание функций и добавлять новые направления продукта. Together продолжает развивать проект после запуска — сайт расширяется вместе с платформой Orum, которая от автоматического набора номеров перешла к анализу разговоров, обучению сотрудников и аналитике эффективности продаж.

Pixated работает в Лондоне с 2018 года и занимается разработкой сайтов и электронной коммерцией. Один из наиболее показательных проектов — интернет-магазин Kent Foods Direct, крупного британского поставщика продуктов и крупнейшего независимого дистрибьютора сахара в Великобритании. До запуска проекта основная часть заказов принималась сотрудниками компании по телефону и обрабатывалась вручную.

Pixated разработала магазин на Shopify и перенесла процесс заказа в интернет. Команда спроектировала полный сценарий покупки — от выбора продукции до оформления заказа — и связала магазин с существующими системами Kent Foods Direct. Главной технической задачей была интеграция Shopify с внутренней инфраструктурой компании, поскольку обработка и выполнение заказов уже были выстроены вокруг действующих бизнес-систем. В итоге компания получила отдельный онлайн-канал продаж вместо ручного приёма заказов по телефону.

Один из крупных проектов Lilo — интернет-магазин британского производителя тканей и обоев Osborne & Little. В основе проекта — Magento, серверная часть работает на PHP, интерфейс использует JavaScript, HTML и CSS. Магазин рассчитан на каталог из нескольких тысяч тканей, обоев и интерьерных коллекций. Lilo разработала собственные фильтры каталога, заказ образцов непосредственно из карточки товара, список избранного и интерактивную карту дилеров Osborne & Little по всему миру.

В Magento также интегрировали платёжный шлюз и отдельную французскую версию магазина. При миграции Lilo перенесла тысячи товарных страниц, сохранила поисковые адреса через систему редиректов, настроила метаданные и структурированные данные. Изображения коллекций оптимизировали и перевели в WebP, поскольку каталог содержит большое количество фотографий тканей высокого разрешения. Разработка заняла 32 недели. По данным Lilo, после запуска органический трафик вырос на 350%, количество целевых действий — на 280%, прямой трафик — на 300%.

Лондонские студии используют разные стеки. The Web Kitchen работает с WordPress, FocusReactive — с Next.js, Storyblok, Sanity и Payload, Together — с Next.js и отдельными системами управления контентом, Lilo — с Magento. WordPress подходит для корпоративных сайтов с большим количеством публикаций и редакторов, Shopify и Magento — для электронной коммерции.

Веб-сервисы разрабатывают на PHP и Laravel, Python и Django, Node.js или .NET. Для интерфейсов используются React и Next.js, данные хранятся в PostgreSQL и MySQL. Redis применяется для кэширования, Docker — для контейнеризации, AWS и Azure — для серверной инфраструктуры. Contentful, Storyblok и Sanity позволяют хранить материалы отдельно и передавать их через API сразу на несколько сайтов и приложений.

Обсудить проект

Для лондонских корпоративных сайтов особенно важны три направления: SEO, безопасность и доступность. При разработке сохраняется поисковая структура и старые URL, настраиваются 301-редиректы, canonical, sitemap.xml, Schema.org и Core Web Vitals. Административная часть защищается двухфакторной аутентификацией и разграничением прав, сервер — от SQL-инъекций, XSS и CSRF; используются HTTPS, WAF и резервное копирование. Для государственных, образовательных и общественных проектов Великобритании большое значение имеет WCAG 2.2 AA: например, Studio 24 применяет этот стандарт в проектах для W3C, RNIB и UK Parliament, включая тестирование сайта с клавиатуры и программами экранного доступа.

Лондонские студии заметно различаются по специализации. Propeller много работает с гостиницами, ресторанами и сетями заведений, Wholegrain Digital — с производительностью и экологичностью сайтов, FocusReactive — с Next.js и headless-архитектурой, Fishfinger — с иллюстрацией и интерактивными проектами, Studio 24 — с крупными информационными ресурсами и доступностью.

Для интернет-магазина с большим каталогом интереснее опыт Lilo с Magento, для сложного корпоративного ресурса — проекты CACI и The Web Kitchen. Такая специализация полезнее позиции агентства в общем рейтинге: команда уже сталкивалась с характерными для отрасли каталогами, интеграциями, редакционными процессами и ограничениями.

Отдельно стоит выяснить, кто останется с проектом после запуска. Для сайта на WordPress или Magento нужны обновления и контроль безопасности, для Next.js — поддержка приложения и серверной инфраструктуры, для проекта с CRM или ERP — контроль интеграций. У некоторых лондонских агентств поддержка крупных клиентов продолжается годами: Propeller, например, работает с Young’s более 20 лет и развивает цифровую систему сети из сотен пабов и отелей.

Обсудить проект

Лондонский заказчик часто работает сразу на нескольких рынках, поэтому корпоративный сайт может объединять английскую и региональные версии, каталоги для разных стран, локальные контакты, вакансии, документы и отдельные кабинеты партнёров. В финансовом секторе к сайту подключаются базы данных и защищённые разделы, в недвижимости — карты и каталоги объектов, в промышленности — тысячи моделей и технических характеристик, в электронной коммерции — складские системы, платежи и службы доставки. Для таких проектов используются WordPress, Drupal, Contentful, Magento, Shopify, Next.js, Laravel, PostgreSQL, AWS и другие технологии — стек выбирается под конкретную архитектуру.

Big Fish Digital берёт на себя весь цикл разработки сайта для компании из Лондона: структуру, прототипы, индивидуальный дизайн, адаптивную вёрстку, систему управления, серверную часть, интеграции, тестирование и запуск. Мы работаем с WordPress, MODX и 1С-Битрикс, разрабатываем собственные системы на PHP и Laravel, подключаем CRM, 1С и внешние API, создаём личные кабинеты и интерфейсы с 3D и WebGL. У BFD есть проекты стоимостью от нескольких сотен тысяч рублей до систем за миллионы. Исходный код, серверы и административные доступы остаются у заказчика, а разработанный сайт можно дальше поддерживать силами BFD или внутренней команды компании.

Обсудить проект