Available for opportunities
← All work
Web studio · WebsiteApricode · web studioShipped

Apricode

The new website for the Apricode web studio. I did the UX/UI design as a freelance project; the studio developed the site itself.

01 — Project
Apricode
Role
UX/UI Designer
Scope
UX/UI design

02Context

Apricode is a web studio. It builds sites on WordPress and Shopify, Telegram bots and Mini Apps, and custom solutions.

The studio asked me for the design of its own website. This was a freelance project in July 2026. The studio developed the site itself, so my part is the design only.

03Problem

The studio’s old website no longer suited the studio.

  1. P1The site is for clients who want a WordPress or Shopify site, a Telegram bot or Mini App, or a custom solution, so each of these had to be clear at a glance.

04Research & discovery

Methods

  • Looked at competitors’ websites
  • Studied the references the client gave me

05UX

Information architecture

Core flow

  1. 01Land on home
  2. 02Pick a service
  3. 03See the projects
  4. 04Launch your project
  • The site has four service directions: WordPress, Shopify, Telegram bots and Mini Apps, and individual solutions.
  • The site is available in English, Latvian and Ukrainian.

06Design

A light page with one orange accent and a monospaced typeface.

  • Background#F5F5F5
  • Accent#FC561D
  • The typeface is IBM Plex Mono, so the studio looks like a place where design and code sit side by side.
  • The first screen is a calm wireframe sphere with one short statement, and the orange button to launch a project is always at hand.
  • The site has animations, including an animated “Next step” block at the bottom with the line “Let’s start your project”.
  • I designed it to the client’s requirements and their own vision of the site.

07Development

Designed by me · built by the engineering team

The studio built the site itself.

  • I handed over the design; development was done on the studio’s side.

08Final product

Home: one clear statement on the first screen and a way to launch a project at once.
01Home: one clear statement on the first screen and a way to launch a project at once.
Projects: cards with the type of work and tags, so a visitor sees what the studio has done.
02Projects: cards with the type of work and tags, so a visitor sees what the studio has done.
About: who the studio is, in one short paragraph.
03About: who the studio is, in one short paragraph.
A service page: what the studio does in this direction, in plain words.
04A service page: what the studio does in this direction, in plain words.
The animated “Next step” block at the bottom: “Let’s start your project”.
05The animated “Next step” block at the bottom: “Let’s start your project”.
Visit live site

09Outcome

  • The site is live at apricode.co.
  • It is available in English, Latvian and Ukrainian.
  • Enquiries are coming in through the site, and clients leave reviews on it.

Next step

Want this kind of thinking on your team?

Get in touch LinkedIn

Full-time remote · Contract · Outstaffing / agency