User Tools

Site Tools


uchaz4:web

Vytvoření home stránky

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í.

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.

Prototyp

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 č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

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.

uchaz4/web.txt · Last modified: 2026/02/04 11:06 by tomas

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki