Olivia
Online
Drey - Designer → UI ✦ UX ✦ Motion ✦ Interaction ✦
@__dreyyy_
Interactive experiences for web & apps
Worldwide
Joined February 2020
602 Following
338 Followers
2K Posts
@rive_app animation from a while back
Let’s goooo!!!!!
The Interactive Character Animation Challenge kicks off today on @contra
📆 June 19 to July 2
🏆 $10K in prizes
In Nigeria, It's not enough that you battle your oppressors. You also have to fight the willing slaves. And dem plenty.
Who to follow
Gaga | Saas Product Designer 
@Johnogaga4
I design SaaS mobile apps and webapps for early-stage startups
| Design Mentor @genezaschool
Emmanuel Ikechukwu
@emaike_
design @mistralai
Kemdirịm
@Kemdirim
Sitting in chairs, pontificating and doing objectively cool shit. prev @messagebird, @openpurpose, @lace_io (IOHK, Cardano)
@Praha37v This is really helpful Praha
day 8 of 30 👩💻
Task: recreate this film listing page. The page contains a list of film titles arranged in rows, with a single image fixed in the centre of the screen.
as the user scrolls through the list, the image should automatically update to match the film title currently in view. the image stays fixed in place while the content scrolls.
use whatever works for you. same design, your own approach.
quote with your version when you're done
Note: Focus on the desktop only!
Back in the groove 😎
Day 7 done ✅
https://t.co/266ucXsn0i
Back in the groove 😎
Day 7 done ✅
https://t.co/266ucXsn0i
Day 7 of 30👩💻
Task: recreate this gallery page
Interaction: when you click any image on the left, it should replace the big image on the right. the active image should also have a visible border so it’s clear which one is currently selected.
deadline: 18 hours
use whatever works for you. same design, your own approach.
quote with your version when you're done👇
Day 6 ✅
https://t.co/KecwGAfO4d
day 6 of 30 👩💻
Task: recreate this photo leadge page. the photos should be draggable... pick up any photo and move it anywhere on the board.
on mobile, figure out the interaction (Thinkkkk)!
deadline: 18 hours
use whatever works for you. same design, your own approach.
quote with your version when you're done 👇
day 6 of 30 👩💻
Task: recreate this photo leadge page. the photos should be draggable... pick up any photo and move it anywhere on the board.
on mobile, figure out the interaction (Thinkkkk)!
deadline: 18 hours
use whatever works for you. same design, your own approach.
quote with your version when you're done 👇
5 days in ✅ https://t.co/xsQurlIrSX
Figuring out how to combine plan hover states with a monthly/yearly toggle without creating conflicting interactions had me rethinking life choices.
5 days in ✅ https://t.co/xsQurlIrSX
Figuring out how to combine plan hover states with a monthly/yearly toggle without creating conflicting interactions had me rethinking life choices.
day 5 of 30👩💻
Task: recreate this pricing page. Today's challenge is focused on interactions.
1. the monthly/yearly toggle should work properly. when users switch between both options, the prices should update
2. on hover, each card should transform with its own colour as seen in image 2
deadline: 18 hours
use whatever works for you. same design, your own approach.
quote with your version when you're done 👇
Weekend well spent.
Caught up on Day 3 and Day 4 of @IwuezeAmarachi @Framer challenge. I'm behind schedule, but every Design is getting done.
No skipping days.
https://t.co/rihX6g1eV0
Keeping the Streak alive!
Day 4 ✅
https://t.co/pPLM2n9JQr
day 4 of 30👩💻
Task: recreate this Apex footer. When the page loads, the blob tags at the bottom should float in one by one with a slight delay instead of appearing all at once.
when you hover on each blob, it should jiggle slightly and the text should change from crossed-out to normal.
deadline: 18 hours
use whatever works for you. same design, your own approach.
quote with your version when you're done 👇
Weekend well spent.
Caught up on Day 3 and Day 4 of @IwuezeAmarachi @Framer challenge. I'm behind schedule, but every Design is getting done.
No skipping days.
https://t.co/rihX6g1eV0
day 3 of 30 👩🏽💻
Task: recreate WEME Hero section page. When the page loads, each card should appear one by one with a slight delay and on hover, the card should slide up and cast a shadow on the cards behind it.
deadline: 18 hours
use whatever works for you. same design, your own approach.
quote with your version when you're done 👇🔥
@IwuezeAmarachi Man, I have alot to catch up on
last week we launched Koji, @brilliantorg 's math and coding tutor.
one of my favorite little design details is a dynamic glow effect that visually indicates when Koji is talking.
to make it happen, we wrote a script to databind the audio waveform of Koji's voice, then built a preview environment that allowed us to fine-tune the effect before handing off to developers.
you can read more about the process below
Last Seen Users on Sotwe
Trends for you
Most Popular Users
Elon Musk
@elonmusk
240.4M followers
Barack Obama
@barackobama
119.3M followers
Donald J. Trump
@realdonaldtrump
111.7M followers
Cristiano Ronaldo
@cristiano
110M followers
Narendra Modi
@narendramodi
107M followers
Rihanna
@rihanna
97.5M followers
NASA
@nasa
92.1M followers
Justin Bieber
@justinbieber
90.8M followers
KATY PERRY
@katyperry
87.3M followers
Taylor Swift
@taylorswift13
81.2M followers
Lady Gaga
@ladygaga
72.7M followers
Kim Kardashian
@kimkardashian
69.6M followers
Virat Kohli
@imvkohli
69.4M followers
YouTube
@youtube
68.6M followers
Bill Gates
@billgates
63.7M followers
The Ellen Show
@theellenshow
62.5M followers
Neymar Jr
@neymarjr
62.1M followers
CNN
@cnn
61.9M followers
X
@x
60.9M followers
Selena Gomez
@selenagomez
60.4M followers