End-to-End Website Design for KRAYS Construction Group

End-to-End Website Design for KRAYS Construction GroupEnd-to-End Website Design for KRAYS Construction Group

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Denis Bakulin

pro

• Oct 7

A website for KRAYS, a group of construction companies with 20 years on the market and around 30 completed projects across residential, commercial and administrative real estate. I designed it end to end, from the hero and the main page to the project page and the mobile version, on my own system: a UI kit, layout grids, a site map, colours and type.

Completed work

Art Direction Design Systems UX Design Figma Jitter

MD Robin Islam

pro

• Oct 8

Great work

Nazar Koliano

pro

• Oct 8

nice that you built it on your own system

Leo Reed

pro

• Oct 8

Construction sites rarely get this much system behind them. How big did the UI kit end up?

Alaa

• Oct 10

Building an end-to-end design system for a major construction group like KRAYS is impressive. The grid structure and layout precision reflect true architectural rigor!

Amina Hussain

• Nov 4

Two brands, two color moods, one goal: websites that convert. 🚀 Same clean dark layout, completely different personalities.

Which one is your pick? 👇

Figma Webflow Relume

10 voted

32%

21 voted

68%

31 votes

Closed

Sharjeel Mansha

pro

• Nov 5

Both look great, but Violet & Black gets my vote! The purple accents give it a more modern, premium feel while keeping the design clean and focused on conversions. Amazing how a color change can create such a different brand personality. Have you tested which version performs better with visitors?

Miguel Queirós

max

• Nov 3

Brand work for Boofi, DeFi platform

We are working on visual direction, motion and animations

Brand Design Claude Motion Design Brand Strategy Figma

Daniela Galicia

• Nov 6

So cute! Love it!

Ashar Qasmani

pro

• Nov 4

Pulsix started with a question: how much of a sportswear identity can you fit on the front of a cap?

I designed the brand around an angular X with a pulse cut through its center. On a pink cap, the chartreuse X can stand alone. On a billboard, the photograph and “Future is now!” headline take the lead. In this loop, the black Pulsix logo anchors a moving grid of apparel, campaign graphics and digital layouts.

My roles: Brand Designer, Graphic Designer, Motion Designer. Tools: Adobe Illustrator, Adobe After Effects, Figma.

Full case study: https://contra.com/p/XvP3ccE3-pulsix-sportswear-brand-identity-and-motion-design

Where would you try the X first: on the cap or in motion?

Adobe Illustrator Adobe After Effects Figma

Artur Mikhov

pro

• Nov 6

I'd try it on the cap first. Motion can borrow the pulse cut once the static X proves it holds up at small sizes, and the watch face already hints that it does. Did the pulse line change shape between the cap and the animated loop?