• Content

  • Direction

  • Design

  • Applications

  • Production

  • 360° Motion

  • Branding

  • Web

    • I AM Shelon.
    • BORN INTO CREATIVITY.
    • FOCUSED ON INNOVATION.
    • BUILDING DIGITAL BRANDS.

    The DIGITAL Space

    The DIGITAL Space

    How to focus and elevate your brand and concentrate distinguishing yourself from the crowd.

    CREATIVITY.

    At vero eos et accusamus et iusto odio dignissimos ducimus qui.

    STRATEGY.

    Sed ut perspiciatis unde omnis iste natus error est eligendi optio cumque nihil.

    DEVELOPMENT.

    Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil.

    DEPLOYMENT.

    Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil.

    Visit The Digital Space

    CREATIVE LABS

    CREATIVE LABS

    WE'RE A SMALL, FRIENDLY AND TALENTED TEAM. WE CRAFT BEAUTIFUL DIGITAL SOLUTIONS FOR AWESOME CLIENTS ACROSS ALL THE PLATFORMS.

    Tap N2 Ur Inner Brilliance

    Generating Innovative Ideas

    From Bricks To Clicks

    Executing Ideas N2 Innovation

    Is ur Brand Valunique?

    Validating Your Innovative Product

    The Secrecacy of Leveraging

    How To Scale Ur Innovative Product

    CREATIVE LABS

    CREATIVE LABS

    WE'RE A SMALL, FRIENDLY AND TALENTED TEAM. WE CRAFT BEAUTIFUL DIGITAL SOLUTIONS FOR AWESOME CLIENTS ACROSS ALL THE PLATFORMS.

    EXECUTING IDEAS N2 INNOVATION

    FROM BRICKS TO CLICKS

    VALIDATING YOUR INNOVATIVE PRODUCT

    IS UR BRAND VALUNIQUE?

    HOW TO SCALE UR INNOVATIVE PRODUCT

    THE SECRECACY OF LEVERAGING

    1. Innov8tive Tools

      This slider plays with 3D perspective and performs some interesting animations on the right-hand side images.

    2. CSS Animations

      We are using 12 different animations for showing and hiding the items of a slide. The animations are defined by randomly adding data-attributes called data-effect-in and data-effect-out for every slide.

    3. Tilted Items

      The perspective view is achieved by adding a perspective value to the slide list item and tilting a division that contains the two screenshots.

    4. Column or Row

      The items in the tilted container are either laid out in a column or in a row. For some directions we need to adjust the animation delays for the items, since we don’t want the items to overlap each other when they move in or out.

    5. Responsiveness

      For smaller screens, the items on the right hand side will become less opaque and serve as decoration only. The focus will be on the description which will occupy all the width.

    6. Navigation

      For the “line” navigation we use a little trick to make the clickable area a bit bigger: we add a thick white border to the top and bottom of the span. Since the border is part of the element, it will be part of the clickable zone.

    Vertical Stories

    Vertical Stories

    87
    Clients
    25
    AWARDS
    68
    PROJECTS
    46
    MAILS
    INNOVATIVE BRANDS

    INNOVATIVE BRANDS

    WITH SHELON'S FRIENDLY AND TALENTED TEAM, CAN CRAFT BEAUTIFUL DIGITAL SOLUTIONS FOR CLIENTS ACROSS MULTIPLE MOBILE PLATFORMS. WE BELIEVE OUR WORK SPEAKS FOR ITSELF. BROWSE OUR MOST RECENT PROJECTS BELOW.

    watch content

    watch content

    blogbasics

    Lorem Ipsum is simply dummy text of the printing and typesetting industry.…

    Read More
    what is blog?

    Lorem Ipsum is simply dummy text of the printing and typesetting industry.…

    Read More
    Opportunity for everyone

    Lorem Ipsum is simply dummy text of the printing and typesetting industry.…

    Read More
    CONTACT SHELON

    CONTACT SHELON

    FOR SPEAKING, MEDIA INTERVIEWS, INVESTMENT OR PERSONAL COACHING. One of my favorite parts of what I do is sharing my knowledge with audiences in various venues, from conferences to universities, to corporate meetings and summits...

    Call (888) 238-8935 Monday–Friday | 9am–5pm (PST +1)

    Visit Us 12777 W. Jefferson Blvd., Playa Vista CA 90066

    Creative Deck Books Podcasts Blog Shop
    Follow