Flux Logo
HOMEPAGE
WEB DESIGN
MEDIA DESIGN
SHOP DESIGN
PORTFOLIO
SHARE
CONTACT
HOME
DESIGN
MEDIA
CARTS
PORTFOLIO
SHARE THIS
CONTACT US
WEB DESIGN
MEDIA DESIGN
SHOP DESIGN

360° Product Rotations

Our interactive rotations virtually put your products in the hands of your customers. We go the extra mile when producing them and the end result is unique and eye-catching.

We take photos from 64 angles using our photography rig, then meticulously cut around each photo to give them a transparent background. After animating the images together we write code to make the rotation interact with the user's mouse, allowing them to inspect the product from every angle.

Making our rotations transparent means they can be placed over pure white, custom graphics or animated backgrounds. This is what makes our rotations unique and it will set your website apart from the competition.

We build our rotations using HTML5 with a Flash fallback so they are compatible with all desktop and mobile browsers. Showcasing your products in this way can eliminate the need for samples to be sent out to your customers.

Motion Graphics

Motion graphics can grab a visitor's attention as soon as they land on your homepage. With most Internet users now having a high speed connection, motion graphics are really coming into play. Unlike vector animation, motion graphics are exported as a series of images. This means they can include things like lighting effects, particle animation, video and 3d objects.

Your product can be included in a motion sequence alongside dramatic effects and animated text. We can embed these sequences into your website and set them to autoplay. This will make your site really stand out. We can add a play button if you'd prefer something less intrusive.

Once the sequence is complete, we compress and export the footage. We carefully balance file size with image quality and frame rate to get the best possible output. As with our rotations, we export HTML5 and Flash versions to maintain desktop and mobile browser compatibility.

Animated Product Demos

Our product animations are a great way of demonstrating how a product works. We start by taking photos from all required angles using our photography rig. If parts of the product need to animate independently, we take photos of those in various stages or positions. We then cut around the photos to make the backgrounds transparent.

After the images have been edited and enhanced, we load them into our animation software. We then create a frame-by-frame sequence made up of switched images and animation. We add easing to the animation to make the transitions smooth and will often create graphics to represent elements that can't be photographed. We then add animated text to provide more information on what's happening.

Sometimes, photos don't say enough and video demonstrations can appear clumsy. Our animations are very precise. When combined with image zooming they can show your products in fine detail and without anyone's hands getting in the way!

GALLERY ZOOM : Select thumbnail and hover mouse over main image
1
2
3
INNER ZOOM : Hover mouse to zoom and move left and right to pan
1
2
3
DRAG ZOOM : Drag the box to focus the zoom on a specific area
1
2
3

Interactive Zooming

Zoom effects are a great way to show the finer details of a product. Webpage real estate is precious and it's not always good to fill a page with huge images. Our zoom widgets keep things neat and tidy, while making larger images available with a simple move of the user's mouse.

We can build widgets in any size for an unlimited number of products. We can style everything to match your website and can configure a number of different zoom effects. Click the coloured buttons to see a few examples. Zoom widgets can be full screen and can also be housed in a popup window, which can be triggered by clicking an element on the page.

There is no limit to the size of the large photos inside the main zoom window. We can add an enormous photo of a really detailed product, and visitors will be able to see all the detail from a small box on the page. If you need to group your products, we can add tabs to the widget to keep everything organised. Our zoom widgets are really adaptable.

Image Galleries

We build our image galleries from scratch so we can make them look great anywhere on the page. Clicking one of the thumbnails will launch a modal window which dims the rest of the browser to bring the focus to the photo. Photos can then be clicked to advance to the next one in the group. This can also be done by clicking the navigation buttons. We can build a grid of thumbnails in any style or configuration. We can also design a collage of different sized images, which has much more impact.

The modal popup can contain more than just a single photo. It can hold a sub gallery of secondary photos, text and even contact forms so visitors can enquire about that specific product. Housing a majority of the content in the modal window keeps the main page clutter free. To see an example of one of our complex modal windows, please Click Here.

Image galleries can be configured to trigger a full screen modal window, which can resize to fit the browser window. They are a simple and effective way of managing lots of images.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Image Slideshows

Image slideshows present several images to the user without the need for any interaction. Our slideshow images animate with a slow zoom effect, which looks great and draws attention to the photos without being too distracting. We can design slideshows in any size, including full screen and can also house them in a popup modal window if required.

The slideshow can be styled to match your website and the control bar can be configured to display the required features. We can disable animation of the photos or configure one of a number of different transition effects. We can also set the amount of time that each photo is to be displayed.

The thumbnails are optional and can be positioned anywhere within the frame. Thumbnails will pan in a direction and speed that's relative to the mouse position. This is really useful if there are lots of images. Slideshows can be resized and placed in the header of a website. This really makes use of the zoom transition effect, which will make your photos look great.

Video Production

If you want to give your visitors a real insight into your company and products, video is the way to go. Visitors are much more likely to play a video than to read through lots of text. An introductory or instructional video can say much more than any other type of web media.

We can come to site to film product demonstrations, manufacturing processes and anything else that can be used to promote your business. We'll bring along our cameras, studio lighting, microphones and a green screen backdrop so we can add a background graphic in post production.

We use a few different software programs to deal with green screen keying, video and audio editing, and animation effects. We can design motion graphics, which can incorporate your logo. This will give a professional feel to the video. We also compose original, royalty free backing music to create the right atmosphere. If you need a voiceover for your video, just provide us with a script and we can deal with that too.

Services

Website Design
Video Production
Product Rotations
Motion Graphics
Tech Animation
Image Zooming
Shop Design
Shop Admin
Smart Coding
Site Optimisation
Social Media
Email Marketing

Feedback

Christine Wilke | Louise Bentley Bridal
James Allen | Swinky eCigarettes
Chris Blake | Hammond & Company
Yvonne Macgregor | White Rose Bridal
David Firby | A&E Gauges Ltd
Louise Charlton | VisualBSL Ltd
Chris Cook | Smart Interiors
Claire Oliver | Angel Brides
“ You’ve showed great patience and creativity and have really understood what we wanted. You've always been on call to help, explaining things very clearly. It has been a pleasure to work with you throughout the process and the end result is exactly what we dreamed of! ”
“ We are so happy with our shop and you have done a really great job with the design. We love that we can manage our own products, stock and orders. Our Blog and Facebook graphics look superb and everything ties in perfectly. We can't thank you enough for your hard work. ”
“ You've shown a professional and innovative approach to redesigning our website, often going above and beyond what was expected. The rotations and animations have made our online presence unique within our industry, which has really helped us stand out. ”
“ Just a note to say a big thank you for our lovely new web site. Our customers are very pleased with it and it has generated more sales. You suggested new ways of doing things and it was really nice to work with you. A big big thank you from whiterosebridal.com ”
“ We found Flux to be very helpful both in their knowledge and the practical side of the project. Their patience and design ideas were much appreciated. This has been a very successful venture that has pushed our product and we have benefitted from new customer orders, Thank you. ”
“ Flux made our web design specific to our needs. The colouring and presentation are pleasing to the eye which matches our need for the Deaf Community. Nothing was too much trouble when we asked for subtle changes. ”
“ Richard had some clear ideas that were a great help, this being our first company website. Layout and visual appeal are all very important factors in generating new business, which the final website really has. ”
“ Loved working with Flux. Richard was super responsive, always helpful and extremely easy to work with. Really appreciate that they always took the time to explain everything to me and made sure I was comfortable with all designs, changes and developments. ”
Facebook
Google+
Twitter
YouTube

Flux Creative

6 Farm Place
High Street
Berkhamsted
Hertfordshire
HP4 3AU

01442 300001
info@fluxcreative.co.uk

© 2019 | Flux Creative