SlideShare une entreprise Scribd logo
1  sur  9
Powstanie strony
internetowej
Bitwa pod Komarowem.
Głównym celem strony internetowej jest przedstawienie w atrakcyjny
sposób informacji, poszukiwanych przez użytkowników. Przy tworzeniu
witryn dużo uwagi należy zwracać na szatę graficzną, ponieważ to wygląd
w większości przypadków decyduje, czy odwiedzający zostanie na stronie,
czy opuści ją od razu po wejściu. Według statystyk 38% użytkowników
opuszcza stronę internetową z powodu złego designu, co dotyczy nie tylko
układu komponentów, ale również ich wyglądu. Zastosowanie animacji czy
interaktywnych elementów stwarza efekt „ruchu”, który przyciąga wzrok
użytkowników. Znaczną rolę w tworzeniu opinii użytkowników odgrywają
również wykorzystane kolory i zdjęcia.
Ogólny
klimat strony
Przygotowując projekt graficzny dla strony internetowej Stowarzyszenia
Bitwa pod Komarowem skupiliśmy się na zobrazowaniu wydarzenia za
pomocą czcionek, ciekawych elementów wizualnych oraz zdjęć. Wykonana
w brązowych odcieniach witryna oddaje atmosferę bitwy oraz zanurza w
szczegóły polskiej historii. Dzięki zrealizowanej przez stowarzyszenie
rekonstrukcji wydarzenia mieliśmy możliwość wykorzystania realistycznych
zdjęć w celu utrzymania charakterystycznego dramatyzmu. Strona
internetowa organizacji powinna nie tylko informować o jej działalności, ale
również cieszyć oko odwiedzających.
3e3836
797043
c0b8a0
Chronologia
wydarzeń
Historię Stowarzyszenia przedstawiliśmy w postaci chronologicznej listy.
Takie rozwiązanie zachęca użytkowników do interakcji ze stroną wraz
z zapoznaniem się z działalnością Stowarzyszenia. Znikający przy
przewijaniu tekst wraz ze statycznym zdjęciem w tle tworzy ciekawy efekt
oraz nadaje podstronie atrakcyjności.
Interaktywne
elementy
Zastosowanie elementów interaktywnych przypominających animację
pozwala zatrzymać wzrok użytkowników oraz zwiększyć czas ich
przebywania na stronie. Przygotowując projekt graficzny dla
Stowarzyszenia opracowaliśmy kilka interaktywnych elementów. Na stronie
głównej komponenty graficzne mają na celu zainteresować internautów
oraz nadać dynamiczności wykorzystywanemu zdjęciu w tle. Oprócz tego
podobny efekt zastosowaliśmy również do grafiki służącej jako tło
nagłówka w segmencie „Historia bitwy” na stronie głównej.
Aczkolwiek nie wykorzystaliśmy elementów interaktywnych na podstronach
witryny, aby nie odwracać uwagi użytkowników od treści tekstowych.
Fotomanipulacje
W celu dodania intensywności stronie internetowej wykorzystaliśmy zdjęcia
przedstawiające przebieg bitwy. Aby dostosować je do ogólnej atmosfery
strony zastosowaliśmy kilka efektów wizualnych oraz dodaliśmy drobne
elementy drugoplanowe takie jak pył, ogień i liście. W wyniku powstały
przyciągające grafiki, które uzupełniły ogólną szatę graficzną strony.
Czcionka
Wykorzystany na stronie internetowej font odgrywa znaczącą rolę w
designie strony internetowej, ponieważ tekst również przedstawia charakter
witryny. Dla projektu Bitwy pod Komarowem wykorzystaliśmy czcionkę,
która najbardziej odpowiada działalności Stowarzyszenia oraz doskonale
odzwierciedla okres historyczny. Imitująca maszynę do pisania czcionka
dodaje charakterystycznego stylu dokumentów lat 90.
Łucznik 1303
abcdefghijklmnoprstuwxyz
Dita Sweet
abcdefghijklmnoprstuwxyz
Noto Serif Italic
abcdefghijklmnoprstuwxyz
https://bit.ly/38VfXPN
System CMS
Na potrzebę klienta opracowaliśmy system zarządzania, którego liczne
moduły pozwalają nie tylko na sprawne funkcjonowanie witryny
internetowej, ale również na łatwe dodanie kolejnych podstron.
Szczegółową realizację projektu graficznego strony internetowej Bitwa pod
Komarowem można zobaczyć na naszym portfolio.
https://www.moonbite.pl/wycen-projekt
Strona internetowa reprezentuje firmę w sieci, dlatego powinna nie tylko
zawierać podstawowe informacje o przedsiębiorstwie, ale również za
pomocą grafiki zobrazować jego działalność. 94% pierwszych wrażeń na
temat witryny jest związanych z jej wyglądem, wskazując, że w pierwszej
kolejności warto zadbać o szatę graficzną. Nie oznacza to jednak, że
zawartość jest mniej ważna od designu.
Podczas przygotowania projektu strony internetowej zwracamy uwagę na
szczegóły, które pomagają wyróżnić firmę wśród ogromu innych stron www.
Dostosowujemy nie tylko elementy graficzne, ale również funkcjonalności
systemu, dzięki czemu witryna odpowiada standardom UI/UX.
Strony www
Sklepy internetowe
Systemy dedykowane
www.moonbite.pl
kontakt@moonbite.pl
Skontaktuj się z nami!
Chcesz rozwijać swoją firmę dzięki nowej stronie internetowej?

Contenu connexe

En vedette

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 

En vedette (20)

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 

Powstanie strony internetowej Bitwa pod Komarowem. Case study

  • 2. Głównym celem strony internetowej jest przedstawienie w atrakcyjny sposób informacji, poszukiwanych przez użytkowników. Przy tworzeniu witryn dużo uwagi należy zwracać na szatę graficzną, ponieważ to wygląd w większości przypadków decyduje, czy odwiedzający zostanie na stronie, czy opuści ją od razu po wejściu. Według statystyk 38% użytkowników opuszcza stronę internetową z powodu złego designu, co dotyczy nie tylko układu komponentów, ale również ich wyglądu. Zastosowanie animacji czy interaktywnych elementów stwarza efekt „ruchu”, który przyciąga wzrok użytkowników. Znaczną rolę w tworzeniu opinii użytkowników odgrywają również wykorzystane kolory i zdjęcia.
  • 3. Ogólny klimat strony Przygotowując projekt graficzny dla strony internetowej Stowarzyszenia Bitwa pod Komarowem skupiliśmy się na zobrazowaniu wydarzenia za pomocą czcionek, ciekawych elementów wizualnych oraz zdjęć. Wykonana w brązowych odcieniach witryna oddaje atmosferę bitwy oraz zanurza w szczegóły polskiej historii. Dzięki zrealizowanej przez stowarzyszenie rekonstrukcji wydarzenia mieliśmy możliwość wykorzystania realistycznych zdjęć w celu utrzymania charakterystycznego dramatyzmu. Strona internetowa organizacji powinna nie tylko informować o jej działalności, ale również cieszyć oko odwiedzających. 3e3836 797043 c0b8a0
  • 4. Chronologia wydarzeń Historię Stowarzyszenia przedstawiliśmy w postaci chronologicznej listy. Takie rozwiązanie zachęca użytkowników do interakcji ze stroną wraz z zapoznaniem się z działalnością Stowarzyszenia. Znikający przy przewijaniu tekst wraz ze statycznym zdjęciem w tle tworzy ciekawy efekt oraz nadaje podstronie atrakcyjności.
  • 5. Interaktywne elementy Zastosowanie elementów interaktywnych przypominających animację pozwala zatrzymać wzrok użytkowników oraz zwiększyć czas ich przebywania na stronie. Przygotowując projekt graficzny dla Stowarzyszenia opracowaliśmy kilka interaktywnych elementów. Na stronie głównej komponenty graficzne mają na celu zainteresować internautów oraz nadać dynamiczności wykorzystywanemu zdjęciu w tle. Oprócz tego podobny efekt zastosowaliśmy również do grafiki służącej jako tło nagłówka w segmencie „Historia bitwy” na stronie głównej. Aczkolwiek nie wykorzystaliśmy elementów interaktywnych na podstronach witryny, aby nie odwracać uwagi użytkowników od treści tekstowych.
  • 6. Fotomanipulacje W celu dodania intensywności stronie internetowej wykorzystaliśmy zdjęcia przedstawiające przebieg bitwy. Aby dostosować je do ogólnej atmosfery strony zastosowaliśmy kilka efektów wizualnych oraz dodaliśmy drobne elementy drugoplanowe takie jak pył, ogień i liście. W wyniku powstały przyciągające grafiki, które uzupełniły ogólną szatę graficzną strony.
  • 7. Czcionka Wykorzystany na stronie internetowej font odgrywa znaczącą rolę w designie strony internetowej, ponieważ tekst również przedstawia charakter witryny. Dla projektu Bitwy pod Komarowem wykorzystaliśmy czcionkę, która najbardziej odpowiada działalności Stowarzyszenia oraz doskonale odzwierciedla okres historyczny. Imitująca maszynę do pisania czcionka dodaje charakterystycznego stylu dokumentów lat 90. Łucznik 1303 abcdefghijklmnoprstuwxyz Dita Sweet abcdefghijklmnoprstuwxyz Noto Serif Italic abcdefghijklmnoprstuwxyz
  • 8. https://bit.ly/38VfXPN System CMS Na potrzebę klienta opracowaliśmy system zarządzania, którego liczne moduły pozwalają nie tylko na sprawne funkcjonowanie witryny internetowej, ale również na łatwe dodanie kolejnych podstron. Szczegółową realizację projektu graficznego strony internetowej Bitwa pod Komarowem można zobaczyć na naszym portfolio.
  • 9. https://www.moonbite.pl/wycen-projekt Strona internetowa reprezentuje firmę w sieci, dlatego powinna nie tylko zawierać podstawowe informacje o przedsiębiorstwie, ale również za pomocą grafiki zobrazować jego działalność. 94% pierwszych wrażeń na temat witryny jest związanych z jej wyglądem, wskazując, że w pierwszej kolejności warto zadbać o szatę graficzną. Nie oznacza to jednak, że zawartość jest mniej ważna od designu. Podczas przygotowania projektu strony internetowej zwracamy uwagę na szczegóły, które pomagają wyróżnić firmę wśród ogromu innych stron www. Dostosowujemy nie tylko elementy graficzne, ale również funkcjonalności systemu, dzięki czemu witryna odpowiada standardom UI/UX. Strony www Sklepy internetowe Systemy dedykowane www.moonbite.pl kontakt@moonbite.pl Skontaktuj się z nami! Chcesz rozwijać swoją firmę dzięki nowej stronie internetowej?