Design of a corporate website for chemical production
Website with a wide range of chemical products, implemented to increase sales, attract new customers, as well as to represent the company on the core market.
About the projectProblem statementWe need to update the design of the old site, make it simple and stylish with the ability to edit: all its static pages, English-language content, banners, product cards so that we can self-sufficiently maintain this resource.- Alexander, marketing specialist “Industrial ChemicalsPerm”
Website:http://promchim.com/
DesigningInterface development
About 20 prototype pages for each section of the site, feedback forms and modal windows were designed and rendered.
DesignHome pageOne of the main tasks of the project is to develop cool chips such as: a Mendeleev table, an interactive photo of the production lab and a supply map.Interactive table of chemical elements allows you to quickly navigate through the products presented on the site, with a link to the catalog page.
DetailsInteractive photographyA picture of the production laboratory where users can learn about the equipment used.
Button in normal state
Technical scales
is disclosed in this manner with the explanatory text inside
DetailsDelivery mapJvector map, optimized for touch devices, displays the real coordinates of the places specified from the personal account.
50cities
10institutions
Russia, Tyumen
Other pagesContact informationWe also paid attention to the content on the contact page. The information of all sections is fully editable from the personal cabinet, where there is a possibility to upload necessary documents - travel schemes, for example.
Other pagesSite navigation
Another of the features is the site menu. A minimalistic solution was proposed to navigate through the main sections, which are hidden in the hamburger menu.
ContentInformation blocksWith extensive content editing capabilities on the site, each page looks presentable, informative and stylish.See for yourself how the admin panel functionality works on the example of the news page.
Adaptive design
Text stylization
Inserting images
Content editingEach page of the site has its own subsection in the personal cabinet, where you can add / edit / delete content, insert pictures or tables. We have tried to make the interface of the personal cabinet as intuitive and simple as possible, but at the same time functional.
Adaptive layoutSite DisplayThe site adapts to all kinds of devices: computer monitor, tablet and phone, using the most popular library of interface components - bootstrap.
GuidelineBrand colors and fonts
We developed a branded UI kit of font pairs and colors to make everything look concise and in the same style of the company “Industrial ChemicalsPerm”.
Times New Roman
Bold
italic
30-24 px
Times New Roman
Bold
italic
30-24 px