Five ways to stop the page floating
The current problem: the content floats in the middle of a large void, with nothing to anchor it. The eye has no edge to hold on to, so the page looks unfinished rather than restrained. The five versions below fix that in five different ways, without adding anything to the content.
Each mockup is rendered at 1280×720, scaled to fit the page. The content is identical everywhere: same sentence, same three offer lines, same about block, same two cells.
Split 01 · the portrait holds the frame
The portrait goes full height on the right, the text settles on the left. It is what holds alexandrecorne.com and the Elite Outsiders home together. The void disappears because half of the screen is taken by an image that touches the edges. Ask for a real vertical photo, not a square.
Career coaching for engineers, by an engineer who spent three years in French aerospace and defence.
Panel 02 · the void becomes a margin
All the content goes into a single framed panel, centred, with a slightly lighter background. The void around it stops being an oversight and becomes a deliberate margin, because there is a border that says where the page stops. The lightest change of the five: nothing to produce, just CSS.
Career coaching for engineers, by an engineer who spent three years in French aerospace and defence.
Alexandre Corne. Engineer. Three years in the French aerospace and defence industry, before moving to the other side of the hiring table.
I now work with engineers and graduates on their job search.
Rail 03 · a vertical bar anchors on the left
A full-height green band on the left carries the name vertically, the content shifts to the right. The eye has a solid edge to rest on and the page stops floating, without needing a photo. This is the version that works even while you have no final portrait.
Career coaching for engineers, by an engineer who spent three years in French aerospace and defence.
Alexandre Corne. Engineer. Three years in the French aerospace and defence industry, before moving to the other side of the hiring table.
I now work with engineers and graduates on their job search.
Bands 04 · zones instead of floating
Three full-width bands: the sentence on deep green, the three offer lines on the dark background, the contact block on a lighter band. Every block touches both edges, so no central void is left. The most "website" of the five, and the one that best takes a new section later.
Career coaching for engineers, by an engineer who spent three years in French aerospace and defence.
Alexandre Corne. Engineer. Three years in the French aerospace and defence industry, before moving to the other side of the hiring table.
I now work with engineers and graduates on their job search.
Editorial 05 · one column, very large type
The void is owned by making it deliberate: a single left-aligned column, much larger type, and a horizontal rule between each block. The page no longer floats because it has a vertical rhythm, not because it is filled. The most elegant, the riskiest if the photo is weak.
Career coaching for engineers, by an engineer who spent three years in French aerospace and defence.
Rewritten for the market you target.Interview prep
Simulations and debriefs.Positioning
What you are worth, how to say it.
Alexandre Corne. Engineer. Three years in the French aerospace and defence industry, before moving to the other side of the hiring table.
I now work with engineers and graduates on their job search.