castomUI
Otwórz castomUI

Kreator stron dla zespołów, które mają termin

Opisz stronę.Opublikuj ją jeszcze dziś.

Zacznij od jednego zdania, szkicu albo strony, którą już masz. castomUI przygotuje pierwsze wersje podstron, Ty dopracujesz je komponentami, własnymi danymi i z pomocą zespołu – a potem strona trafia do sieci: na cstmui.com, na Twoją domenę albo do GitHuba.

Otwórz castomUI Zobacz, jak to działa

Całość
w czterech ruchach.

Opisz · Dopracuj · Pracujcie razem · Opublikuj

Opisz

Napisz, czemu strona ma służyć, albo wklej adres tej, którą zastępuje. castomUI zaproponuje mapę strony, przygotuje podstrony z Twoich komponentów, napisze tagi META i uzupełni luki zdjęciami z biblioteki mediów. Każda podstrona przychodzi jako szkic, więc nic nie jest publiczne, dopóki ktoś tego nie zatwierdzi.

Dopracuj

Podstrona to stos bloków, a każdy blok to komponent – Twój HTML, CSS i JavaScript ze strukturą danych na wierzchu. Zmiana treści to wypełnienie formularza, zmiana wyglądu to edycja kodu. W tym samym oknie, z podglądem na żywo tuż obok.

Pracujcie razem

Zaproś właścicieli, redaktorów i osoby z dostępem do podglądu. Zostaw notatkę dokładnie przy tym bloku, o który chodzi, odpowiedz w wątku, prowadź rozmowę na czacie projektu zamiast w czterdziestu mailach. W planie Team udostępnisz ekran i zbudujecie tę samą podstronę w tym samym czasie.

Opublikuj

Jedną podstronę albo cały projekt: pod adresem w cstmui.com, na własnej domenie, w repozytorium GitHub albo w miejscu docelowym, które sam zdefiniujesz – zminifikowany, z wczytywaniem podstron po najechaniu kursorem i działający offline, jeśli włączysz te opcje.
Wszystkie funkcje, część po części

Dlaczego właśnie ten

Stronę zawsze łatwo było narysować.
Trudno było ją skończyć.

Każdy kreator postawi baner na górze strony. Kwartał zjada wszystko, co przychodzi potem: czterdzieści podstron, trzy języki, dane produktów zmieniające się co tydzień, klient, który o 23:00 chce innego nagłówka, i przeprowadzka ze starej strony bez utraty pozycji, które sobie wypracowała. castomUI zbudowano właśnie wokół tej części.

Jedna przestrzeń robocza, wiele okien

Edytor to nie rząd zakładek do przeklikania. Podstrony, bloki, komponenty, media, zbiory danych, menu, ustawienia, notatki i publikowanie otwierają się jako osobne okna obok podglądu na żywo – to, co edytujesz, i efekt tej edycji widzisz na ekranie jednocześnie.

Ułóż je tak, jak wymaga tego zadanie, zapisz układ i otwórz go jutro. Osoba od SEO i osoba pisząca komponenty mają zupełnie inne biurka – i obie mają rację.

Otwarte oknaUkład · „Tydzień startu”
  • 1Przegląd podstronDrzewo 42 podstron, szkice oznaczone, strona główna wyróżniona.
  • 2Podgląd · CennikDziewięć bloków; trzeci jest ukryty, dopóki oferta nie zostanie uzgodniona.
  • 3Komponent · Karty planówHTML, CSS, JS i struktura danych, z której powstaje formularz.
  • ✎Notatka przy bloku 4„Czy przy cenie Team w nagłówku może być »za stanowisko«?” – dwie odpowiedzi.
  • 4PublikowanieCały projekt → Twoja domena, gdy notatka zostanie zamknięta.

IlustracjaKażdy zapisuje własne układy

Komponenty należą do Ciebie, formularze wypełni każdy

Komponent to kod, który da się przeczytać: HTML, CSS i JavaScript oraz struktura danych w JSON, która określa, jakie ma pola. To z niej powstaje formularz edycji – dział marketingu zmienia nagłówek, nie dotykając znaczników, a programista zmienia znaczniki, nie psując nagłówka.

Pisz komponenty ręcznie, sklonuj istniejący i dostosuj go albo opisz ten, którego potrzebujesz, a AI przygotuje go z CSS i fontami Twojego projektu jako kontekstem. Szablony niosą nagłówek, stopkę i fonty wspólne dla wszystkich podstron.

Komponent · Baner z ofertąStruktura danych
  • TheadlineProsty tekst · do tłumaczenia · wymagane
  • leadDłuższy tekst · do tłumaczenia
  • ▣backgroundObraz · z biblioteki mediów
  • ↗cta_urlAdres URL
  • =WynikFormularz z czterema polami w każdym bloku, który używa tego komponentu.

Ilustracja23 typy pól do wyboru

AI tam, gdzie jest praca – i nigdy z ostatnim słowem

AI w castomUI to nie osobne okno czatu, które oddaje Ci plik. Działa na miejscu: generuje projekt z opisu albo adresu URL, mapę strony, podstronę z Twoich własnych komponentów, nową wersję bloku, komponent, tagi META dla wszystkich podstron, plik llms.txt, bazowy CSS, obraz, tłumaczenie.

Ty decydujesz, ile projektu może przeczytać i który model wykona zadanie – przy każdej akcji albo domyślnie dla całego projektu. Każda wygenerowana podstrona trafia do szkiców, bo zdanie, którego nikt nie napisał, i tak ktoś powinien przeczytać, zanim zrobi to klient.

Generuj podstronę z AISzkic
  • 1Instrukcje„Podstrona wiosennego cyklu warsztatów, trzy terminy, formularz zapisu.”
  • 2Źródłowy URLZeszłoroczna podstrona ze starej witryny – żeby wykorzystać to, co wciąż aktualne.
  • 3KomponentyTylko z tego projektu, najpierw te najlepiej ocenione.
  • 4Istniejące blokiUkryć, a nie usuwać, dopóki nowa wersja nie zostanie zatwierdzona.
  • !WynikSiedem bloków oznaczonych jako szkic. Bez możliwości publikacji, dopóki ktoś nie zdejmie oznaczenia.

IlustracjaModel wybierany przy każdej akcji

Twoje dane, a nie ich kopia

Twórz zbiory danych z typowanymi polami – tekst, obrazy, daty, relacje, opcje, w sumie 23 typy – albo podłącz bazę MySQL lub MongoDB, z której już korzystasz. Połącz podstronę z widokiem zbioru danych, a stanie się szablonem: jeden produkt, jedno wydarzenie albo jedna lokalizacja na rekord, każde pod własnym adresem.

Gdy zmienia się katalog, zmieniają się podstrony. Nikt już nie przepisuje cen na stronę ręcznie – a to najpewniejszy sposób, żeby cenę pomylić.

Zbiór danych · WarsztatyPołączona podstrona
  • 1Polatytuł, data, miasto, miejsca, cena, okładka, opis
  • 2WidokTylko nadchodzące, według daty
  • 3Szablon podstrony/warsztaty/{tytuł} – jedna podstrona na rekord
  • ↺ZmianaNowy rekord w tabeli to nowa podstrona przy następnej publikacji.

IlustracjaMongoDB lub MySQL

Co się w nim buduje

Osiem rodzajów stron,
jeden edytor.

Zestaw narzędzi jest za każdym razem ten sam. Zmienia się tylko to, która jego część dźwiga ciężar: AI przy landing page’u na piątek, zbiory danych przy sklepie, tłumaczenia przy stronie w dziewięciu językach.

Landing page

Jedna strona, jedna kampania, jeden termin. Wygenerowana z briefu, pokazana przez prywatny podgląd, opublikowana, zanim skończy się spotkanie.

Zobacz, jak to działa

Strony firmowe

Strona, której potrzebuje każda firma: mapa strony, wspólny nagłówek i stopka, menu, kontakt, SEO i własna domena – edytowana przez ludzi, którzy tę firmę znają.

Zobacz, jak to działa

Strony premium

Własne komponenty, kod, fonty i animacje, a pod spodem kreator – żeby klient mógł zmienić nagłówek bez dzwonienia do studia.

Zobacz, jak to działa

Sklepy internetowe

Witryna sklepu zbudowana na Twoim katalogu – w zbiorze danych albo czytanym prosto z bazy sklepu, którą już masz – z osobną podstroną dla każdego produktu.

Zobacz, jak to działa

Prezentacje

Prezentacja, która jest stroną: sekcje na pełny ekran, prywatny link zamiast załącznika, osobna wersja dla każdej publiczności.

Zobacz, jak to działa

Strony wielojęzyczne

Klonowanie i tłumaczenie podstrony, bloku albo menu w jednym kroku; słowniki dla tekstów interfejsu; pola danych do tłumaczenia.

Zobacz, jak to działa

Wszystkie osiem, łącznie z przebudową obecnej strony

„Potrzebujemy tylko prostej strony.”

Prosta strona jeszcze nikomu nie wystarczyła
na dłużej niż tydzień.

Dlatego castomUI od razu zakłada drugi tydzień: więcej podstron, więcej języków, więcej ludzi, więcej danych.

Wewnątrz edytora

Dziewięć części,
jeden projekt.

Strony i bloki

Drzewo podstron układane przeciąganiem, szkice, których nie da się opublikować przypadkiem, bloki do przesuwania, ukrywania, klonowania i tłumaczenia, menu budowane z kotwic.

Zobacz, jak to działa

Komponenty i szablony

HTML, CSS, JS i struktura danych. Szablony na wspólną ramę, razem z fontami. Pisane ręcznie albo przygotowane przez AI.

Zobacz, jak to działa

Generowanie z AI

Projekty, mapy stron, podstrony, bloki, komponenty, META, llms.txt, CSS, obrazy i tłumaczenia – z modelem i kontekstem, które wybierzesz.

Zobacz, jak to działa

Zbiory danych i treści

23 typy pól, widoki, relacje, podstrony generowane ze zbiorów danych, zewnętrzne MySQL i MongoDB, zmienne globalne, słowniki.

Zobacz, jak to działa

Biblioteka mediów

Wgrywanie plików, obrazy z AI, pięć bibliotek darmowych zdjęć, ALT i TITLE, tagi, EXIF i usuwanie duplikatów.

Zobacz, jak to działa

SEO i migracja

Crawler, który przenosi starą stronę do nowej, META dla wszystkich podstron naraz, canonical, OpenGraph, przekierowania.

Zobacz, jak to działa

Publikowanie

cstmui.com, własna domena, GitHub albo własne miejsce docelowe – jedna podstrona lub cały projekt, z przełącznikami przyspieszającymi stronę.

Zobacz, jak to działa

Współpraca

Role, zaproszenia, notatki przy elementach, czat projektu, zapisane układy okien – a w planie Team udostępnianie ekranu.

Zobacz, jak to działa

Wtyczki

Kampanie mailingowe, Eclicks PRO, system dopasowań i panel moderacji – wszystko działa na Twoich zbiorach danych.

Zobacz, jak to działa

Cennik

Trzy plany,
płatne od osoby, która buduje.

Bez darmowego planu, bez opłat za podstronę, bez dopłaty za dziesiąty język. Płacisz za stanowiska, które edytują – miesięcznie lub rocznie z dwoma miesiącami gratis – a plan decyduje, jak daleko te stanowiska sięgają w dane, wtyczki i wspólną pracę.

Zobacz cennik Porozmawiaj z człowiekiem

W skrócieMiesięcznie, w euro
  • 100 €RegularCały kreator, AI i publikowanie · jedno stanowisko.
  • 300 €PRODo tego zbiory danych, zewnętrzne bazy, wtyczki, GitHub i własne miejsca publikacji.
  • 500 €TeamZa stanowisko · wszystko, a do tego udostępnianie ekranu i wspólna praca w czasie rzeczywistym.

Jedno konto castomoJeden portfel dla całej rodziny

Część jednej rodziny –
i przydatny także w pojedynkę.

castomUI to miejsce, w którym rodzina castomo robi strony. Pod spodem działa castomAPI – stamtąd pochodzą modele AI, generowanie obrazów i biblioteka darmowych mediów. castoMIND buduje w nim stronową połowę produktów, które składa; FABLS pisze bloga, który na nim stoi; dash-b to miejsce, gdzie trafiają liczby na jego temat.

Jedno konto castomo loguje do wszystkich, a jeden portfel płaci za wszystkie. Żadne z nich nie jest jednak potrzebne, żeby zbudować tu stronę: mnóstwo projektów to jeden landing page, jedna domena i nic więcej.

Uczciwie mówiąc: AI da Ci pierwszą wersję w kilka minut – i będzie to właśnie pierwsza wersja. Nagłówek będzie prawie taki, jak chodziło, a na jednym zdjęciu znajdzie się biuro odrobinę nie tego rodzaju. Dlatego podstrony przychodzą jako szkice: zaoszczędzone minuty idą na czytanie, które wciąż jest najtańszą częścią budowania strony.

Dziś.
W tym właśnie rzecz.

„Kiedy to może być online?” Otwórz edytor, opisz stronę i opublikuj pierwszą wersję pod adresem w cstmui.com, zanim ktokolwiek skończy pisać brief.

Otwórz castomUI Zobacz w sześciu obrazach

Ilustracje: GetIllustrations.com (pakiet Ghost).