Custom project · 2026

SOMO STUDIO

The studio’s own website: dark glass, chrome and jellyfish, a hero video, pricing and process, case studies and 13 articles. 28 pages in total.

Go to the homepageYou’re already on this website
Company
SOMO STUDIO, web design studio
Format
Multi-page website, 28 pages
Pricing
A comparable project would cost $500, including article writing
Built with
HTML, CSS, JavaScript, TypeScript
SOMO STUDIO homepage hero: the headline “A space that can do it all” and a video of an android’s legs walking in glass shoes

About the project

A website that shows the studio’s approach by itself

The studio’s own website needed to show how we work without saying too much. We designed it as a cohesive whole: dark scenes with video and glass alternate with light sections that are easy to read. The transparent header adapts to the content beneath it, and the hero section is visible immediately, with the headline, buttons and a video showing an android walking in glass shoes.

The visual language is built around glass, chrome and underwater motifs: jellyfish, glass lilies and shells. The images and videos were created specifically for the studio and brought together in one media library. Headings use Unbounded, while the body text uses the sans-serif font Onest. Prices, timelines and the work process are clearly presented, so visitors can see them before sending the first message.

  • Home hero video, website formats, our approach, projects, articles and contact options
  • Pricing & process three formats with “from” prices, a comparison, how we work, questions and answers, and a separate page for each format
  • Projects a catalogue and case study pages: AMON, Chistaya Sova and this website
  • Articles a catalogue and 13 articles about how websites work and how they are built
  • About the studio and contacts the studio’s approach, Telegram and email
  • Documents and utility pages privacy policy, terms of use and a custom 404 page
SOMO STUDIO homepage hero: the headline “A space that can do it all”, buttons and a video showing an android walking in glass shoes.
The hero section is visible immediately, with the headline, description and buttons in place and the video playing behind them.
SOMO STUDIO homepage hero: the headline “A space that can do it all”, buttons and a video showing an android walking in glass shoes.
The hero section is visible immediately, with the headline, description and buttons in place and the video playing behind them.
SOMO STUDIO homepage hero: the headline “A space that can do it all”, buttons and a video showing an android walking in glass shoes.
The hero section is visible immediately, with the headline, description and buttons in place and the video playing behind them.

Pages

Prices, case studies, articles and contacts

The “Pricing & process” page: hero section with the heading “Choose a website format for your task”
“Pricing & process”: three formats with “from” prices, a comparison and how we work.
The article page “How much does a website cost, and what does the price depend on?”
Each of the 13 articles has its own cover and a selection of related reading.
The “Contact” page with a Telegram button and email
Contact details: Telegram and email, with no unnecessary forms.
Project catalogue: case study cards with screenshots of the websites
Project catalogue: desktop and mobile views of each website.

Home

Scenes instead of blocks

The homepage is built as a sequence of scenes. After the hero video come the three website formats, followed by the “Every project is a digital experience of its own” panel, which expands as you scroll. Next is the studio’s approach, featuring the “An Idea Takes Shape” video, followed by the projects carousel, articles and an invitation to discuss a project.

The animations here aren’t for effect: text appears as you read, and videos play only when they are on screen. For those who have reduced motion turned on in their system settings, the site shows everything at once, without animations.

The block “Three formats for different tasks” against a background of glass blocks
The block “Every project is a digital environment of its own” with glass lilies
The block “Meaning first. Then form. Then details.” with a video of a glass hand and a jellyfish

Phone

The same atmosphere on a small screen

On mobile, the video is framed for portrait screens. The menu and language switcher sit inside a glass panel, with a Telegram button in the menu and at the end of every page.

SOMO STUDIO mobile version: hero section
SOMO STUDIO mobile layout with the menu open.
SOMO STUDIO mobile layout with the menu open.
SOMO STUDIO mobile layout with the menu open.

SOMO STUDIO

You’re on this website

somostudioweb.com

Want a website people will remember?

Tell us about yourself and how you picture your website. Together, we’ll shape it into the right digital experience.

Discuss a project on Telegram