Projektowanie witryny mobilnej różni się nieco od tradycyjnego projektowania witryn na komputery stacjonarne ze względu na inny sprzęt, oprogramowanie i oczekiwania konsumentów. Projektanci muszą wziąć pod uwagę ograniczenia platformy mobilnej podczas projektowania na platformę mobilną. Rozmiary plików powinny być mniejsze, a liczba plików wysyłanych do użytkownika zmniejszona. Skoncentruj się na kilku potężnych grafikach i zminimalizuj liczbę obrazów wysyłanych do użytkownika. Uprość pola wyboru i listy, aby użytkownik mógł łatwo przewijać i wybierać opcje. Obecność na urządzeniach mobilnych stała się tak ważna, że napędza rosnący trend polegający na odwróceniu tradycyjnego procesu rozwoju handlu elektronicznego i rozpoczęciu zamiast tego rozwoju obecności mobilnej zamiast strony internetowej na komputery stacjonarne (znanej jako projekt mobile first). Pierwszy projekt mobilny ma kilka zalet. Zamiast tworzyć w pełni funkcjonalny projekt witryny internetowej na komputery stacjonarne, który następnie musi zostać zmniejszony, projekt z myślą o urządzeniach mobilnych koncentruje się na tworzeniu możliwie najlepszych wrażeń z uwzględnieniem ograniczeń platformy mobilnej, a następnie dodawaniu elementów z powrotem do platformy komputerowej, stopniowo zwiększając funkcjonalność teren. Zwolennicy projektowania mobile first twierdzą, że zmusza to projektantów do skupienia się na tym, co najważniejsze, a to pomaga stworzyć szczupły i wydajny projekt mobilny, który działa znacznie lepiej niż projekt, który zaczyna się od tradycyjnej platformy, którą należy rozebrać do pracy na urządzeniach mobilnych . Projekt Mobile First nie jest jednak pozbawiony wyzwań. Może to być trudniejsze dla projektantów, którzy są bardziej zadowoleni z bardziej tradycyjnego procesu. Inne ważne trendy w rozwoju mobilnych witryn internetowych obejmują responsywne projektowanie witryn internetowych i adaptacyjne projektowanie witryn internetowych. Responsywne narzędzia do projektowania stron internetowych (RWD) i techniki projektowania umożliwiają zaprojektowanie strony internetowej, która automatycznie dostosowuje jej układ i sposób wyświetlania do rozdzielczości ekranu urządzenia, na którym jest wyświetlana, czy to na komputerze stacjonarnym, tablecie czy smartfonie. Narzędzia RWD obejmują HTML5 i CSS3, a jego trzy kluczowe zasady projektowania obejmują stosowanie elastycznych układów opartych na siatce, elastycznych obrazów i multimediów oraz zapytań o media. RWD używa tego samego kodu HTML i projektu dla każdego urządzenia, ale używa CSS (który określa układ strony internetowej), aby dostosować układ i wyświetlanie do kształtu ekranu. Witryny RWD zwykle dobrze działają w przypadku witryn o stosunkowo prostej funkcjonalności (tj. Witryn, które głównie dostarczają treści), z którymi użytkownicy korzystają w podobny sposób, niezależnie od używanego urządzenia. Jednak korzystanie z RWD może być kosztowne i często wymaga całkowitego przeprojektowania interfejsu witryny. Innym problemem związanym z RWD, szczególnie jeśli nie jest połączony z projektem mobile first, jest to, że responsywna witryna nadal ma rozmiar i złożoność tradycyjnej witryny na komputery stacjonarne, co czasami powoduje jej powolne ładowanie i działanie na urządzeniu mobilnym. Aby rozwiązać ten problem, opracowano inną technikę, znaną jako adaptacyjne projektowanie witryn internetowych. W przypadku adaptacyjnego projektowania witryn internetowych (AWD) (czasami określanego również jako adaptacyjne dostarczanie lub responsywne projektowanie witryn internetowych z komponentami po stronie serwera (RESS)) serwer obsługujący witrynę wykrywa atrybuty urządzenia wysyłającego żądanie i korzystając z predefiniowanych rozmiar ekranu urządzenia wraz z CSS i JavaScript ładuje wersję strony zoptymalizowaną dla urządzenia. AWD ma wiele zalet, w tym krótsze czasy ładowania, możliwość ulepszania lub usuwania funkcji w locie i zazwyczaj lepsze wrażenia użytkownika, szczególnie w firmach, w których intencje użytkownika różnią się w zależności od używanej platformy. Na przykład stworzenie mobilnej strony internetowej z AWD umożliwiło Lufthansie skupienie się na działaniach, które najczęściej podejmują jej użytkownicy mobilni, takich jak odprawa, uzyskiwanie informacji o statusie lotu i sprawdzanie tras podróży, a także zapewnienie zróżnicowanych wrażeń z tradycyjnego komputera. teren . Odmiana AWD wykorzystuje platformę opartą na chmurze, aby zapewnić podobną funkcjonalność