Adobe Muse / Jeret Slack Photo
Jeret Slack Photo takes full advantage of Adobe® Muse™ gallery features, presenting gorgeous client studies that illustrate how the team approaches photo shoots as a shared experience with the bride and groom. See the website ›
Add hover states to more than just text links
Jeret Slack Photo's portfolio has a beautifully minimalistic design, with a grid-based layout that keeps everything cleanly organized. The resulting site is clearly focused on the content in the portfolio, allowing users to browse images without any visual distractions.
The site's navigation is a simple series of text links that turn gray on hover. The images that link to the photo galleries echo this design choice — hover over an image and it will turn gray, with the words "view gallery" in the center to emphasize the possible action users can take by clicking the image.
Scroll the way you want
The gallery pages for each couple scroll horizontally rather than the usual vertical scroll. Since it's an unconventional choice, the design includes a graphic that guides users to scroll to the right.
Have an idea about how to use a horizontal scroll on one of your sites? You can define your page in Muse to be as wide as you want.
Maintain consistency with master pages
The navigation links on the Jeret Slack site are small, but because of the design's excellent use of whitespace, they're easy to spot. No matter how much content a page has, the navigation is always padded with plenty of space so it never gets lost.
Anything your pages share can be locked into place on an Adobe Muse master page, so visitors to your site can click from page to page and find commonly used elements in the same place. A popular use of master pages is for persistent site navigation like what is seen on the Jeret Slack site.
Embed forms with the HTML insertion feature
A Wufoo form is embedded into the Pricing page so potential photography clients can easily get in touch.
Any form builder that generates HTML code is compatible with Adobe Muse. Just grab the HTML code and select the Object > Insert HTML command. Paste your form's HTML in and you're ready to place the form wherever you like.
