sticker
sticker
sticker
sticker
sticker

For an optimal experience turn on your sound


Music performed by Flaminia – Back to Zero
released on our friend's label [47x47.com]

Miracleshappen tothose whobelieve inMiracles


hello@thefirstthelast.agency
Moralia

Moralia

How we developed site for this contemporary furniture designer emphasizes functionality and aesthetic minimalism to let its catalog shine.

AwwwardsCSS WinnerCSS Design Awards

UX/UI + Web Development →

This site's purpose is to create an online presence for Moralia, a Canadian furniture design firm that produces high-end contemporary furniture. Our goal was to present its product line and new collections in a way that corresponds to Moralia’s minimalist aesthetic and love for innovation. The site’s target audience is architects, designers and consumers with a taste for luxury.

Moralia

Yes, Seriously!

Emphasizes functionality

and aesthetic simplicity

 

We considered it important to make the main focus precisely on the products displayed on a simple grid; however, this is not in our style, so the main page has a built-in slider. Upon entering the website, the user’s attention is focused on it—nothing else grabs their attention other than product categories. 

This was our main goal. We are very proud of the slider because, in addition to its bright solution, it looks modern, solves the task and is easy to navigate.

As mentioned above, we paid great attention to animations. Transitions, hovers and the appearance of photos all played essential parts in our work on this site.

The greatest difficulties arose during working on them at each stage of the website’s creation, from design to development. The designer spends a lot of time and effort to select exactly those animation effects that make the content as interactive as possible for users. 

Developers faced considerable difficulties at the stage of creating animations as well. We have worked hard to achieve the softness and smoothness you see on the Moralia website.

Nuxt.js is a JavaScript library based on Vue.js. In most of our projects, we use Nuxt because it makes the website’s pages load faster in the browser. Moreover, one of the main differences between our agency’s sites and others is the interesting animations — we pay great attention to their creation and emphasize their softness. 

Nuxt handles this task much better than other software; it makes animations smooth and easy, which is why we have been using it for many years. 

There is a complicated structure and navigation between pages on the Moralia website. To give the client the ability to manage content easily, our back-end developers wrote an admin panel to meet his requests. Using the Laravel admin panel, we have an advantage over other website builders in terms of development speed and API customization for the client’s tasks. 

To make the Moralia project’s management process optimized and convenient, we created a convenient, easy-to-use admin panel with a website-style design. Thanks to the additions that we developed, creating additional fields and blocks requires less time and effort.

– Mobile View – Mobile View – Mobile View – Mobile View – Mobile View – Mobile View – Mobile View – Mobile View – Mobile View – Mobile View – Mobile View – Mobile View – Mobile View – Mobile View – Mobile View – Mobile View – Mobile View – Mobile View – Mobile View – Mobile View

We use cookies to serve more relevant content to you. For more information, please review boring documents here .