www.y-studio.io Open in urlscan Pro
3.233.126.24  Public Scan

Submitted URL: https://y-studio.io/
Effective URL: https://www.y-studio.io/
Submission: On April 11 via api from US — Scanned from US

Form analysis 1 forms found in the DOM

Name: wf-form-pagesGET

<form id="wf-form-pages" name="wf-form-pages" data-name="pages" method="get" class="form" data-wf-page-id="650dac0ab3fc036975f3b09e" data-wf-element-id="ae5088db-f99c-099e-7f5a-ea4f2a0575dd" aria-label="pages" data-gtm-form-interact-id="0">
  <div class="form_info-block"><input class="txt-field w-input" maxlength="256" name="name" data-name="Name" placeholder="Name *" type="text" id="name" required=""><input class="txt-field w-input" maxlength="256" name="email" data-name="Email"
      placeholder="Email *" type="email" id="email" required=""></div>
  <div class="form_field-block"><label for="" id="w-node-c27a43f2-a3b7-36c1-6892-0435d34eb2a2-75f3b09e" class="form_label">Budget (euro) *<strong><br></strong></label>
    <div class="fs_range-slider-2_component">
      <div class="fs_rangeslider-2_embed w-embed w-script"><!-- [Finsweet Attributes] Range Slider -->
        <script>
          (() => {
            var t = "https://cdn.jsdelivr.net/npm/@finsweet/attributes-rangeslider@1/rangeslider.js",
              e = document.querySelector(`script[src="${t}"]`);
            e || (e = document.createElement("script"), e.async = !0, e.src = t, document.head.append(e));
          })();
        </script>
      </div>
      <div fs-rangeslider-formatdisplay="true" fs-rangeslider-element="wrapper" fs-rangeslider-min="0" fs-rangeslider-max="10000" class="fs_range-slider-2_wrapper">
        <div fs-rangeslider-element="track" class="fs_range-slider-2_track" style="position: relative;">
          <div aria-label="minimum price" fs-rangeslider-element="handle" class="fs_range-slider-2_left" role="slider" tabindex="0" aria-valuenow="0" aria-valuemin="0" aria-valuemax="9900"
            style="position: absolute; right: unset; top: 50%; transform: translate(-50%, -50%); left: 0px;"></div>
          <div aria-label="maximum price" fs-rangeslider-element="handle" class="fs_range-slider-2_handle-right" role="slider" tabindex="0" aria-valuenow="10000" aria-valuemin="100" aria-valuemax="10000"
            style="position: absolute; right: unset; top: 50%; transform: translate(-50%, -50%); left: 622px;"></div>
          <div fs-rangeslider-element="fill" class="fs_range-slider-2_fill" style="position: absolute; right: unset; left: 0px; width: 622px;"></div>
        </div><input class="fs_range-slider-2_input w-input" maxlength="256" name="Budget-from" fs-cmsfilter-field="price" data-name="Budget From" fs-cmsfilter-range="from" placeholder="From" type="text" id="Budget-from"
          data-gtm-form-interact-field-id="0"><input class="fs_range-slider-2_input w-input" maxlength="256" name="Budget-to" fs-cmsfilter-field="price" data-name="Budget To" fs-cmsfilter-range="to" placeholder="To" type="text" id="Budget-to"
          data-gtm-form-interact-field-id="1">
        <div class="fs_range-slider-2_values">
          <div class="fs_range-slider-2_handle-text">$<span fs-rangeslider-element="display-value" class="fs_range-slider-2_handle-value">0</span></div>
          <div class="fs_range-slider-2_handle-text">$<span fs-rangeslider-element="display-value" class="fs_range-slider-2_handle-value">10,000</span></div>
        </div>
      </div>
    </div>
  </div>
  <div class="form_field-block_detais">
    <div class="form_field-block_transparant"><label for="" id="w-node-d343012c-a5c1-5a50-cef5-cd4cdcdb4744-75f3b09e" class="form_label">How can we help you *<strong><br></strong></label>
      <div class="checkbox-wrap"><label class="w-checkbox checkbox-wrap_content">
          <div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox"></div><input id="Web-design" type="checkbox" name="Web-design" data-name="Web design" style="opacity:0;position:absolute;z-index:-1"><span class="w-form-label"
            for="Web-design">Web design</span>
        </label><label class="w-checkbox checkbox-wrap_content long">
          <div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox"></div><input id="Web-development" type="checkbox" name="Web-development" data-name="Web development" style="opacity:0;position:absolute;z-index:-1"><span
            class="w-form-label" for="Web-development">Web development</span>
        </label><label class="w-checkbox checkbox-wrap_content">
          <div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox"></div><input id="Branding" type="checkbox" name="Branding" data-name="Branding" style="opacity:0;position:absolute;z-index:-1"><span class="w-form-label"
            for="Branding">Branding</span>
        </label></div>
    </div>
    <div id="w-node-_0bda5046-7855-b796-68c1-310b23ab2de3-75f3b09e" class="form_field-block_transparant_left">
      <div class="form_field-block-2"><label for="field" id="w-node-_410637e9-9a68-60da-b0af-accf55d87ea5-75f3b09e" class="form_label">Pages *<strong><br></strong></label>
        <div class="fs_inputcounter-1_component">
          <div class="fs_inputcounter-1_embed w-embed w-script"><!-- [Finsweet Attributes] Input Counter -->
            <script>
              (() => {
                var t = "https://cdn.jsdelivr.net/npm/@finsweet/attributes-inputcounter@1/inputcounter.js",
                  e = document.querySelector(`script[src="${t}"]`);
                e || (e = document.createElement("script"), e.async = !0, e.src = t, document.head.append(e));
              })();
            </script>
            <style>
              /* Remove text highlight style */
              .fs_inputcounter-1_button {
                user-select: none;
              }
            </style>
          </div>
          <div class="fs_inputcounter-1_wrapper">
            <div aria-controls="fs-inputcounter-1-input" fs-inputcounter-element="decrement" role="button" aria-label="Decrement input value" tabindex="0" class="fs_inputcounter-1_button minus">
              <div>­—</div>
            </div><input fs-inputcounter-element="input" class="form_input is-counter w-input" maxlength="256" name="Number-of-pages" data-name="Number of pages" placeholder="1" type="number" id="fs-inputcounter-1-input" required="">
            <div aria-controls="fs-inputcounter-1-input" fs-inputcounter-element="increment" role="button" aria-label="Increment input value" tabindex="0" class="fs_inputcounter-1_button">
              <div class="text-block">+</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div><input class="txt-field w-input" maxlength="256" name="Project-details" data-name="Project details" placeholder="Project details" type="text" id="Project-details">
  <div class="position-relative"><input type="submit" data-wait="Please wait..." data-w-id="ae5088db-f99c-099e-7f5a-ea4f2a0575e4" class="submit-btn w-button"
      value=""><a href="#" class="main-btn_wrap_form w-inline-block"><div class="btn_link-wrap_content_quizzz"><div class="link-txt_submit">Submit</div><div class="link-txt_submit">Submit</div></div></a></div>
</form>

Text Content

Available for new projects
Available
Service
Service
Work
Work
EN
EN

FR
FR
EN
ENFR
EN
FR

Work With us
Work With us

Y.studio — Guiding You to the Summit


DELIVERING EFFECTIVE WEB PROJECTS THAT

attract attention
spark love
lead to conversion
attract attention
Branding
Art & Creative Direction
UX/UI Design
Web development





Y.STUDIO SERVICES

We
provide
a
full
range
of
services
from
corporate
identity
to
launching
a
ready-made
website


WEB DESIGN

Develop the visual concept of your future website and fully prepare it for
handover to development.

UX/UI design
Landing page
Multi-page website
E-commerce


WEB DEVELOPMENT

We will code the layout on no-code platforms, transforming it into a fully
functional website.

Webflow
Tilda
Wordpress
Squarespace
Shopify


ART DIRECTION

We will code the layout on no-code platforms, transforming it into a fully
functional website.

Project management
Team sourcing


BRANDING

We will select a style that reflects your brand's philosophy, from the logo to
social media post designs.

Logo
Presentation Design






WEB DESIGN

Develop the visual concept of your future website and fully prepare it for
handover to development.

UX/UI design
Landing page
Multi-page website
E-commerce


WEB DEVELOPMENT

We will code the layout on no-code platforms, transforming it into a fully
functional website.

Webflow
Tilda
Wordpress
Squarespace
Shopify


ART DIRECTION

We will code the layout on no-code platforms, transforming it into a fully
functional website.

Project management
Team sourcing


BRANDING

We will select a style that reflects your brand's philosophy, from the logo to
social media post designs.

Logo
Presentation Design




PORTFOLIO

Our
pride
—
collaborating
with
clients
from
across
the
globe
Turkey
Dubai
USA
Japan
England
France
Estonia
Italy
Ukraine
Canada
Germany
Click on the tags to view the case study
Explore all cases
Explore all cases



WEBKYTE

Europe

Web-design
Tilda
B2B


NUTRICENTIALS

Europe

Web-design
Development
B2C


SKYDIVING GRENOBLE

France

Web-design
Wordpress
B2C


CARROSTYLE

France

Wordpress
UX/UI-design
B2C


EASY TICK

France

Web-design
Webflow
B2B


KOLOSBIT

Europe

Web-design
Webflow
Web3


OUR APPROACH

We
will
guide
you
from
uncertainty
about
what
you
want
to
your
dream website


ACQUAINTANCE

01

15 minute call — we get to know each other, discuss the details and goals of the
project.

We estimate the terms / budget and prepare a commercial with options for working
with us

This stage does not oblige you to anything, but after talking with us, other
options will disappear by themselves


ANALYSIS AND LOGIC

02

The deadlines have been set, the contract has been signed, and the advance
payment has been received from you.

Analysis of competitors and audience

Sitemap

Help with texts

Structure and prototype


DESIGN

03

The texts are written taking into account the desires and pains of your
audience, the prototype is ready.

Selection of references and moodboard

Design in several variants and choice of concept

Drawing layouts and adaptives


DEVELOPMENT

04

Layouts are designed, adapted and ready for transfer to layout

Implementation of the site on a convenient CMS at your discretion — we will help
with the choice, if necessary

Adaptation for all permissions

Site settings and basic SEO


DONE, YOU ARE AMAZING

❤️

The site is up and running, bringing the first applicationsWe stay in touch in
case of unforeseen situations


OUR TEAM

We
create
a
comfortable
work
space

Our studio is a place where openness and transparency are valued. We share with
you every step of our journey and carefully monitor compliance with deadlines.

We run projects in Notion, create designs in Figma, make site instructions using
Loom and call up on Google Meet. We are on the same wavelength!

Yuliia

Art-director
UX/UI designer

Mariia

UX/UI designer
‍


+6

experts


WE WORK WITH PROVEN
SPECIALISTS

We work with experts from various industries who help us create the perfect
website that will definitely impress you

3D
Graphic Designer
Copywritter
WordPress Developer
Marketolog
Photographer
Web developer
3D
Graphic Designer
Copywritter
WordPress Developer
Marketolog
Photographer
Web developer
3D
Graphic Designer
Copywritter
WordPress Developer
Marketolog
Photographer
Web developer
Marketolog
Marketolog
Photographer
Web developer




BLOG

Sharing
useful
stuff
for free


СHOOSING THE RIGHT PLATFORM: WORDPRESS, WEBFLOW, SHOPIFY, WIX, OR TILDA?

Shopify
Tilda
Webflow
Wordpress
Wix
Web-development


HOW WE IMPROVED THE DESIGN AND CONVERSION OF THE SHOPIFY PAGE FOR "THE BEIGE”

Case
Shopify
Landing page
E-commerce
UX/UI design


UNLOCK SUCCESS WITH Y.STUDIO: YOUR DIGITAL PARTNER
‍

Case
Shopify
Landing page
E-commerce
Learn more
Learn more
Let's
сreate
your
dream
website
together

Answer a few questions and get a quote

Budget (euro) *

$0
$10,000
How can we help you *


Web design

Web development

Branding
Pages *

­—
+
Submit
Submit
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Available
Menu
Service
Service
Portfolio
Portfolio
Process
Process
Our team
Our team
Blog
Blog
Let's get in touch


CONTACT@Y-STUDIO.IO


LEARN
MORE