I am stuck at layouting personal home page which intended to present me as software developer and R&D man.

I am definitely don't want geeky home page like famous https://www.jwz.org/ (scrolling green hexes on black screen as if you in 70') or typical professor at campus like http://www-cs-faculty.stanford.edu/~uno/ (with gifs as if you in 95').

Black on white, with some styling/typography, centered, with mobile view in mind it should guide reader about me, my projects, my articles, tips, cooking recipes, cats photos, my music scores etc.

I don't understand how to provide information on the page (which is simply links to actual information).

Should it be a links with short names like tips,blog,hacking,cooking or long like this is my tech blog, my grandma recipes or short with explanation text like My [link]2048 game[/link] AI implementation?

Should links be organized in single line or list or grouped into related sections?

Should I have TOC or sidebar or force reader to scroll down?

I made a sketch where I group links into 3 cols for wide screen and it looks bad and amateur (layout, we are not discussing colors).

enter image description here

Should I mark borders of sections and active regions or use just plain text, blue links and list circles?

Another my page I think have nice look:

enter image description here

but it doesn't scale well if say I have 10 grouping categories and 50 links.

closed as primarily opinion-based by Devin, Mayo, Ken Mohnkern, Graham Herrli, Evil Closet Monkey Mar 28 '16 at 21:12

Many good questions generate some degree of opinion based on expert experience, but answers to this question will tend to be almost entirely based on opinions, rather than facts, references, or specific expertise. If this question can be reworded to fit the rules in the help center, please edit the question.


This forum isn't intended for critiquing or designing a specific site. That is too broad a topic, and to small a target to apply it to. We're here to discuss specific problems/solutions that apply to many places.

In that respect, your most relevant question would be:

Should I use long or short labels for links?

This depends on the type of link it is. If it's in a menu, pretty short. If it's in a tag cloud, short. If it's a link to a specific article or page, a bit longer and descriptive.

From the mockup I can't quite tell what you're going for, but you could have boxes that contain all 3:


Why Emacs is a nightmare

How to make soggy broccoli

What makes VIM terrible

My 'top' 5 grandma recipes

Notepad++? No, Bad, --

TAGS: cooking, coding, contempt

Not the answer you're looking for? Browse other questions tagged or ask your own question.