Portfolio · 2026

Arseny Asyanov

Visual & Interface Designer · Middle Designer
Developer · Programmer · Designer

I build websites from mockup to code: layouts that work on phones, request forms, deployment to hosting. Below is my work with links to the live sites and a write-up for each project: who it was made for, what’s inside and how to check it.

Arseny Asyanov
  • Digital for Business
  • Middle Designer
  • Snezhinsk
  • Figma
  • Python
  • UI / UX
  • C++
  • Illustrator

Work

Click a screenshot to enlarge

  1. 01 Web Chef Portfolio …/big-portfolio/ Open ↗
  2. 02 ТОРТ по любви asiyatort.ru Open ↗
  3. 03 PULSE …/web-studio-portfolio/fitness.html Open ↗
  4. 04 Three Pillars of the Web …/html-css-js-basics/ Open ↗
  5. 05 3D Worlds in Games …/3d-space-in-games/ Open ↗

Personal portfolio

Web Chef Portfolio

A designer-and-developer showcase: a cover, contents, “Designer” and “Developer & Programmer” sections, and contacts. Projects open in carousels.

Address
strangehul1-design.github.io/big-portfolio/
Stack
HTML, CSS, JS in a single file
Date
June 16, 2026
  • StructureFive screens with navigation dots on the side.
  • MotionBlocks fade in on scroll; skill tags float on the cover.
  • ProjectsCarousels with a blurred backdrop, arrows and ← → Esc keys.

Bakery website · Samara, Russia

ТОРТ по любви

Custom wedding cakes: real cakes, fillings, prices and a request form for a cake or a tasting. Requests are stored on hosting in Russia and delivered to Telegram.

Address
asiyatort.ru
Stack
HTML, CSS, JS · PHP · Telegram Bot API · GitHub Actions
Timeline
Aug 22 – Sep 16, 2026, 37 commits
  • RequestsSaved first, then sent to Telegram — a failed send doesn’t lose the request.
  • PaymentOnline payment was removed: the cart submits a regular request.
  • ContentTexts, prices and photos are edited through a Telegram bot.

Fitness studio website concept

PULSE

A landing page for a small-group strength training studio: classes, coaches and a free trial class. Bold typography and a scrolling ticker, all in pure CSS.

Demo: the studio and numbers are fictional

Address
strangehul1-design.github.io/web-studio-portfolio/fitness.html
Stack
HTML and CSS in one file, no JavaScript
Date
August 20, 2026
  • WeightOne file: 193 lines, 10.5 KB.
  • MotionThe ticker is a CSS transform animation, no scripts.
  • ResponsiveOne breakpoint at 900px; everything else scales with clamp().

Educational website · in Russian

Three Pillars of the Web

An educational page on HTML, CSS and JavaScript: an analogy to start with, live demos, a code sandbox with an instant preview and a five-question quiz. Built from exactly those three technologies.

Address
strangehul1-design.github.io/html-css-js-basics/
Stack
HTML, CSS, JS — three files, no dependencies
Date
September 9, 2026
  • SandboxThree editor tabs build a live page in an iframe; code errors show up right in the preview.
  • DemosButtons change a block’s styles and write the resulting CSS on the fly.
  • OfflineNo frameworks, bundler or web fonts — open index.html from disk and it works.

Commissioned student project · in Russian

How 3D Worlds Work in Games

An interactive textbook for a student’s project defence: seven lessons on 3D space in games, each with a live scene — coordinates, meshes, the camera, light and the game loop. The student defended the project with the top grade.

Address
strangehul1-design.github.io/3d-space-in-games/
Client
A student, for a project defence
Stack
HTML, CSS, JavaScript and three.js — no bundler
Date
September 27, 2026
  • Click to walkThe robot walks wherever you click: a ray from the camera finds the point on the floor — that is how clicks work in games.
  • Inside the cameraThe view frustum is shown from the side, next to what the player sees. Anything outside the frame turns grey.
  • Mini gameSteer the robot with WASD to collect crystals while the panel shows frames per second, deltaTime and coordinates.

Get in touch

Got a project?
Drop me a line.

Review

Worked with me?

Leave a review - it takes a minute. With your consent I will publish it in my Telegram channel with reviews.

Rating

What you liked most - optional