Strona internetowa Turwear E-commerce
TUR - Producenci odzieży z Charkowa, założeni w 2015 roku po wybuchu wojny na wschodniej Ukrainie. Łączymy inspiracje militarną z nowoczesnością, tworząc style takie jak techwear, cyberpunk i parkour.
## **Moje zadania w projekcie**
- Analiza konkurencji
- Wireframe'y i testy A/B
- Tworzenie projektu strony internetowej
- Opracowanie unikalnej tożsamości wizualnej
## Problem
**Nieskuteczność strony internetowej:** Obecnie strona **nie potrafi efektywnie przekazać** premium i technologicznych aspektów odzieży techwear, potencjalnie odstraszając kupujących i entuzjastów. Dodatkowo, jej **myląca nawigacja** sprawia, że użytkownikom trudno jest znaleźć produkty i informacje.
## Rozwiązanie
**Udoskonalona Nawigacja i Branding:** Zmodyfikuj strukturę strony i nawigację dla łatwego dostępu do produktów i informacji, tworząc jednocześnie unikalną tożsamość wizualną, która współgra z trendami modowymi i koncepcją marki.
# Analiza konkurencji
### Cele analizy
- Ocena doświadczenia użytkownika
- Identyfikacja mocnych i słabych stron
- Badanie struktur stron internetowych konkurentów, poszukiwanie Punków Parzystości/Punków Różnicowania (POP/POD)
- Ocena projektów stron internetowych konkurentów
### Wnioski
- Strony internetowe z mniejszą liczbą produktów zwykle upraszczają nawigację i sortowanie, często prezentując przedmioty w listach, aby podkreślić wizualizacje.
- Pomimo wysokiego zakresu cenowego, większość stron konkurentów prezentuje projekt o średniej jakości. Zawierają one nadmierne reklamy, prośby o subskrypcję i podglądy kolekcji, co może być irytujące i rozpraszające dla użytkowników. Te elementy utrudniają przyjazność dla użytkownika.
- Chociaż Lookbook mógłby skutecznie przedstawić nową kolekcję, brak zdjęć kolekcji sprawił, że było to niemożliwe. W rezultacie zdecydowaliśmy się wyłącznie na wykorzystanie banerów do promocji.
- Strony konkurentów brakuje wyróżniających cech i unikalnych rozwiązań. Utrzymują one prostą i informacyjną strukturę bez żadnych wyjątkowych cech.
# Wireframe'y
Stworzyłem wireframe'y dla stron internetowych, przeprowadziłem testy A/B w celu zidentyfikowania najlepszych opcji projektowych (użytkownicy napotkali poważne problemy na stronie produktu, więc na podstawie uzyskanych danych przeprojektowałem wireframe'y i ponownie przeprowadziłem testy).
# Ostateczny Projekt
Zaprojektowałem strony internetowe wraz z ich wersjami responsywnymi dla urządzeń mobilnych, stworzyłem banery dla głównych stron internetowych oraz opracowałem zestaw interfejsu użytkownika projektu: komponenty, kolory, czcionki.
## **Moje zadania w projekcie**
- Analiza konkurencji
- Wireframe'y i testy A/B
- Tworzenie projektu strony internetowej
- Opracowanie unikalnej tożsamości wizualnej
## Problem
**Nieskuteczność strony internetowej:** Obecnie strona **nie potrafi efektywnie przekazać** premium i technologicznych aspektów odzieży techwear, potencjalnie odstraszając kupujących i entuzjastów. Dodatkowo, jej **myląca nawigacja** sprawia, że użytkownikom trudno jest znaleźć produkty i informacje.
## Rozwiązanie
**Udoskonalona Nawigacja i Branding:** Zmodyfikuj strukturę strony i nawigację dla łatwego dostępu do produktów i informacji, tworząc jednocześnie unikalną tożsamość wizualną, która współgra z trendami modowymi i koncepcją marki.
# Analiza konkurencji
### Cele analizy
- Ocena doświadczenia użytkownika
- Identyfikacja mocnych i słabych stron
- Badanie struktur stron internetowych konkurentów, poszukiwanie Punków Parzystości/Punków Różnicowania (POP/POD)
- Ocena projektów stron internetowych konkurentów
### Wnioski
- Strony internetowe z mniejszą liczbą produktów zwykle upraszczają nawigację i sortowanie, często prezentując przedmioty w listach, aby podkreślić wizualizacje.
- Pomimo wysokiego zakresu cenowego, większość stron konkurentów prezentuje projekt o średniej jakości. Zawierają one nadmierne reklamy, prośby o subskrypcję i podglądy kolekcji, co może być irytujące i rozpraszające dla użytkowników. Te elementy utrudniają przyjazność dla użytkownika.
- Chociaż Lookbook mógłby skutecznie przedstawić nową kolekcję, brak zdjęć kolekcji sprawił, że było to niemożliwe. W rezultacie zdecydowaliśmy się wyłącznie na wykorzystanie banerów do promocji.
- Strony konkurentów brakuje wyróżniających cech i unikalnych rozwiązań. Utrzymują one prostą i informacyjną strukturę bez żadnych wyjątkowych cech.
# Wireframe'y
Stworzyłem wireframe'y dla stron internetowych, przeprowadziłem testy A/B w celu zidentyfikowania najlepszych opcji projektowych (użytkownicy napotkali poważne problemy na stronie produktu, więc na podstawie uzyskanych danych przeprojektowałem wireframe'y i ponownie przeprowadziłem testy).
# Ostateczny Projekt
Zaprojektowałem strony internetowe wraz z ich wersjami responsywnymi dla urządzeń mobilnych, stworzyłem banery dla głównych stron internetowych oraz opracowałem zestaw interfejsu użytkownika projektu: komponenty, kolory, czcionki.