M.S. Studio — kreatívne digitálne štúdio

Weby, reklamy na Facebooku a Instagrame, vizuálna identita, motion grafika a video. Pre firmy, ktoré chcú byť videné — a zapamätané.

02 — Kód

Každý web začína riadkom kódu.

Píšeme vlastný, čistý kód. Žiadna preplácaná šablóna — každý riadok má dôvod a výsledok sa dá ďalej rozvíjať.

03 — Vrstvy

Z kódu sa stáva zážitok.

Rozhranie skladáme z vrstiev — štruktúra, typografia, obraz, interakcia. Každú navrhujeme zvlášť a do seba musia zapadnúť na pixel.

04 — Detail

Precíznosť, ktorú nevidno. Ale cítiť.

Výkon, SEO a bezpečnosť staviame do základov.

Design. Motion. Impact.

06 — Motion graphics

Motion nie je položka v cenníku. Je to spôsob, ako rozprávame.

Animované logo

Konštrukcia značky v 2,4 s. Ťah, pauza, akcent — rytmus, ktorý si oko zapamätá.

Kinetická typografia

Slová so silou záberu. Maskované nástupy, presné časovanie, žiadny náhodný pohyb.

UI animácie

Mikrointerakcie, ktoré používateľovi povedia, čo sa deje — skôr, než sa stihne opýtať.

Ďalšie ukážky na Instagrame @msstudio_design.sk ↗

07 — Video & content

Strih, ktorý ľudí udrží do konca.

  • 01 Strih
  • 02 Titulky
  • 03 Prechody
  • 04 Color grade
  • 05 Export 9:16

08 — Branding

Značka sa nekreslí. Konštruuje sa.

Každá krivka má dôvod: mierka, rytmus, čitateľnosť v 16 px aj na billboarde. Potom identitu prenesieme všade, kde ťa zákazník stretne.

09 — Vybraná práca

Projekty, za ktorými si stojíme.

Úvodná stránka webu Inteligentné vetranie v tmavom režime
01

Inteligentné vetranie

Web pre firmu z Banskej Bystrice, ktorá montuje klimatizácie, tepelné čerpadlá, rekuperáciu a vzduchotechniku.

  • Web
  • Branding
Render z WebGL enginu webu MS Studio: notebook s hotovou stránkou
02

MS Studio Lab

Vlastné kreatívne experimenty — vrátane tohto webu a jeho 3D enginu.

  • Branding
  • Motion
  • Web

10 — Proces

Sedem krokov. Žiadne prekvapenia.

  1. 01

    Konzultácia

    Pochopíme firmu, zákazníkov a cieľ.

  2. 02

    Analýza

    Konkurencia, obsah, technické možnosti.

  3. 03

    Koncept

    Smer, štruktúra a hlavná myšlienka.

  4. 04

    Dizajn

    Kľúčové obrazovky a vizuálny systém.

  5. 05

    Realizácia

    Kód, animácie, obsah, napojenia.

  6. 06

    Testovanie

    Mobil, rýchlosť, prístupnosť, formuláre.

  7. 07

    Odovzdanie

    Spustenie, zdrojové súbory, návod.

/01

Vlastníš svoj kód

Odovzdávame zdrojové súbory a postup nasadenia. Žiadne uzamknutie v platforme, žiadne mesačné poplatky za to, čo je tvoje.

/02

Rýchlosť ako súčasť dizajnu

Efekty dávkujeme podľa zariadenia. Mobil dostane zážitok prispôsobený mobilu, nie spomalenú kópiu desktopu.

/03

Merateľné, nie „pekné“

Každý web má cieľ — dopyt, telefonát, objednávka. Navrhujeme cestu k nemu a nastavíme meranie, aby sa dalo vyhodnotiť.

/04

Priamo s tvorcom

Komunikuješ s tým, kto na projekte pracuje. Bez account manažérov a tichej pošty.

11 — Začnime

Tvoj ďalší projektsa môže začať tu.

Povedz nám, čo chceš vytvoriť. My ti ukážeme, ako to môže vyzerať.

  • Odpovieme osobne, nie automatickou šablónou
  • Úvodná konzultácia bez záväzkov
  • Konkrétna ponuka s rozpisom
S čím potrebuješ pomôcť? *