Proces projektowania i wdrożenia serwisu internetowego
Kluczowe etapy projektu 9 1 Rozwój i optymalizacja Analiza celów, potrzeb i konkurencji 8 Szkolenie IMPROVE THINK Wireframe i prototyp (UX) 2 7 Testy Specyfikacja i opis działania 3 CREATE Wdrożenie CMS (back-end) 6 Interfejs użytkownika (front-end) Projekty graficzne 4 5
Analiza: dlaczego to jest ważne? Podczas analizy ustalamy konkretne wymagania i oczekiwania klienta. Omawiamy sposoby ich realizacji i pomagamy dobrać najlepsze możliwe rozwiązania technologiczne. Jak realizujemy ten etap? Korespondencje e-mail Wideokonferencje Spotkania i warsztaty Pełne zrozumienie istoty projeku Określenie realnych potrzeb internautów Rekomendacja optymalnych rozwiązań
Wireframe i prototyp (UX) Makieta (wireframe) określa zawartość, architekturę informacji serwisu i pokazuje rozmieszczenie elementów w formie czytelnego schematu. Efektem prac na tym etapie jest: Prototyp funkcjonalny pokazujący interakcje użytkownika z serwisem Weryfikacja założeń projektu (obustronne zrozumienie pomiędzy klientem a wykonawcą) Optymalizacja procesów dzięki dużej elastyczności Płynne przejście do fazy projektowania graficznego
Specyfikacja i opis działania Tworzymy opis funkcjonalny witryny oraz wyjaśniamy sposób działania poszczególnych elementów. Klarowne określenie sposobu działania i zakresu zarządzania witryną Dokładne źródło informacji na temat serwisu i jego wdrożenia Transparentne przedstawienie zakresu prac i kosztów projektu
Projekty graficzne Projektując interfejs stawiamy przede wszystkim na czytelność, estetykę i użyteczność. Wyznajemy ideę less is more dbając o jakość najmniejszych detali. Kreatywne i nieszablonowe podejście do realizacji Projektowanie zorientowane na realne potrzeby użytkownika (User-Centered Design) Nowoczesny, wyróżniający się na tle konkurencji layout buduje pozytywny wizerunek marki
Interfejsy użytkownika (front-end) Wysoka jakość warstwy front-end gwarantuje szereg korzyści istotnych z punktu widzenia promocji i postrzegania serwisu. Bezproblemowe działanie we wszystkich popularnych przeglądarkach Większa szybkość i wydajność działania Optymalny kod ułatwia pozycjonowanie w wyszukiwarkach Zastosowanie reguł Web Accessibility (WAI) zwiększa dostępność dla osób niepełnosprawnych Najnowsze trendy HTML5/CSS3 pozwalają wyróżnić się na tle konkurencji HTML5 JavaScript CSS3 Responsive Web Design
Wdrożenie CMS (back-end) Implementację funkcjonalności serwisu rekomendujemy oprzeć o oprogramowanie typu open-source Drupal lub Django. Uniezależnienie się od dostawcy technologii Brak opłat licencyjnych Bezpieczeństwo, ciągły rozwój i niezawodność Duża elastyczność i możliwość rozbudowy (tysiące modułów) Zaufanie największych marek (Sony, Intel, BBC...) Intuicyjne zarządzanie w oparciu o specjalnie przygotowany panel administracyjny
Testy, szkolenie i rozwój Proces uzupełnia szereg testów, nad którymi czuwa dział QA (Quality Assurance). Po wdrożeniu zapewniamy kompleksowe szkolenie z obsługi systemu CMS. Dostarczenie klientowi wysokiej jakości produktu Różnorodność testów zapewnia kompatybilność i stabilne działanie Pełny support oraz wsparcie technologiczne i merytoryczne w rozwijaniu aplikacji Możliwość stałej obsługi na dogodnych warunkach Nasi partnerzy zapewnią wsparcie: Hosting Marketing internetowy Druk Video Social media Monitoring marki
Jak zarządzamy projektem? Narzędzia i metody: Sprawna komunikacja to naszym zdaniem najważniejsza cecha dobrego PM a. W planowaniu, harmonogramowaniu, realizacji i kontroli zadań pomagają nam: Project management Kontrola jakości Wdrożenie Basecamp Axure RP Agile (Scrum)/Waterfall Redmine Selenium IDE Xenu Sleuth Black-box GIT/SVN/Mercurial Firebug Cross-browser: Konsultacje projektowe Mobile: Visual inspection Testy akceptacyjne System kontroli wersji Walidacja W3C WAI Systemy:
Jak projektujemy UX? Iteracje Poznanie potrzeb Wireframe Prototyp Weryfikacja wewnętrzna Wnioski i akceptacja Problemy i potrzeby użytkowników. Persony. Scenariusze użycia. Benchmarking i identyfikacja najlepszych praktyk. Szkice na papierze. Lo-fi prototyping. Funkcjonalne makiety HTML (Axure RP). Site Map, Architektura Informacji. Scenariusze użycia i diagramy przepływu. Audyt ekspercki. Weryfikacja z klientem. Feedback. Wdrożenie zmian. Poprawa użyteczności.
Kontakt: Masz dodatkowe pytania? Skontaktuj się z jednym z naszych Project Managerów. Różana 13/3 61-577, Poznań e: biuro@merixstudio.com t: 61 835 94 60 www.merixstudio.pl
www.merixstudio.pl