Wdrożenie swojej pierwszej strony - przydatne linki
W poniższym wpisie znajdziecie przydatne linki i informacje dotyczące wdrażania własnej strony internetowej, którą można wykorzystać jako CV lub Portfolio. Jest to skrócona wersja zawierająca najważniejsze informacje.
Wireframing
Wireframe to uproszczona wizualizacja interfejsu użytkownika (aplikacja, strona www, a nawet zwykłe CV). Pokazuje szkieletową strukturę, podstawowy układ Twoich stron, wskazując, gdzie zostaną umieszczone kluczowe elementy, takie jak nagłówki, obrazy, bloki tekstu, menu nawigacyjne i wezwania do działania.
Istnieje wiele narzędzi AI, które mogą ten proces zrobić za nas:
Relume AI Site Builder: https://www.relume.io/
Visily: https://www.visily.ai/
Uizard: https://uizard.io/
Mockflow: https://mockflow.com/updates/ai-feature-series-text-to-wireframe
Uxpilot: https://uxpilot.ai/ai-wireframe-generator
UI - Design
Następnie projektant przechodzi do procesu wdrażania gotowego interfejsu użytkownika w oparciu o wireframe. Dodaje kolory, fonty, komponenty o określonym wyglądzie. Dzięki temu tworzy spójny atrakcyjny design aplikacji, strony internetowej lub interaktywnego CV
Figma: https://www.figma.com/
Photopea: https://www.photopea.com/ -Narzędzie, które jest substututem photoshopa, do stworzenia elementów graficznych
Gotowe Design systemy i UI Kity
Projektanci często składają stronę lub aplikację jak z klocków lego. Przez lata powstało wiele gotowych Design Systemów umożliwiających szybkie projektowanie i kodowanie
Material Design: https://m3.material.io/
Material UI: https://mui.com/
Bootstrap: https://getbootstrap.com/
Wdrożenie aplikacji / strony
W dzisiejszych czasach coraz częściej odchodzimy od klasycznych systemów wdrażania stron, na rzecz metod drag&drop, page builderów, czy też gotowych szablonów stron WWW
Framer AI: https://www.framer.com/
Wordpress: https://pl.wordpress.org/
Webflow: https://webflow.com/
Squarespace: https://www.squarespace.com/
Wdrożenie za pomocą AI
W dobie AI bardzo często całkowicie pomijany jest proces projektowania i kodowania. Istnieje wiele gotowych rozwiązań, które są w stanie wygenerować stronę lub aplikację z promptu. Są to zarówno duże LLM, ale również dedykowane generatory stron i aplikacji
Bold: https://bolt.new/
Claude: https://claude.ai/new
Gemini: https://gemini.google.com/
deepseek: https://chat.deepseek.com/
