Shavarska – an agency that takes care of the comfort of homes

Interior agency

Site type: corporate
Niche: interior design agency
Terms: 16 days
Status: Completed
Made: SEO, Ui/Ux, Web dev

01 About the client

Shavarska design & architecture – interior design agency for people who demand visual aesthetics. They work not only in Ternopil, but also throughout Ukraine

02 Goals and objectives

Create a website where you can post information about our projects

We would like to see the site in non-standard and interesting colors
The main page of the site should be made with some kind of feature so that it is not like everyone else's.
We are not against seeing some interesting animation on the site
The site should be user-friendly for our target audience
In addition to the projects section, there must be a vacancies section.
The contacts should be able to contact us in all available ways and be able to map the route to our office.
Do internal SEO optimization of the site, since in the future we will promote it.

03 Decision

The most attention during development was paid to projects and the main page, since they were the ones with the most requirements. The main page was made with several scrolling options. Below you can watch a video of how everything happens

Website design

Colors

Fonts

Cormorant Garamond Semi Bold

Cormorant Garamond Medium

Cormorant Garamond Regular

Photos of some sections

Important website pages

For the one case page and for the projects page, we wanted to create some interesting solution that would cause a certain WoW effect. Therefore, on the one case page, we switched photos according to the user's selected room in the apartment layout. And on the projects page, we worked with colors and a non-standard grid for a certain project category

Interactive with apartment planning

Dynamic photo change according to the selected layout

Mobile website design

Nowadays, a mobile version of the site is simply a must have. Therefore, we did not forget about it, and designed a mobile version for all pages of the site. You can see our result in the photo below

Website development

Special attention, primarily from the client programming side, was paid to the animation. We tried to make it smooth and not load users' devices too much.

Site animation

On the site, you can observe smooth animation when scrolling pages and when hovering over certain elements. The animation on the main page plays a special role, since the site has a complex scrolling. Initially, when scrolling, it flips in the horizontal direction, on the blocks with projects, the page scrolls, to which we are all accustomed, when reaching the block with the command, the scrolling changes back to horizontal, when scrolling this block to the end, the scrolling returns to vertical. As they say, it is better to see once than to paint for a long time)(

Working with Google Map API

Work was done with the maps only to style them to match the site's color scheme and create a custom marker to mark the office location.

Block with projects

We couldn't help but mention it. It also has a cool animation. It consists of a smooth change of the background of the block, the appearance of a project photo when you hover and move the mouse over a certain project name. I suggest you take a look at how it looks

Back-end

The site was not complicated from a back-end perspective, except for filtering photos by category (all kitchens, all bathrooms, etc.). Thanks to the very high-quality work of the entire team, we had the easiest time.

Filtering photo projects

Implement the ability to display photos of all projects by category, for example all: bathrooms, toilets, bedrooms, etc. All this had to be implemented without complications in project management through the admin panel.

Interactive project map

Added the ability to create a site plan designer, with the ability to add information to each part of the project. For example, different galleries for: kitchens, bedrooms, and others.

Editing the object plan in the admin panel

Appearance on the website

Company vacancies

Functionality was also developed for adding company vacancies without creating additional pages on the site.

Telegram API integration

All data from the forms is sent to a bot in Telegram, which in turn sends it to a group with company managers. This allows you to instantly respond to new requests and contact a potential client.

04 Technologies and tools

05 Result

This project is completely completed. We tested the site for correct operation, both from the users' and administrators' side. Our team also made the basic content of the projects, filmed a video guide on using the site's administrative panel, and transferred all access to the client.

06 Client's words about the project

Very creative team, ordered website development for our company. The main wish before starting work: to implement not an ordinary website on a template, but to approach the problem as creatively as possible. I wanted to do this in order to stand out among all competitors. After completing the work, I never regretted that I turned to this company. I recommend it!!!

Olha Shavarska

Co-founder

07 Project team

Project management

Roman Melnychuk

Marketing

Design

Development

Content

Did you like this project?
Then rate it!

Other projects

Want to create a portfolio website?

We know which website will impress your potential customers!

Shavarska – an agency that takes care of the comfort of homes

01 About the client

02 Goals and objectives

03 Decision

Website design

Colors

Colors

Fonts

Photos of some sections

Important website pages

Interactive with apartment planning

Mobile website design

Website development

Site animation

Working with Google Map API

Block with projects

Back-end

Filtering photo projects

Interactive project map

Company vacancies

Telegram API integration

04 Technologies and tools

05 Result

06 Client's words about the project

Olha Shavarska

07 Project team

Did you like this project? Then rate it!

Other projects

Want to create a portfolio website?

Did you like this project?
Then rate it!