5 Tips for Building Your Custom Mobile Site

.

Hello fellow Showiteers!  I'm sure many of you are wondering about the impact of Google's announcement of the changes coming to SEO and mobile on April 21st. With even more importance being placed on mobile, I thought I would be of some service by giving you a helping hand to get your mobile sites up and running!

Here are 5 great tips to get you on your way for seamless design and mobile experience for you and your clients!

Mobile Menu Bar

Mobile Tip #1: Use the mobile menu bar icon.  It makes visitors' visit so much easier to navigate through your site.  The menu bar lists a directory to your pages for easy to understand navigation.   Plus, I give them more than just a menu bar. I like to create bigger navigation options below the front page gallery for those visitors who may not be very savvy on their mobile device.  Check out Matoli Keely‘s mobile site for an example how to utilize both a navigating page and menu bar icon. http://www.m.matolikeelyphotography.com/

Mobile Call ButtonMobile Tip #2: Adding a “CALL” button and/or  Contact form on your front page (heck why not all pages) is a great way to allow potential clients to contact you right away. It's an ease of use feature that allows your viewers to quickly send an email or call you with just one click! Check out Ashlie Dobbin's mobile with these fabulous features! http://m.ashliedobbins.com/seniors-home-2

Mobile Tip #3: Did you know you can change the length of your vertical mobile pages? You sure can!!! How? What I do is I duplicate my already transferred mobile stylegroup.  Click on the main stylegroup folder; you will see the page dimensions over on the right of your screen.  From there you can now make it longer, wider or shorter. Make sure to click update. Tip # 3.5 using width of 1040 instead of 900 fills a tablet as well as a mobile.

Mobile Tip #4: Make sure to change out your galleries to html 5 galleries. One of my favorite uses of the scrolling gallery is that you can make it a”Swipe” gallery by turning “OFF” the auto scroll allowing your clients to thumb-n-swipe through your images at there own pace.  Another extremely mobile user friendly feature.

Mobile Tip #5: LAYERS!!! Make sure to unlock the layers you want to adjust (lock button is on the left of your screen in the layers section). Make sure to unlock edges as well (edge locking is on the right side). This now gives you control on where to place and align your layered elements.

*Learn more about creating a custom mobile site at http://showitfast.com/mobile

Willow is a modern yet feminine website designed specifically for photographers, fashion bloggers and creatives. Features include an eye-catching hero gallery to show off latest looks, a hover-effect service summary feature, an engaging and professional blog design, transitioning testimonial section and an engaging sliding gallery. Website design by Style Maker Studio. View Willow View all […]

Read More

Willow by Style Maker Studio

modern. natural. clean. Palo Duro was designed for photographers. You can change out the color palette and typography to fit your brand as needed. Drag and drop your photos, add your copy/wording and this site is ready to go in no time. Perfect for the modern photographer. Website design by Jessica Gingrich Creative. View Palo […]

Read More

Palo Duro by Jessica Gingrich Creative

Send your seniors a link full of beautiful design, images and helpful info about their session with a client hub page. This mini-site page template for Showit will give your clients all the info they need to know about their senior photography experience. This +site template pairs with our Free Spirit full site design. Website […]

Read More

Free Spirit Client Hub by Swoone

Learn more about Showit

CHoose a design to Start with

Brand your business like nobody's business with the drag-and-drop website builder made for creatives like you.