Redesign the Product Page on our website both for Desktop and Mobile versions.
This is the page you're going to redesign:
We like the concepts and look and feel used on this website (except our colors cannot be so bright):
Our ideas for the structure are as follows (but your creativity is welcome).
== Section #1 ==
- Amazon-style product image on the left, large size
- at least 4-7 product photos from different angles, typical shopify clickable thumbnails to switch picture in view, to the left or below the main picture (like on Amazon)
- brand name in large font and capitalized
- neat product name
- reviews, total score in stars
- price beneath it
- colorful/contrasting add to cart button and a different BUY NOW button
- include short product description before the buttons (like we have now)
== Section #2 ==
- “How It Works"
This should be done as an infographic style section with stylish icon and text similar to this one — https://screencast.com/t/itKNpxA1E
-An undated, 12-month planner allows you to start anytime and focus on attainable goals.
-Incorporate gratitude and affirmation techniques into your daily agenda.
-Set yearly goals in the most important aspects of your life.
-Breaking down long term goals into Yearly, Monthly and Weekly, will help organize every aspect of your life and keep you accountable.
-Built in habit tracker will help you build healthy habits and grow by tracking their completion every day of the week.
-Review and adjust your approach so that you can boost your productivity until you achieve your goals.
-No-nonsense, simple layout allows you to focus on your goals.
-Stay committed, focused and motivated.
== Section #3 ==
This should be done as infographic style section with filled layout on the left and text on the right, then text on the left and layout on the right. Something like this — https://screencast.com/t/gF7SPIR3DjfE
You can download filled layouts in PDF below.
Use text and images from this PDF: — https://www.dropbox.com/s/330z2j200…9.pdf?dl=0
== Section #4 ==
-"Hear What Planner Experts Have to Say"
- carousel with videos of people's reviews of this planner (taken from youtube)
similar to how they did it here https://screencast.com/t/IAEiAyY0sbcr but we'd like to have a switchable carousel (slideshow-like with left right arrows) that shows the video and small quote by the video's author. Super nice for social proof.
== Section #5 ==
- "Planner Features"
Example: https://screencast.com/t/EWwyUudJz with neat icons
they will either switch to carousel or hide when browsing on mobile phone
YOUR LIFE VISION AND LONG TERM GOALS
Define your vision and set and long term goals
GOALS FOR THE YEAR
Break down your long term goals into goals for the year, by category
Each month and week starts with your top priorities that help your progress towards Yearly goals
WEEKLY & MONTHLY REVIEW
Assess your top wins for the past month and week, think about how to improve
DOODLE, SCRIBBLE, THINK WITH YOUR PEN
Write down notes, doodle, draw and brainstorm on each week's space for notes and in the back of the planner's over 50 blank dot grid pages.
PERSONAL TO-DO LISTS
Space for personal tasks and activities to promote work-life balance
BUILD HEALTHY HABITS
Improve your lifestyle by introducing and sticking to healthy habits and tracking them throughout each week
Questions designed to keep you focused on your progress
== Section #6 ==
- another product section with add to cart similar to https://pandaplanner.com/products/p…lanner-pro with an 'add to cart' as well as 'buy now' button and color swatch. Example: https://screencast.com/t/DkEPaOM6G
this is because there's a lot to scroll back through if the customer decides to buy the product
== Section #7 ==
- “Customers also bought" and show similar products
This should show the main product of this page and suggest an additional other product. (For the Weekly which we are talking about the two additional choices could be either Stickers https://cleverfoxplanner.com/collec…r-stickers or Budget Planner https://cleverfoxplanner.com/collec…int-green) This will give the customer 10% off
== Section #8 ==
- Comparison table with generic competitors should basically look like this
== Section #9 ==
Second "Add to cart" section https://screencast.com/t/C5f7TxO3HSC7
== Section #10 ==
- Download Free PDF button