Design directions
Start page of mika-engineering.com, Round 3 is the newest: each direction says something different, not just looks different. Placeholder numbers and projects. Open each on desktop and on your phone.
Round 4 · Bold, and the page proves it
Exactly as drawn.
16 · Bold3's scale on 10's warm dark. Six live demos: resize, hover, toggle — fluid type, free grid, exact states, nothing jumps, breakpoints, palette tokens.
Exactly. Live.
17 · Bold lightHuge type on warm paper, vermilion redlines. Design file → live site, six live demos, and the page itself uses every effect.
Round 3 · Different content, not just different looks
Your studio. My build.
10 · Studio partnerThe build partner a design studio plugs in: their name stays on the work, extra capacity, one direct contact. Calm warm dark, copper accent.
design → site
11 · Proof firstOpens with a design file next to the finished site, then three builds as "asked / built / client now does". Light product look, indigo accent.
0 licences
12 · OwnershipThe case a designer forwards to a client: five-year cost comparison, what you own at the end, and when WordPress is the better choice. Annual-report style.
✎ Publish
13 · The editorCustom site plus an editor the client can use without breaking the design. The editor itself is the hero image. Soft, app-like, teal.
Let me be straight.
14 · Straight talkFirst person: what I do and don't, when I answer and when I build, and an "is this a fit?" check. Warm cream, terracotta.
01 → 05
15 · The processOne project from "you send the file" to "your client is live" as a timeline, with checklists and FAQ. Navy and warm yellow.
Round 1 · Calm
</>
1 · BlueprintTechnical grid, one strong blue, code-like annotations. Precise, calm, engineered.
Aa
2 · EditorialBig serif type, lots of white space, magazine layout. Speaks to people who care about typography.
0 KB
3 · Spec sheetDark, bold sans, numbers up front like a product data sheet. Loudest, most "dev tool".
Round 2 · Loud
No limits
4 · Neo-brutalThick black borders, hard offset shadows, yellow, cyan and pink. Loud, friendly, impossible to miss.
mika@web:~$ _
5 · TerminalThe whole page is a shell session: commands, diff against WordPress, git log of projects.
code.
6 · Swiss posterGiant type, red and black, strict grid, a red disc. Like a 1960s design poster.
MikaWeb.exe
7 · Desktop 95The site as a retro operating system: windows, title bars, taskbar, a "Start a new project?" dialog.
MONTHLY 0.00 €
8 · ReceiptOne long printed receipt: WordPress licence 0.00, plugin renewals 0.00, stamped "paid once".
Your rules.
9 · MaximalNeon gradients, running marquees, spinning badge, tilted cards. Maximum energy.