Yeabsira Teklehaymanot
Web and App Designer | Your Design Partner
New to Contra
Yeabsira is building their profile!
"Minimalism isn't just about using less; it's about making every single pixel count. 🚀
Meet Jonnyset—a concept e-commerce landing page I designed from scratch, focusing on editorial branding, typographic masking, curated featured collections, and a seamless luxury user experience.
When building this, my main goals were:
✨ Visual Depth: Using layered typography behind the subject to create an immersive, high-end feel.
✨ Curated Discovery: Guiding users naturally from the hero hook down through intentional featured collections and smooth interactions.
✨ Conversion Clarity: Keeping a clean layout that gives fashion products the premium presentation they deserve.
Swipe through to see the full design journey from top to bottom! ➡️
As a Product & UI Designer, I love turning creative visions into clean, human-centered digital realities. What section are you most drawn to? Let me know in the comments! 👇
#UIDesign #WebDesign #UIUX #ECommerceDesign #Figma #ProductDesign #CreativeDirection #Jonnyset"
1
29
Exploring dynamic transitions and visual depth in a responsive hero slider concept. 🌍✨
For this iteration, I wanted to see how a high-impact, tall display font could interact with iconic structural imagery to create a true sense of scale and architectural depth. By precision-masking the typography behind the landmarks, the layout achieves an immersive 3D parallax feel while maintaining a locked structural component grid across different global destinations.
🎯 Key Updates & Focus:
Cinematic Motion: Implemented an atmospheric fade-in intro to immediately capture user attention and establish mood.
Component Synchronization: Synced the micro-interaction of the card progress indicator and tracking bar to mirror live app logic.
Visual Hierarchy: Maintained strict text readability and contrast transitions against shifting sky backgrounds.
Built completely from scratch and animated within Figma.
I’d love to hear your thoughts on the motion pacing—would you prefer a faster snap transition or this smooth, atmospheric slide?👇
#UIUX (https://www.linkedin.com/search/results/all/?keywords=%23uiux&origin=HASH_TAG_FROM_FEED) #ProductDesign (https://www.linkedin.com/search/results/all/?keywords=%23productdesign&origin=HASH_TAG_FROM_FEED) #FigmaAnimation (https://www.linkedin.com/search/results/all/?keywords=%23figmaanimation&origin=HASH_TAG_FROM_FEED) #WebDesign (https://www.linkedin.com/search/results/all/?keywords=%23webdesign&origin=HASH_TAG_FROM_FEED) #InteractionDesign (https://www.linkedin.com/search/results/all/?keywords=%23interactiondesign&origin=HASH_TAG_FROM_FEED) #TravelUI (https://www.linkedin.com/search/results/all/?keywords=%23travelui&origin=HASH_TAG_FROM_FEED) #MotionDesign (https://www.linkedin.com/search/results/all/?keywords=%23motiondesign&origin=HASH_TAG_FROM_FEED) #UserInterface (https://www.linkedin.com/search/results/all/?keywords=%23userinterface&origin=HASH_TAG_FROM_FEED)
1
32
Here's a Coffee Shop Landing Page I designed in Figma to explore how dynamic motion can transform a simple layout into a memorable user experience.
🎯 Design Focus:
• Smooth parallax scrolling effect
• High-contrast split-screen hero layout
• Structured, clean product grid hierarchy
• Immersive, premium visual storytelling
The goal was simple: Make a standard coffee shop website feel highly engaging without distracting from the content. Great animations don't compete for attention—they enhance it.
Coffee Shop Design, Parallax Scroll Animation, Web Design, UI Animation, Motion Design, Landing Page Design, Interactive UI, Micro-Interactions, Animation Design, User Interface Animation, Creative Motion, UI Design, UX Design, Product Design, Interaction Design, Visual Hierarchy, User Experience, Digital Product Design, Web Animation, Frontend Animation, Cafe Website Design
#UIUXDesigner (https://www.linkedin.com/search/results/all/?keywords=%23uiuxdesigner&origin=HASH_TAG_FROM_FEED) #UIDesign (https://www.linkedin.com/search/results/all/?keywords=%23uidesign&origin=HASH_TAG_FROM_FEED) #UXDesign (https://www.linkedin.com/search/results/all/?keywords=%23uxdesign&origin=HASH_TAG_FROM_FEED) #ProductDesign (https://www.linkedin.com/search/results/all/?keywords=%23productdesign&origin=HASH_TAG_FROM_FEED) #InteractionDesign (https://www.linkedin.com/search/results/all/?keywords=%23interactiondesign&origin=HASH_TAG_FROM_FEED) #UIAnimation (https://www.linkedin.com/search/results/all/?keywords=%23uianimation&origin=HASH_TAG_FROM_FEED) #CreativeDevelopment (https://www.linkedin.com/search/results/all/?keywords=%23creativedevelopment&origin=HASH_TAG_FROM_FEED) #WebDesign (https://www.linkedin.com/search/results/all/?keywords=%23webdesign&origin=HASH_TAG_FROM_FEED) #DesignCommunity (https://www.linkedin.com/search/results/all/?keywords=%23designcommunity&origin=HASH_TAG_FROM_FEED) #PortfolioProject (https://www.linkedin.com/search/results/all/?keywords=%23portfolioproject&origin=HASH_TAG_FROM_FEED) #ProductDesign (https://www.linkedin.com/search/results/all/?keywords=%23productdesign&origin=HASH_TAG_FROM_FEED) #UIDesign (https://www.linkedin.com/search/results/all/?keywords=%23uidesign&origin=HASH_TAG_FROM_FEED) #UXDesign (https://www.linkedin.com/search/results/all/?keywords=%23uxdesign&origin=HASH_TAG_FROM_FEED) #MotionDesign (https://www.linkedin.com/search/results/all/?keywords=%23motiondesign&origin=HASH_TAG_FROM_FEED) #InteractionDesign (https://www.linkedin.com/search/results/all/?keywords=%23interactiondesign&origin=HASH_TAG_FROM_FEED) #DesignCommunity (https://www.linkedin.com/search/results/all/?keywords=%23designcommunity&origin=HASH_TAG_FROM_FEED)
1
48