Osarenkhoe Iyamu-Noma

Designed a landing page for a SaaS product.

Used code components for the brush highlighter that appears underneath the text.

Applied effects like, text appear, sticky scroll for the feature section, tickers etc.

Have a look here 👇

https://quickinventory.framer.website/

'Submit a task flow' for a mobile app

Thought Process:

🌟 To mark a task as done, users have to submit digital proof of completion; this could be either an image or a doc.

Recreated this Footer design for the design & build challenge by @IwuezeAmarachi on X.

What I Did:

🌟 Added the Snaketrail interaction for the images - as your cursor moves in the space, the pictures appear.

🌟 For Mobile, I used a tap interaction similar to Samsung's screen-testing page. Images are arranged in a Grid; tap on the space to reveal more pictures.

Check it out here 👉 https://sensible-squash-763452.framer.app

Recreated & built in Framer.

Original design by Iwueze Amarachi.

🌟𝑅𝑒𝑐𝑎𝑝 𝑜𝑓 𝑡ℎ𝑒 𝐷𝑒𝑠𝑖𝑔𝑛 & 𝐵𝑢𝑖𝑙𝑑 𝐶ℎ𝑎𝑙𝑙𝑒𝑛𝑔𝑒

Last week, we focused more on layouts than effects

So a lot of editorial websites 😉

While being a bit challenging

It was fun working on these layouts

The challenging part was thinking about the responsiveness of the website samples. This is one of my favourites from last week - NATURE

What I did:

✅ Added hover effects on all images so they zoom in when you hover

✅ All images are clickable

✅ Added navigation so users won't have to go back to click on another image (2 clicks reduced to 1 for your viewing pleasure)

✅ Responsive

This was replicated & built in Framer. Design by Amarachi Iwueze