Category: Design tips

  • Recreate Apple Homepage in Thrive Architect – Do it along video tutorial

    Recreate Apple Homepage in Thrive Architect – Do it along video tutorial

    A crazy thought took over me today and I reacted to it.

    I thought what if… I made a full blown video tutorial of recreating apple.com homepage for you. And so here it is, a 58 minute video tutorial of how to recreate apple.com homepage in Thrive Architect.

    This is made to be “do-it-along” style. So grab your coffee and power up Thrive Architect! Let do this.

    Here is link to the live demo (screenshot below) of what you will be making. It is a clone of current apple.com homepage.

    Requirements

    1. 58 minutes time
    2. Thrive architect installed
    3. Download this zip file of images we need (I also show how to download them in the video)

    The Video Tutorial

    Important: Read before you begin

    • Until 6:33 I show you how to download images.
    • Start at 6:33 (after downloading images via link above) if don’t want to learn how to download the images from apple.com homepage. I show how to use chrome inspector to download images even if you cannot “right-click save as” on the browser.
    • Important timestamps
      • 15:05 – Creating header
      • 20:50 – Finish header and start hero section
      • 29:18 – Next sections
      • 45:45 – Last bottom section

    Go ahead create your versions and share it in the comments!

  • Can Text Presentation Make a Difference in Your Conversions?

    Can Text Presentation Make a Difference in Your Conversions?

    I’m going to present you 2 cases.

    First one is for desktop and next is for mobile. 

    Can you take a look at both these screenshots below?
    (Clicking thumbnails will open in new tabs)

    Desktop Variant 1

    Click to open
    Click to open

    Desktop Variant 2

    Click to open
    Click to open

    Mobile Variant 1

    Click to open

    Mobile Variant 2

    Click to open

    First, try reading the content.

    1. What is the best variant for desktop?
    2. What is the best variant for mobile?
    3. Most importantly, why?

    Reply with your answers and tomorrow I will explain

    a) If you are right / wrong.
    b) If and why, one is better than the other (with research evidence).