Love the top photo - side "wall" not a wall out to the coffee area but a bar. IWAMOTOSCOTT ARCHITECTURE designed the offices of Heavybit Industries, located in the SOMA district of San Francisco, California.
Separating visually does not mean its also separated acoustically. If you want acoustic separation, avoid holes, gaps and other openings between the two areas. Doors and windows should be sealed carefully!