В целом все просто.
Верстаете как обычно. А с соединяющими линиями придется немного пошаманить.
По сути получается что если контент будет меняться, то это будет отражаться только на вертикальных линиях, чтобы они не ломались вам нужно их зарипитить. Вкратце как-то так. Больше - это уже начало разработки вашего макета, а вы сюда я так понял пришли за идеей :)