Differences

This shows you the differences between two versions of the page.

--- uchaz4:web [2026/01/27 20:05] – tomas
+++ uchaz4:web [2026/02/04 10:06] (current) – tomas
@@ Line 1: / Line 1: @@
 ====== Vytvoření home stránky ======
-Potřebuju vytvořit home page pro svůj startup projekt. Bohužel mám velice nízký rozpočet, proto budu hledat nějaké co nejjednodušší, ale ještě schůdně vypadající řešení. Potřeboval bych se vejít do řádku jednotek tisíc Kč. Potřebuju najít někoho, kdo to ideálně celé zrealizuje.
+Potřebuju vytvořit home page pro startup projekt. Bohužel mám velice nízký rozpočet, proto budu hledat nějaké co nejjednodušší, ale ještě schůdně vypadající řešení. Potřeboval bych se vejít do řádku jednotek tisíc Kč. Náplní práce je jednorázová zakázka. Náplň práce je udělat návrh designu webu ve Figmě a ideálně to pak i převést do HTML/CSS. Ale stačila by mi i jen ta Figma, cena by tím pádem musela být nižší než za komplet řešení.
-===== Předchozí pokus =====
+Klíčový je ten design. Aby se dal udělat pořádně, bude ten designer muset celkem dobře pochopit, o čem ta stránka má být. Je to pochopitelné spíš pro technické lidi z IT než pro úplně běžnou populaci. Do jisté míry bude nutné, aby takového pochopení byl designer schopen a nebo si to aspoň nechal vysvětlit do té míry, do jaké to bude potřebovat.
+===== Předchozí template =====
 Úplně jednoduchý web jsem si vytvořil kdysi na koleně za použití bootstrap šablony, viz www.artios.cz. Tak jednoduchý ten nový ale zase být nemůže.
@@ Line 9: / Line 11: @@
 ===== Prototyp =====
-lze najít zde:
+lze najít zde: https://dev1.fomenot.com/newartios/
+(heslo vis1 / visitor1)
+Jde ale jen o prototyp, který obsahuje zhruba strukturu webu a texty na něm. Designově by měl být jiný.
+Viz dále.
 ===== Formát =====
-Určitě nechci stránku v nějakém wordpressu, rád bych měl něco nějakou CSS šablonou, například bootstrap. Žádné velmi sofistikované funkce ani animace tam nepotřebuju, budu potřebovat asi jen nějaké menu.
+Určitě nechci stránku v nějakém wordpressu, rád bych měl čistý kód v HTML/CSS. Žádné velmi sofistikované funkce ani animace tam nepotřebuju, budu potřebovat asi jen nějaké jednoduché menu.
+Důležitou vlastností by měla být rozšiřitelnost, tj. aby se snadno pomocí editace HTML daly přidat nové sekce textu, případně podstránky.
+Umím si sám editovat HTML i CSS, takže potřebuju něco, co má čistý kód, který se dá snadno ručně upravit. Žádné strašné kladkostroje vyrobené nějakým divokým toolem.
+===== Struktura =====
+Jednalo by se o několik linky propojených samostatných stránek. Tato struktura je vidět v prototypu. Významový obsah stránek a flow tohoto obsahu shora dolů je dobře vidět v prototypu. Co se ale bude hodně lišit, bude layout těchto stránek.
+===== Layout =====
+Layout prototypu jsou prosté odstavce textu, kde všechen obsah je popsán textově. To není způsob, jakým se designuje web. Aby web vypadal designově mainstreamově, musí mít obsah organizován do všelijakým designových prvků. Různých druhů boxů a panelů, všelijak poskládaných vedle sebe či nad sebou, případně nějak propojených do logických celků, různých seznamů, panelů s nadpisy a textem a podobných prvků.
+Potřebuju ideálně do designu dostat několik různých druhů takových layoutů, abych je mohl případně zkpopírovat a použít pro vytvoření nové sekce, až bude třeba na web něco přidat a podobně.
+**Důležité** - pokusil jsem se udělat si základní představu na základě jiných webů, jak by layout mohl vypadat. Do stránky jsem doplnil různé design komentáře. Netrvám na tom, aby to bylo přesně tak, jak píšu, ale z těch komentů by měla být jasnější moje představa, jak by web měl vypadat.
+Tuto verzi najdete zde:
+https://dev1.fomenot.com/newartiosanot/
+(heslo vis1 / visitor1)
+===== Animace a interaktivita =====
+Web bude statický. Když se podaří sem tam nějaká drobná animace udělat, tak dobře, ale velká kouzla s malým rozpočtem nelze očekávat. Nepotřebuju taky žádné interaktivní prvky jako jsou formuláře, dynamicky generovaný obsah. Jediná interaktivní věc bude horní menu, které uděláme co nejjednodušší.
+===== Responzivita =====
+Nutná, ale řešit nějakým co nejjednodušším způsobem. Zde nutná domluva. Za mě by bylo řešením udělat verzi pro úzké obrazovky, která by byla zkrátka linearizovanou a zjednodušenou verzí toho původního layoutu. Na úzké obrazovce to nemusí vypadat úplně cool.
+===== Vizuální styl =====
-Důležitou vlastností by měla být rozšiřitelnost.
+Celkovým dojmem by mohl být něco jako https://ulteh.cz, ale zdaleka ne tak divoké, bohaté a animované. Jen vzhledový styl si tak nějak podobně představuju.