My first sample website design is bold, confident, and risk-taking. Just like the brand it represents.
There are two things worth noting about the Bradleigh Sempal-Comms website.
First, it’s a one page design, using animation to switch between the total of five sections (landing page and four clickables). No Javascript is used, demonstrating the magic of CSS3. The “links” are labels to off-screen radio buttons, whose “checked” attribute controls the show.
Secondly, the tension between conflicting needs of responsiveness for all devices on the one hand, and principles of good design on the other, is resolved without much compromise. It is deliberately “half-responsive”, demanding that the mobile viewer flip the phone to landscape. This way, the “full desktop experience” is mostly preserved, even on the tiny mobile screen. And the bold statement of “Communication” is not viewed truncated.
This is not a design for everyone. Only a confident brand can take the risk of the (slight) penalty imposed by Google on sites it deems to not be fully “mobile-friendly”. Others who depend on the maximum search engine positioning they can get, will not want to take that risk.
Stay tuned for the next sample coming up. Something a little more conventional but just as interesting.