Cel projektu
Celem projektu było stworzenie osobistej strony internetowej prezentującej portfolio i ofertę w zakresie projektowania stron, sklepów internetowych oraz systemów webowych. Strona Maurito.pl ma łączyć funkcję wizytówki, prezentacji realizacji i zaproszenia do współpracy – w lekki, nowoczesny i technicznie dopracowany sposób. Kluczowym założeniem było pokazanie umiejętności autora w praktyce: każdy element strony został zaprojektowany i zakodowany od podstaw.
O projekcie
Maurito.pl to autorski projekt strony z rozbudowanymi podstronami, case studies, modułem portfolio, formularzem wyceny, formularzem kontaktowym. Witryna ma charakter pokazowy - każdy element został zakodowany od postaw. Projekt jest ciągle rozwijany i ulepszany. Strona pełni również funkcję punktu kontaktowego i centrum prezentacji projektów realizowanych dla firm i marek osobistych.
Wyzwania
- Stworzenie w pełni autorskiej witryny bez gotowych motywów
- Mikroanimacje, interaktyne elementy i formualarze
- Utrzymanie spójności stylu
Etapy pracy
1. Koncepcja i struktura
Projekt rozpoczęto od opracowania koncepcji wizualnej i architektury informacji. Stworzono szkice układu strony oraz zdefiniowano kluczowe sekcje: nagłówek z hasłem marki, sekcję usług, portfolio, proces współpracy i kontakt.
2. Projekt graficzny
Na etapie projektowania stworzono autorski layout w stylu „modern tech” z wyraźnymi akcentami kolorystycznymi, szklanym efektem blur i neonowymi detalami. Zadbano o kontrasty, typografię i przejrzystość, tak by strona była przyjazna dla użytkowników w każdym wieku.
3. Wdrożenie
Strona została zakodowana ręcznie przy użyciu HTML, CSS, PHP, JavaScript, z pełną kontrolą nad każdym elementem. Strona jest ciągle rozwijana, modyfikowana i optymalizowana.
4. Testy i publikacja
Strona została przetestowana na różnych urządzeniach i przeglądarkach, a następnie wdrożona na produkcyjny serwer. Zadbano o konfigurację certyfikatu SSL, poprawną indeksację w wyszukiwarkach i integrację z narzędziami analitycznymi (Google Search Console, GA4), zadbano o wdrożenie modułu Google reCaptcha.