After numerous iterations, some leaning more towards my minimalistic and understated aesthetic and some striving to satisfy the brand-heavy and more colorful requests of the company executives, our team came up with a happy medium that incorporated both aesthetics in this redesign of the SideMark website.
We decided to elevate the underlying building blocks (grids) to the visual surface – through the application of select borders to divs. Struggling with the idea of using stock images to show process or team work, we opted to have one big beautiful image for each page, at 100% width and height. These images are mostly of architecture and space, thus implying that SideMark is in the business of designing space.
We were responsible for information architecture, copywriting, wireframing, and light prototyping (using Webflow).
The Small Print
To be safe, I opted to replace a big portion of the copy with some bacon ipsum.
Due to budgetary reasons, the project is on hold until 2017. Furthermore, budgetary and time constraints have now dictated that we use Squarespace.
The final design features a large background image for each of the main pages. On the home page, each grid box features two visible borders. We opted to go for a haphazard look in selecting which borders are visible. When the screen goes to a mobile size, the visible borders are always the top and left borders.