Landing page
SPRYNG
This is mockup some ideas on how I would improve the design of website. In my opinion, the main problem of the site is that the information is not structured and is constantly repeated. Too much text and information is not perceived. So I tried to structure it into a convenient shape in the form of a landing.
The landing page can be viewed here.
On page 7, I added a gaming element to increase interactivity as well as customer interest. The game is that you need to click on SPRYNG to fill in the scale in the form of a company logo. This should be done in the allotted time and if you do not press on the product for a long time, the scale will fall. Depending on the RECOVERY TIME, there are different times. For example, in action mode, the execution time will be shorter. When performing this task, the user is given a 10% discount provided he enters his email address. This game is simple, but it will increase interest in the product.
On page five, I posted sponsors and deleted textual information about them, compared to the previous site. In my opinion, this information was superfluous, because we can see it ourselves by going to the pages of sponsors.
On page six, I changed the WRAP UP presentation form to a card form. This will reduce the size of the site and is also more attractive than in the previous version. When hovering over the card, a small gif or motion animation according to the sport is launched.
The third page contains product information. The 3D element of the product is designed here. The user can view the product from different angles, change the color, as well as learn its characteristics by clicking on the hot spots on the 3D model itself. This will increase the interactivity of the site, as well as informativeness content. The main benefits of the product on the left have not been particularly changed, except for a little design. When you click on the benefits card, additional information is displayed.
On the first page, instead of a banner, I put a video, which in previous versions was on the second. For the first time, this will reduce the volume and increase the attractiveness of the site.
On the second page, I decided to add a scientific component, namely what technologies are used, the importance of the problem and so on. An animated picture is projected on the left, which shows muscle contraction and blood circulation during exercise. On the right of the card in the form of questions, clicking on which opens a tab with brief information. Again, I tried to structure the data.
Product reviews were presented on the fourth page. For the first time, the form of presentation of these reviews was changed, as well as the font design. I like the form of presenting information in the form of a chat. In my opinion, this makes the content lively and interesting. As for the font design, the words of the people were italicized as quotation.
