Most redesigns focus on making a website look more modern.

I prefer asking a different question:

"Would this design help the business convert more visitors into clients?"

I recently redesigned the landing page for Soft Solutions, transforming it from a standard corporate website into a more premium, conversion-focused experience.

Before

• Bright gradients competing for attention. • Weak visual hierarchy. • Sections blending together. • Pricing cards without a clear focal point. • Limited depth and brand personality.

After

✨ Stronger visual hierarchy with larger typography. ✨ Dark UI that increases contrast and creates a premium feel. ✨ Better spacing for easier scanning. ✨ More emphasis on the primary CTA. ✨ Redesigned pricing section to naturally guide the eye toward the recommended plan. ✨ Consistent design system across every section. ✨ Small glow effects and visual accents to create depth without hurting usability.

The goal wasn't to make it "prettier."

It was to make the page feel more trustworthy, modern, and easier to navigate, qualities that can improve user confidence before they even contact the company.

Sometimes the biggest improvement isn't adding more elements.

It's removing distractions.

My Design Process:

When I started this project, I wanted to stay away from boring, boxy website layouts. As a civil engineer and website designer, I spend my days working with heavy structural plans and high-end 3D visuals. I wanted my website to feel just as bold, like a premium architecture magazine. The goal was to use lots of empty space, big text, and layout blocks that overlap each other naturally.

How I used the Finish Layer tools:

Custom Fonts: I didn't want to use the standard fonts that everyone else uses. I uploaded a bold, custom serif font directly into Squarespace. This made the main titles like "AURA" and "Start the Blueprint" look totally unique.

Block Transforms: Instead of keeping every box perfectly straight, I used the transform tool. I rotated my background shapes by exactly -3 degrees to break the grid and make the page feel more alive.

Stacks: For the overlapping parts—like where the text sits right over an image, or the contact form floats over a rotated background—I grouped them using Stacks. This makes sure everything stays locked in place and looks perfect when people check the site on their phones.

Block Animations: I wanted the site to have some smooth movement. I added scroll animations so that when people look at the Project Gallery, the photos fade in or slide up automatically as they scroll down the page.