WORTH THE WAIT BOUTIQUE RESPONSIVE DESIGN

MAIN PAGE    |    CLICK IMAGES TO VIEW * CLICK OUTSIDE THE LARGE IMAGE TO CLOSE THE DESIGN    |    REVISION #1    |    INTERIOR #1 ABOUT    |    INTERIOR #2 ABOUT    |    INTERIOR #3 ABOUT

Global note -
When any design is scrolled vertically or hover there are effects with respect to boxes and photos moving or folding into vertically/horizontally place
as is commonly seen in responsive design having long vertically scrolls.

Design #1A -
ANIMATION SEQUENCE:
1) Top photos slide-animate multiple photos.

2) The 4 box area will slide '2 sets' of 4 images. When a user *hovers an image OR photo the name of the box appears and is clickable to an interior page.
* See 1B where an example of the first box is shown as 'hovered'.

3) Team photos will come slightly forward when hovered.

4) The lower Testimonial box will fade-animate multiple testimonials.
Design #1B
Same design as 1A except demonstrating a new photo in the top area as part of the sliding animations.



Design #2A

Based on design as 1A except for the following differences;

• Signature has been added to Susan's photo
• Instead of having 2 sets of 4 boxes scrolling; all 8 boxes are shown so users may quick glance and click.
• The Testimonial box has been colored mint-green.
Design #2B

Based on design as 2A except colored taglines have been added vertically on the left and right side of the background.

Design #3A -

Based on design as 2A except for the following differences.

• New header with larger logo and color texture in background.
• Script styled text called 'Great Vibes' used through out.
• Color blocking is used for Testimonials and Brand logos.
Design #3B

Based on design as 3A except demonstrating the 'optional effect ' of having a superimposed tagline slide-in vertically from the top FRAME after each photo FADES IN.


Design #4A -

Based on a responsive SIDE SCROLLING design. When home page loads, full screen images of the boutique and/or products will fade-animate in the background. (full screen)

All pages may be accessed via horizontal scrolling versus vertical scrolling.

NOTE: This design is coded to force fit most screens so that little or NO vertical scrolling is involved.
Design #4B

When home page loads full a box will appear to encourage users to inquire.
Design #4C

Example of an interior page. In this example a user has clicked 'Our Team'. The page information side into view from the right side.

Design #5A -

Simplified design highlighting WTW primary product areas.
Design #5B -

Based on design 5A accept the photo extends full screen left and right sides.

Copyright © 2015 Virginia Web Design Company | VISONEFX - All Rights Reserved. Duplication of this site in whole or in part is not permitted.