Overview
One day I saw a website design in Dribble. The design was done
by
Adhiari Subekti.
I wanted to develop that wesbsite with my own touch. The design
was mainly for desktop. So I took the elements and optimize it
for a mobile device. I keep the desktop version as it was. Just
made it responsive. I wanted to not use any external framework
on this project.
Reaveal Animation
Menu Animation
Challenges
The first challenge was to optimize the menu for a smartphone. I
didn't want to ruin the look by adding a traditional menu button
on the top. So, I chose the floting menu bar. I added some icons
there. And it standout perfectly. Then I tried not to use any
external framework on this. So I tried to code for the scroll
reveal by my own. But I failed to optimize it perfectly.
Therefor, I needed to use
ScrollRevealJs. The
same thing happed with the Popular Residences slider. I tried to
code it by my own. But it seems like those hard work was just
for nothing. So, I stick with
SwiperJs for that. But after
all, I was satisfied with the result.
Live Website
.png)