Hello, we need a redesign of the corporate website tvoeokno.com.ua, as well as improvements to the online store. The engine is WordPress, and the design will be developed in Figma. We are considering everything turnkey with layout. Below we have outlined what we expect as a result.
Websites that we like (not the color scheme, but the style, design of individual blocks)
https://www.panokna.ru/
What we like and would like to replicate in our design:
- Font, font color (not black),
- links in the text highlighted in a different color,
- buttons with an orange outline, changing color on hover, looking unobtrusive
- concise, non-intrusive blocks, easy to perceive
https://oknafactoria.ru/
we like the menu header, everything is there, nothing extra. The only thing is that one phone number is not enough. + we need a menu for the outskirts of Kyiv
- We need a responsive website design
- Consider that the website is bilingual – uk/ru
- User-friendly interface, in a more minimalist style
- Optimized and convenient header should include (logo), phone numbers, feedback form, working hours, and phone numbers (main Kyivstar first and everything else can be in a dropdown menu), links to Viber and Telegram chats.
- The menu should be top and main (in mega menu format)
- Mandatory breadcrumbs (level navigation, so the user understands where they are)
- Design of pop-up windows – order a call, call a measurer, get a discount, calculate the cost
- Separate dropdown menu (catalog), https://www.panokna.ru/plastikovye-okna/- we like how the section where the client is located is highlighted here.
- Under the header, an image of optimal size with text and a button (we like how the background and white font are implemented here, there is a price, https://www.panokna.ru/plastikovye-okna/.
Regarding the banners in the header – I would rather like it to be some universal background with the possibility to overlay an image on top – on the right, the text part and buttons + darkening https://www.panokna.ru/plastikovye-okna/
- https://odp.com.ua/sklopaketi/ - in the text, the phone number should be highlighted in a different color with the possibility of a phone call. Also, links inside to other pages should be marked in a different color. Also provide a style for lists in the content, for example, small circles of a different color or something else (here https://odp.com.ua/ is nice, specifically the block for double-glazed windows), then a numbered list _ numbers highlighted in a different color https://www.panokna.ru/otdelka_balkonov/uteplenie/ - like here for example in the block of work stages.
- Regarding scrolling – headings should appear - https://odp.com.ua/about-us/ - an example of the effect
- https://odp.com.ua/about-us/ - regarding margins on the sides in the desktop version, and font sizes, I like this example. Here I like that the main font is not obviously black, but dark gray https://oknafactoria.ru/
- Blocks on the main page: banner, tabs with prices for windows, reviews, advantages, still have questions or need consultation?, frequently asked questions, our certificates, photo gallery, video gallery, brands we work with, online consultation (link to contact via social networks), additional services, useful materials (for interlinking), window calculator, separate tabs for filling information.
- Mandatory additional design for tables of this type https://tvoeokno.com.ua/balkon-pod-klyuch/
- Other pages for design: reviews, contacts, photo gallery, video gallery, articles, promotions, service master, calculators – windows, mosquito nets, double-glazed windows, window sills, brand page (tabs with characteristics of sub-series https://oknafactoria.ru/
Details of blocks on the main page:
- Banner in the header: we make 2 options:
A) https://www.panokna.ru/plastikovye-okna/ - where there is a darkened background image, on the left the text part and price, on the right also a field for text plus a button
B) https://www.panokna.ru/ - where on the left there is a gradient fill - on the right an image. On the gradient, the text part and button
2) Tabs with prices for windows like https://ridnya.kiev.ua/. Price block for standard windows for apartments. This is another one of our websites.
3) Reviews from our clients – placement of reviews in a slider + link to the page with all reviews
4) Advantages of the company TVOEOKNO:
* More than 15 years in the market
* Quality products in a wide range
* Affordable prices
* Prompt manufacturing and installation
* Service maintenance with care for you
* Accurate delivery in Kyiv and the region
* Online contract signing
* We work with projects of any complexity
Regarding the advantages, I relied on these websites https://www.panokna.ru/, https://odp.com.ua/about-us/
- Need consultation and calculation? (here combine 2 blocks: ½ leave a phone number for a callback, ½ we consult online via messengers – Telegram + Viber
- Frequently asked questions
- Our certificates (in a slider) + include a block “Guarantee” like here https://www.panokna.ru/ - Text: 5 years guarantee on windows from the company TVOEOKNO with a link more about the guarantee
- Photo gallery block - https://ridnya.kiev.ua/ of this type will do. Title: photo gallery of our works. Under the title text – you can view all our photos here (where “here” is a link to the reviews page). There should also be a slider – a total of 12 photos.
- Brands we work with: (here icons of brand profiles, fittings, etc. should be)
- Additional services (for 4-8 options – this block can contain any information. Like here additional options https://www.panokna.ru/plastikovye-okna/.
- Block Image-characteristic. https://www.panokna.ru/otdelka_balkonov/uteplenie/ of this type. That is, there is an image on the left, on the right a title, below a small text part, and then the price.
- https://oknafactoria.ru/ ? https://okna.okna-info.com/ (block step 3, profile selection) - blocks-tabs with descriptions and characteristics of profiles Cheap windows from the manufacturer (block). Where there is an image of the profile, main technical characteristics (system depth, number of chambers, thermal insulation, sound insulation), price per 1 sq.m. of the window, installation price per sq.m., button “send a request for an individual calculation”), and a text part (briefly about the subsystem) like here https://oknafactoria.ru/
- Simple tabs – on the left an image, on the right a text part, characteristics + price + send a request for an individual calculation.
- Block We recommend familiarizing yourself (for interlinking). It can be made like the block our catalog-our services on the website https://ridnya.kiev.ua/.
- Just a content part (like where they often place SEO text before the footer) https://odp.com.ua/ - like here
Consider that all blocks will be placed in any order, not necessarily in this list.
