DNA Turkey, a subsidiary of a Germany based global holding, focuses on producing and distributing active ingredients. I was asked to design their new corporate website to better showcase their innovative role in the raw materials sector. The project was completed within a 2-month timeline, resulting in a clean, English first B2B platform.
DNA Turkey, a subsidiary of a Germany based global holding, focuses on producing and distributing active ingredients. I was asked to design their new corporate website to better showcase their innovative role in the raw materials sector. The project was completed within a 2-month timeline, resulting in a clean, English first B2B platform.
Project Snapshot
Design System & Grid Structure
To ensure responsiveness and compatibility for developers, the interface was built on a Bootstrap aligned 12 column grid system.
Layout
I used a 1316px content container (95px columns, 16px gutters) to make the most of screen space while keeping a good structure.
Color Palette
Instead of flat colors, I used dynamic blue and orange gradients. These colors reflect the corporate identity while adding depth and a sense of energy that fits a raw materials brand.
Typography
Open Sans was chosen for its clear readability, which is important for technical content. I established a strict typographic hierarchy (H1 at 72px for impact, scaling down to 18px for body text) to effectively guide the user’s attention.
Design System & Grid Structure
#20376A
#0996C2
#D56549
#FE9037
#3B3B3B
#FFFFFF
Color pallete
Micro Interactions
To make B2B sites less static, I added subtle animations on buttons and key visuals. These hover effects and transitions provided a layer of modern interactivity, enhancing the user experience.
DNA Turkey home page landing page and menu bar animations
Image side animation
DNA BioChem page design
Contact page icons
