UI

UI

UI

UI

Svetologia

Svetologia

Svetologia

CLIENT: Svetologia
YEAR: 2017

CLIENT: Svetologia
YEAR: 2017

CLIENT: Svetologia
YEAR: 2017

CLIENT: Svetologia
YEAR: 2017

It turns out that I create design for online shops quite often. But this one is among my favourites as it contains some rather solid ideas and solutions. Also I guess that I simply enjoy pictures of beautiful interiors, lamps and furniture 🙂

It turns out that I create design for online shops quite often. But this one is among my favourites as it contains some rather solid ideas and solutions. Also I guess that I simply enjoy pictures of beautiful interiors, lamps and furniture 🙂

It turns out that I create design for online shops quite often. But this one is among my favourites as it contains some rather solid ideas and solutions. Also I guess that I simply enjoy pictures of beautiful interiors, lamps and furniture 🙂

It turns out that I create design for online shops quite often. But this one is among my favourites as it contains some rather solid ideas and solutions. Also I guess that I simply enjoy pictures of beautiful interiors, lamps and furniture 🙂

showcase_cover

THE
CHALLENGE

THE CHALLENGE

THE CHALLENGE

Svetologia, the online shop of lamps and furniture from european designers, is an old client of our agency. Their website was quite outdated and needed a trendy redesign. It is very important to make the certain impression if you sell luxury goods, i guess. So what I got at the start was a few wireframes of the most important pages made by my teammate.

Svetologia, the online shop of lamps and furniture from european designers, is an old client of our agency. Their website was quite outdated and needed a trendy redesign. It is very important to make the certain impression if you sell luxury goods, i guess. So what I got at the start was a few wireframes of the most important pages made by my teammate.

Svetologia, the online shop of lamps and furniture from european designers, is an old client of our agency. Their website was quite outdated and needed a trendy redesign. It is very important to make the certain impression if you sell luxury goods, i guess. So what I got at the start was a few wireframes of the most important pages made by my teammate.

Svetologia, the online shop of lamps and furniture from european designers, is an old client of our agency. Their website was quite outdated and needed a trendy redesign. It is very important to make the certain impression if you sell luxury goods, i guess. So what I got at the start was a few wireframes of the most important pages made by my teammate.

wireframes

VISUAL
DESIGN

VISUAL DESIGN

VISUAL DESIGN

Main page
Modular layout of the website allows to add or remove different modules based on company's current needs. Full version of the main page includes all banners and info modules. And it is really huge.

Main page
Modular layout of the website allows to add or remove different modules based on company's current needs. Full version of the main page includes all banners and info modules. And it is really huge.

Main page
Modular layout of the website allows to add or remove different modules based on company's current needs. Full version of the main page includes all banners and info modules. And it is really huge.

Main page
Modular layout of the website allows to add or remove different modules based on company's current needs. Full version of the main page includes all banners and info modules. And it is really huge.

chrome_mainpage

Other pages
The website includes standard online shop sections such as catalog, item page, brands page, cabinet, blog, delivery information and so on. These are a few more pages out of ~60 in total. 

Other pages
The website includes standard online shop sections such as catalog, item page, brands page, cabinet, blog, delivery information and so on. These are a few more pages out of ~60 in total. 

Other pages
The website includes standard online shop sections such as catalog, item page, brands page, cabinet, blog, delivery information and so on. These are a few more pages out of ~60 in total. 

Other pages
The website includes standard online shop sections such as catalog, item page, brands page, cabinet, blog, delivery information and so on. These are a few more pages out of ~60 in total. 

chrome2

Catalog

Catalog

Catalog

chrome7

Cabinet

Cabinet

Cabinet

chrome10

Login

Login

Login

chrome5

Interior ideas

Interior ideas

Interior ideas

chrome11

Cart

Cart

Cart

chrome9

Lighting project

Lighting project

Lighting project

chrome3

Item

Item

Item

chrome6

Checkout

Checkout

Checkout

responsive

Icon Design
Different product categories in the catalog required simple yet recognizable icons. I decided that minimalistic outline icons would suit best. Another idea was to "switch on" lighting icons on hover.

Icon Design
Different product categories in the catalog required simple yet recognizable icons. I decided that minimalistic outline icons would suit best. Another idea was to "switch on" lighting icons on hover.

Icon Design
Different product categories in the catalog required simple yet recognizable icons. I decided that minimalistic outline icons would suit best. Another idea was to "switch on" lighting icons on hover.

Icon Design
Different product categories in the catalog required simple yet recognizable icons. I decided that minimalistic outline icons would suit best. Another idea was to "switch on" lighting icons on hover.

s_icons

UI
DESIGN

UI DESIGN

UI DESIGN

The website had to be designed for growth so it was necessary to prepare a UI kit with basic elements. The choice of colors may require some clarification. My idea was to refresh corporate violet and orange colors a bit by making a gradient and use solid orange for small UI elements.

The website had to be designed for growth so it was necessary to prepare a UI kit with basic elements. The choice of colors may require some clarification. My idea was to refresh corporate violet and orange colors a bit by making a gradient and use solid orange for small UI elements.

The website had to be designed for growth so it was necessary to prepare a UI kit with basic elements. The choice of colors may require some clarification. My idea was to refresh corporate violet and orange colors a bit by making a gradient and use solid orange for small UI elements.

The website had to be designed for growth so it was necessary to prepare a UI kit with basic elements. The choice of colors may require some clarification. My idea was to refresh corporate violet and orange colors a bit by making a gradient and use solid orange for small UI elements.

ui

THE
RESULT

THE RESULT

THE RESULT

Luckily, in this project we didn’t have that common situation when content isn’t ready yet and client doesn’t have all the details. I could use the old website to collect most of the necessary data from the start.

There were some difficulties however. Especially dealing with quite a lot of information in the product page and different filters in the catalog. Though by that time I had already worked on several online shops, and that experience helped me a lot.

Luckily, in this project we didn’t have that common situation when content isn’t ready yet and client doesn’t have all the details. I could use the old website to collect most of the necessary data from the start.

There were some difficulties however. Especially dealing with quite a lot of information in the product page and different filters in the catalog. Though by that time I had already worked on several online shops, and that experience helped me a lot.

Luckily, in this project we didn’t have that common situation when content isn’t ready yet and client doesn’t have all the details. I could use the old website to collect most of the necessary data from the start.

There were some difficulties however. Especially dealing with quite a lot of information in the product page and different filters in the catalog. Though by that time I had already worked on several online shops, and that experience helped me a lot.

Luckily, in this project we didn’t have that common situation when content isn’t ready yet and client doesn’t have all the details. I could use the old website to collect most of the necessary data from the start.

There were some difficulties however. Especially dealing with quite a lot of information in the product page and different filters in the catalog. Though by that time I had already worked on several online shops, and that experience helped me a lot.

slogo
blocks

TEAM:

TEAM:

TEAM:

TEAM:

Egor Zolotukhin
Project Management, Wireframes

Egor Zolotukhin
Project Management, Wireframes

Egor Zolotukhin
Project Management, Wireframes

Egor Zolotukhin
Project Management, Wireframes

Sasha Kolesnik
Web Design, UI, Icon Design

Sasha Kolesnik
Web Design, UI, Icon Design

Sasha Kolesnik
Web Design, UI, Icon Design

Sasha Kolesnik
Web Design, UI, Icon Design

If you need a website design, feel free to contact me with any questions 🙂

If you need a website design, feel free to contact me with any questions 🙂

If you need a website design, feel free to contact me with any questions 🙂

If you need a website design, feel free to contact me with any questions 🙂

More projects

More projects

More projects