Sunray-Builders

UX Interaction Design

Sunray-Builders—a forward-thinking construction company—came to me with a clear goal: they needed a website that not only showcased their craftsmanship but also made it effortless for visitors to explore their projects. From our first conversation, it was clear they valued simplicity and directness. They wanted their portfolio front and center, job sites easy to browse, and contact limited to just phone or email—no clutter, no complications. I designed and built a site that delivers exactly that: clean, intuitive navigation, bold visuals of their work, and a streamlined user experience that puts their projects in the spotlight. Curious to see the final result? Click the image above to explore the live site. Or, read on for a behind-the-scenes look at the UX and interaction design decisions that brought their vision to life.
Information Architecture
Sunray-Builders: Sitemap
The flat sitemap is fairly straight forward. The blue rounded nodes represent sections or parts of the page that are accessible by a showcased jobs button menu.
IMG-PRODUCT
Wireframes
Paper Wireframes
I quickly creeated paper wireframes for review and approval. Client requested that their logo placement was clearly displayed.
HOME - A IMG-PRODUCT
HOME - B IMG-PRODUCT
RESIDENTIAL - A IMG-PRODUCT
RESIDENTIAL - B IMG-PRODUCT
RESIDENTIAL - C IMG-PRODUCT
COMMERCIAL - A IMG-PRODUCT
COMMERCIAL - B IMG-PRODUCT
COMMERCIAL - C IMG-PRODUCT
GALLERY IMG-PRODUCT
Digital Wireframes
HOME IMG-PRODUCT
RESIDENTIAL - A IMG-PRODUCT
RESIDENTIAL - B IMG-PRODUCT
RESIDENTIAL - C IMG-PRODUCT
COMMERCIAL - A IMG-PRODUCT
COMMERCIAL - B IMG-PRODUCT
COMMERCIAL - C IMG-PRODUCT
GALLERY IMG-PRODUCT
Prototype
Sunray-Builders: Lo Fi Prototype
Here is an example of the Low Fidelity Prototype that shows the basic functionality of Sunray-Builders website. The button menu allows users to access all the job sites shown quickly and easily. You can access the lo fi prototype by clicking on the link.
Sunray-Builders was completely satisfied and quite happy with the design and functionality of the website. The client has conveyed to me that they use the website often, and appreciates the ability to have potential business navigate to a specific job site shown of the type of work that they themselves would like to have done. Select the link below to visit the Sunray-Builders website.