Ahmed Alsayad

need your eyes on this one :) two hero options for a private tutoring platform we're working on at @effekt_design left or right?

10 seconds of a hero we're designing & building. everything is choreographed; the shell scaling in, the phone settling, and a custom webgl depth reveal. we built it custom for one reason; the same effect lives in the brand's motion videos (That we are also working on). goal...

another section from the build; an interactive 4-step timeline. The showpiece is the shader image transition; one custom fragment shader, no library, using luminance as depth so dark areas fill first and the photo develops into place. Some of the hidden infrastructure...

spent longer on this sign up screen than on screens twice as dense. pulled inspiration for product & visuals separately; 6+ tools just on the seamless looping visual side. spacing, type, hierarchy rules built from breaking down similar screens. simple isn't always faster