Website
Strategyium
A website for an advisory firm that reads like a clear plan, not a sales pitch.
- Client
- Strategyium
- Audiences
- Founders, investors, established companies
- Deliverables
- Desktop pages, mobile layouts, header and footer
- Mobile
- 21 mobile screens at 375 px

Overview
Advisory that reads like a growth plan.
Strategyium advises on corporate finance, transactions, financial engineering and corporate governance. Its clients are founders, investors and companies in the MENA region.
I designed the desktop site and a mobile layout for every page.
The challenge
Three audiences and a lot to say.
- 01Founders, investors and companies each want something different.
- 02Four services and eleven industries could feel like a brochure.
- 03Advisory content is mostly text and needed a stronger look.
The approach
A dark stage and a page for each audience.
- 01Black backgrounds with glowing violet light waves unite every page.
- 02Startups and VCs get their own pages.
- 03Services and industries become small cards and tiles.
Structure
One site, eight destinations.
Taken from the navigation and footer.
Home
- About
- ServicesCorporate FinanceTransaction AdvisoryFinancial EngineeringCorporate Governance
- IndustriesTechnologyHealthcareRetail & Consumer GoodsReal EstateConstructionPrivate EquityVenturesManufacturingMedia & EntertainmentTravel & TourismProfessional Services
- Technology
- Startups
- VCs
- Insights
- Contact
Key screen
The home page hero.
One statement, one action and a little proof, over the light wave.

- 1Floating glass navigation
A rounded bar with Services and Industries dropdowns.
- 2One bold statement
Transforming Advisory and Redefining Success, in large type.
- 3Single call to action
Get in Touch in the brand violet.
- 4Proof in a glass card
Satisfied clients and years of experience, under the button.
- 5Signature light wave
Glowing violet waves give the dark page its mark.
- 6About, in two columns
A short statement left, the detail right.
Page flow
Dark and light, in rhythm.
Dark and light bands alternate, so each section starts fresh.

- 1Hero
Statement, call to action and proof.
- 2About Us
Strategic Execution for Sustainable Growth in MENA.
- 3Services
Corporate Finance, Transaction Advisory, Financial Engineering, Corporate Governance.
- 4Our Differentiators
Managing Complexity, Maximizing Value, Holistic Approach, Built for High-Stakes Decisions.
- 5Industries
Eleven industry tiles in one small grid.
- 6Featured Insights
Three article cards with reading time.
- 7Closing call to action
Let's Build What's Next Together, on violet.
Inner pages
The same system on every page.
About and Technology reuse the home page hero, cards and waves.


Mobile
Every page, rebuilt for phone.
Designed page by page at 375 px.



Visual language
Black stage, electric light.
Blue and violet carry buttons and light on near black.
- Black
#050505 - Royal Blue
#2862FF - Violet
#2B23C9 - Indigo
#251EAE - Orchid
#A141D9 - Lavender
#9088AC - Mist
#D7D8E4
Typography
Typeface
Aa
Instrument Sans
One family for headlines, body copy, navigation and buttons.
- Regular
- Medium
- SemiBold
- Bold
Type scale
60 / 14
Instrument Sans
Seven sizes, set up as text styles in the file, from 3XL to XS.
- 60
- 48
- 32
- 24
- 18
- 16
- 14
Deliverables
What I delivered.
- Home
- About
- Services
- Industries
- Technology
- Startups
- VCs
- Contact
- 21 mobile screens
- Header and footer
- Text styles
Want this kind of clarity for your website?
Book a free 30 minute call. You leave with 3 written fixes, even if we don’t work together.
