JMJ Construction was in need of a website to promote its construction business. They also needed a refinement to the look and feel of their existing marketing materials to elevate their strength and positioning of framing, siding and general contracting experience. I designed and developed three conceptual mood board options, created a formal brand style guide with their existing mark, selected a color palette, fonts, icons, and a photographic style. These elements were then used to build out their website and a printed brochure for potential residential and commercial customers.

The site was built in Adobe Xd from wireframes to full designs and prototyping to present to the client. A full desktop set and mobile set of layouts were produced along with a UI/UX kit for developers outlining fonts, spacial relationships, hover states, animation effects, and responsive relationships between desktop and mobile devices.


Demo video of desktop version of website in action.
Mockup visuals of a printed trifold brochure. Measuring 7" square when folded.

CREDITS
Design: Raymond Perez
Producers: Jay Garcia & Hannah Christopherson
Drone footage: Jeff Tan
Photography: Jeff Tan & Summer Luu
Design: Raymond Perez
Producers: Jay Garcia & Hannah Christopherson
Drone footage: Jeff Tan
Photography: Jeff Tan & Summer Luu