Good form.Great function.

Landing page design, custom websites & useful automations.
Designed and built by Tetiana Tkachenko.

View work
88 Keys independent website conceptA better kind of click.
Different people. Different purposes.

One approach.
Many expressions.

From considered and understated to bold and experimental. The visual language follows your audience, your identity and what the website needs to do.

01 / Business · Services · Portfolios

Business & expertise

Clear, credible, focused.

Landing pages for services, consultants and companies. Make the offer easy to understand and the next step easy to take.

02 / Photo · Film · Music · Art

Art & creative work

Let the work set the tone.

Photographers, filmmakers, musicians and artists. A distinctive portfolio, an expressive launch or a quieter editorial space.

03 / Institutions · Foundations · Organisations

Organisations & public work

Information people can use.

Foundations, institutions and community organisations. Clear structure, accessible reading and multilingual information.

04 / Social · Members · Play

Communities & play

Give people a place to belong.

Social ideas, member spaces and playful experiences. Profiles, sign-in and connected interactions, with a clearly scoped first version.

05 / Admin · Data · Forms · Workflows

Useful behind the scenes

Make the next action work.

Admin screens, databases, access roles, email forms and linked workflows. The useful parts that turn a website into a working tool.

06 / 3D · Motion · Interactive stories

Brave by design

When familiar is not enough.

Expressive typography, 3D, surprising movement and interactive storytelling. Bold choices, balanced with a usable website.

Visual direction studiesSee the actual projects ↓

Proof, in
the browser.

Showing all 5 projects.

A connected brand presence for a Ukrainian audio distributor.

Brand websites

One clear home for a multi-brand business.

Corporate website

An established musical instrument store on OpenCart.

Earlier OpenCart work

Less repetitive image work in Weblium.

Automation

An interactive piano storefront, built to explore.

Independent concept
Design, development & the details

The look.
The logic.
The whole experience.

Landing pages & websites.

A clear offer, a memorable first impression and a useful next step. Landing pages, business websites and creative portfolios, with the structure, copy layout, responsive development and launch planned together.

Landing pagesBusiness websitesCreative portfolios
A website that does things.

Admin areas, databases, sign-in and access roles, enquiry forms, email notifications and connected actions. Features are scoped around the people using them, then checked as complete journeys—from the first input to the final result.

Admin & dataAuthenticationForms & emailConnected workflows
Your identity, built in.

Bring your existing logo and guidelines, refine the direction you already have, or develop a new visual language for the website. Typography, colour, imagery, tone and motion should feel like parts of the same idea. Logo refinements and web-ready brand assets can be included in the agreed scope.

Existing identityVisual directionLogo refinementEmotional tone
Quality at every stage.

Review the structure before design, test the design across screen sizes, verify real interactions during development, then check the finished website before launch. Performance, accessibility, loading behaviour, errors, forms, permissions and multilingual layouts belong in the work—not at the end of a checklist.

Responsive checksPerformanceFunctional testingMultilingual layouts
Privacy, access & resilience.

For projects handling confidential information, security starts with what is collected, who can access it and where it is stored. Access roles, server-side checks, protected configuration, backups, recovery and monitoring are scoped around the data and the project—not added as vague guarantees.

Data privacyAccess controlBackups & recoveryContinuity
Less repetitive work.

Focused automations for image uploads, content preparation and product matching, including experience with Weblium catalogs. Connect the steps that waste time and make progress, exceptions and results visible.

Weblium workflowsImage processingReporting
Review. Measure. Refine.

Built in stages.
Checked at every one.

Clear checkpoints turn an idea into something you can inspect, use and trust.

01 / Define

Check the purpose.

Audience, content, page structure and the actions visitors need to complete.

02 / Design

Check the experience.

Visual identity, readability, mobile layouts, navigation and language variations.

03 / Build

Check it in use.

Forms, sign-in, access roles, data, notifications and the complete user journey.

04 / Launch

Check the delivery.

Real screen sizes, loading, errors, technical SEO and the published website.

4review stages
1direct point of contact
Everyscreen size considered
EN +multilingual layouts available
Protect what matters

Private by design.
Dependable in use.

The right safeguards depend on the information, the people using it and the consequences of an interruption.

Control access.

Appropriate roles, server-side permission checks, minimal data collection and secrets kept out of the public browser code.

Protect the records.

Encrypted connections, suitable storage, validation and an agreed approach to retention, backups and access to sensitive information.

Plan for recovery.

Restore checks, useful error handling, monitoring and clear handover notes. Continuity should be planned before a problem occurs.

Performance targets, verified during testing≤2.5s main content · LCP≤200ms response · INP≤0.1 layout shift · CLSAbout these targets ↗
Illustrative city street at dusk with people walking between buildings
What the work is for

More reasons
to visit.
More confidence
to act.

Help the right people find you, understand your offer and feel ready to get in touch. Design, useful content and a clear journey work toward the same goal.

Built for better conversations.A direction for growth ↗
01020304
Get discoveredBe understoodBuild trustStart a conversation
Illustration of the intended journey. Actual traffic and enquiries are measured after launch.
Made for people

A human touch.
A considered process.

The website should sound like you, feel right for your audience and make everyday interactions easier.

Editorial illustration of a smiling professional listening during a conversation
A conversation comes first.
Editorial illustration of colleagues discussing a website at a shared work table
Good decisions are made together.

Illustrative work scenes.

The person behind the form

Small studio.
Direct connection.

Teyform is the independent practice of Tetiana Tkachenko. I design, build and launch websites, and untangle the manual work behind them.

One person follows the project from the first conversation to the final details. The work here includes corporate websites, brand pages, an earlier OpenCart project and a custom catalog workflow. Today the focus is landing pages, purposeful websites and useful interactions.

Define.

Agree on the purpose, pages and scope.

Design.

Find the right structure and visual direction.

Build.

Bring it to life across screen sizes.

Launch.

Connect the domain and finish the details.

Something
in mind?

[email protected]
A good place to start

Give your idea
a little form.

Prepare a short project brief to share when we get in touch.

What do you need?
Open email draft

Opens a draft in your email app. Nothing is sent automatically. You can also copy your brief and email [email protected].