LAK Gallery

LAK Gallery is an international art gallery that displays limited edition contemporary work in furniture, ceramics, and sculpture. We created its brand and design, and developed it from scratch.

Visit live website

A new visual identity

Inspiration

To create the brand, we first gathered inspiration on a moodboard for the LAK Gallery team to pick the direction.

LAK Gallery inspiration 1
LAK Gallery inspiration 1
LAK Gallery inspiration 2
LAK Gallery inspiration 2
LAK Gallery inspiration 3
LAK Gallery inspiration 3

Branding

We created LAK Gallery's brand from scratch and provided the marketing team with brand guidelines that included logo, typography, colors, imagery, and composition.

LAK Gallery typography
LAK Gallery typography
LAK Gallery color composition
LAK Gallery color composition

User Interface

After approval of the branding, we moved on with the design of the user interface, and put forefront the pieces.

LAK Gallery UI 1
LAK Gallery UI 1
LAK Gallery UI 2
LAK Gallery UI 2
LAK Gallery UI 3
LAK Gallery UI 3

Tech stack

Framework

Next.js's logoNext.js

Headless CMS

Sanity's logoSanity

Library & Languages

React's logoReactTypeScript's logoTypeScript

Deployment Platform

Vercel's logoVercel

Ecommerce architecture

Handling all the data from Sanity

LAK Gallery is an ecommerce, but considering the custom orders, it didn't enable any direct transactional feature, but relies mainly on the submission of a contact form on each product.

We followed a headless architecture to reach top page speeds and superior content management experience.

The frontend is built with the framework Next.js, the content is fetched from Sanity, and both are securely deployed on Vercel.

LAK Gallery's product page
LAK Gallery's product page
LAK Gallery's pieces page
LAK Gallery's pieces page
LAK Gallery's artist page
LAK Gallery's artist page
LAK Gallery's cart
LAK Gallery's cart

Tinloof has truly exceeded our expectations.

They've shown an uncanny ability to translate our ideas into a brilliant user interface.

Plus, their CMS has made content management a breeze — something we've struggled with before.

A highly recommended partner for any web needs.

Optimized for speed, accessibility, and search engines

To be a leading marketplace in the luxury space, LAK Gallery's site needs to be fast and abide by the best practices.

By focusing on Core Web Vitals and Lighthouse scores, we've optimized the site to be fast, accessible, and properly structured for search engines to crawl.

Here are the scores we achieved (these will fluctuate as changes are implemented):

A hub for all the content

LAK Gallery's curators and editorial team use Sanity to upload pieces of art, create pages for each designer, and control the layout of certain pages.

Here's a snapshot of how the Sanity dashboard for LAK Gallery looks like when you open it.

LAK Gallery's Sanity studio
LAK Gallery's Sanity studio

Creating pages based on templates

At the design stage of the website, we created reusable page templates to ensure LAK Gallery's team could independently create pages (without the involvement of developers).

For example, we have page templates for art pieces, designers, and legal content.

In the snapshots below, under the Designers tab, the content team is able to edit designers' details or create a new designer page from scratch.

LAK Gallery artist page on Sanity
LAK Gallery artist page on Sanity

Bulk editing and uploading content

Considering how the gallery displays hundreds of pieces, editing piece by piece would be gruesome.

As a solution, we've added a functionality to take actions in bulk (e.g. bulk delete 100 pieces or bulk upload 500 images).

There is also a dedicated Media Library to add tags to images and filter by certain categories.

Sanity CMS bulk upload feature
Sanity CMS bulk upload feature
Sanity CMS media library
Sanity CMS media library
Edit SEO attributes Sanity CMS

Controlling the layout of the page

Sanity is not limited to managing content. When coupled with the modular architecture we use, we can give content managers the ability to structure the layout of a page.

In the snapshot below, the curators are able to display a certain collection of pieces on the homepage and decide on the order by using drag-and-drop.

Control pages layout from Sanity CMS
Control pages layout from Sanity CMS

Outcome

Since the implementation of our web design services and the launch of the site, LAK Gallery witnessed an increase in sales and is planning to add more features to make the purchase experience more enjoyable.

We are keen to see how far LAK Gallery will get and we'll be supporting them in improving the site experience as they keep growing.

More work