DNA Turkey is a subsidiary of a global holding headquartered in Germany. The company’s main focus is on the production and distribution of active raw materials. In the project I joined in January, I designed a new website for DNA Turkey. With the revisions, the project was completed within 2 months. The site is designed in English as a language.

My Responsibilities

Working Together

Vimeo Video with Border Radius

DESIGN

The website, designed with Bootstrap logic, used a 12-column grid system, each 95 pixels wide and 16 pixels gutters. With the grid system used, a total area of 1316 pixels was given to the content on the site. The website is designed in Adobe XD program.

Open Sans font is preferred as the font. The H1 header size is set to 72 pixels, and other header sizes used on the site vary as 56, 42, 32, 20 and 16 pixels. The text size is 18 pixels and the button point size is set to 14 pixels.

In the colors of the site, it is colored with gradients created in blue and orange tones that will parallel the corporate colors.

In order to give a dynamic effect to the site, the buttons and some visuals of the site are animated to interact with the mouse.

#20376A

#0996C2

#D56549

#FE9037

#3B3B3B

#FFFFFF

Vimeo Video with Border Radius

DNA Turkey home page landing page and menu bar animations

Vimeo Video with Border Radius

Image side animation

Vimeo Video with Border Radius

DNA BioChem page design

Vimeo Video with Border Radius

Contact page icons