Actually this design is based on a landing page I made for a real client, of course I have removed all confidential information, retouched general styles and generated the texts by artificial intelligence.
The client needed to publish as soon as possible a landing page about their event for the next marketing campaign. They needed to be groundbreaking with the aesthetics to differentiate themselves from the competition and capture as many leads as possible.
An escape room seemed like the perfect context to use these illustrations that I had fallen in love with a long time ago and had always wanted to use.
Scarcity of images that the client could provide given the nature of the business or the privacy of the students, so using illustrative resources seemed the best choice, and in this case what better connection to the internet than 3D graphics; transmitting an image of confidence for the new generations of artists.
Another key aspect of this design was the use of a unique color palette that targeted Gen Z. Instead of relying on traditional color schemes, I used bright and bold pink hues that are typically associated with vaporwave, mindfullness and the opposite of toxic masculinity.
By using a color scheme that appeals to Gen Z’s sensibilities, the landing page became more attractive and engaging, which ultimately could result in a higher conversion rate.
This landing required a visually engaging and contemporary design. To achieve this, I decided to use Blender to create custom illustrations that would help visually communicate the value and benefits of the school.
Given that it is not a very complex structure, I didn’t see the need to go into a wireframe phase, which would have helped in the case of a landing page where publication and development times are usually tighter than usual. All the resources, even if they are visually complex, can be built in a way that does not complicate the task too much for the development team. Throughout the process, the possibilities of the texts changing in the future were taken into account, so the scalability of the design was key.
Use of 3D
With Blender, I was able to create a variety of illustrations which helped to capture the attention of our target audience, which is primarily made up of Gen Zers. The use of 3D and reflective textures also allowed me to add a unique flair to the page that sets it apart from other landing pages in the same space.
I don’t really like to buy clothes that wear out in a year, to spend money every new season and support evil corporations exploiting some poor kids in Bangladesh. So I started looking for some more durable and ethical alternatives, websites like [one], [two], and [three] base their business on slow fashion, but their aesthetic and general focus seemed pointed too much at expensive and oversimplified design,
which I don’t think that necessary bad or wrong, but for someone like me, worried about saving money, the environment and labor rights, it comes across as a barrier.
So I decided to try and make a more friendly design, something that justifies the price and explains well why this is better.
The hero section shows the shadow of a tree to give that first impression of connection with nature.
Goals
Make users understand the prices and ethical decisions behind the brand, and provide an easy and pleasant experience when searching and buying online.
After doing some research and finding inspiration for layouts, flow forms, and design, I sketched my ideas out on Concepts. I then took these wireframes and converted them into hi-fidelity versions, making some adjustments along the way.
The colors of the clothes will be the primary focal point so CTAs need to be put in specific places.
Styles
For this design let’s choose a soothing palette, using turquoise for it’s association with water, mindfulness and high quality materials. The logo will be simple, elegant and easy to print on every clothing tag and other brand products.
Final Screens
Home page
Starting with a good structure with sections in order importance; a catchy hero section with the latest outfits in a loop, a section introducing the pieces of las collection, a call to action for people to keep up to date with any news, outlet, collaborating brands and brief information about the initiative.
Products
In this screen the user could see all products, filter them and add them directly to the shopping cart.
Single Product
In this final screens is where the customer can see the item in detail, select size, color and the CTA to add it to the shopping cart.
