Murmur: landing page εφαρμογής κινητού

01

Επισκόπηση

Το Murmur είναι πρότυπο landing page για εφαρμογές, εδώ για μια εφαρμογή με ήχους για συγκέντρωση και ύπνο. Δεν υπάρχει φωτογραφία να αλλάξετε: το κινητό, οι οθόνες του, ο ουρανός και η φωτεινή σφαίρα σχεδιάζονται όλα με κώδικα και προσαρμόζονται σε κάθε οθόνη.

Με το scroll όλη η σελίδα περνά από την αυγή στα μεσάνυχτα, ενώ το κινητό αλλάζει οθόνες ανάλογα. Το demo παίζει πραγματικό ήχο, που παράγεται μέσα στον browser χωρίς αρχεία ήχου. Κείμενα, κεφάλαια, χρώματα ουρανού, τιμές, κριτικές και συχνές ερωτήσεις βρίσκονται σε ένα αρχείο περιεχομένου.

02

Χαρακτηριστικά

1. 01
   Από τη μέρα στη νύχταΟ ουρανός της σελίδας περνά με το scroll από την αυγή στα μεσάνυχτα, μαζί με ένα ρολόι και την τροχιά ήλιου και φεγγαριού.
2. 02
   Κινητό από CSSΈνα πλαίσιο συσκευής που δείχνει καθαρά τις οθόνες της εφαρμογής σας σε κάθε μέγεθος, σε φωτεινό και σκούρο θέμα.
3. 03
   Πραγματικός ήχοςΈξι στρώσεις ήχου που παράγονται με το Web Audio API και ελέγχονται από το κινητό, το player της μπάρας και τον μίκτη.
4. 04
   Ζωντανή σφαίραΈνα σχήμα που φουσκώνει ανάλογα με την ένταση αυτού που παίζει.
5. 05
   Bento χαρακτηριστικώνΧρονοδιακόπτης ύπνου, λειτουργία χωρίς σύνδεση, έξυπνο ξυπνητήρι και άλλα, το καθένα με το δικό του μικρό γραφικό.
6. 06
   Τιμές, κριτικές, συχνές ερωτήσειςΌλα όσα χρειάζεται μια σελίδα εφαρμογής για να φέρνει χρήστες, με κουμπιά καταστημάτων έτοιμα να γίνουν τα επίσημα σήματα.

03

Ιδανικό για

1. 01
   Εφαρμογές κινητού
2. 02
   Εφαρμογές ευεξίας
3. 03
   Ανεξάρτητοι developers
4. 04
   Λανσαρίσματα προϊόντων

04

Τεχνολογίες

Next.js 15, React 19, GSAP 3, Lenis