Hello Reader 👋

This is formally the first landing I created from scratch using the Grayio template v2.0. I designed the template without keeping in mind that I would be designing websites with a larger typographic scale, such as "1.333 — Perfect Fourth". This opened up possibilities for me, but it also led to me discovering several issues that I have fixed in both Sole Heaven and the template. These issues ranged from scaling issues in the card to the section components.

Sole Heaven, I wanted to design a landing page related to e-commerce with an automatic section slider for the hero section. Every couple of seconds, it would slide automatically to another hero section, or the user could manually control it. I love implementing this kind of hero section in my future portfolio because it engages the client without requiring any action. It's similar to the giant digital commercial screens in well-known cities that constantly change to attract potential customers. I know it may sound dystopian, but on a smaller scale. The slider consists of 5 hero sections, and it functions on every device scale.

Even though I rely 100 percent on stock images such as Unsplash, Pexels, and some iStock images when I start designing a landing page, I'm proud of the small details, such as designing the logo or creating the illustrations for the feature section. I hope this template satisfy your needs for to make great e-commerce landing page.

Get The Template from Gumroad now ->  Sole Heaven landing page | Grayio v2.0

Contact info

Check my templates / Products in Gray (gumroad.com)

My Behance Profile : Gray Berry on Behance

My Email for freelancing services: GrayBerryPawn@gmail.com

Showcase

Grid Layouts

The landing page has been designed to accommodate five different sizes and grid styles, ensuring optimal visual presentation across various devices and screen resolutions. This thoughtful approach to responsiveness allows the page to adapt seamlessly to different viewing, including desktops, laptops, tablets, and mobile devices.

Quick look of the prototype

An interactive prototype is a powerful tool that brings ideas to life and enables to visualize and experience a product or website before it is fully developed, like the Button animation or the Photo slider.

💻 Full Preview