Nieruchomość Blue Ocean
Nieruchomość Blue Ocean
Nieruchomość Blue Ocean
Role in the project
UI/UX
About the project
Website with offers of apartments from Cypriot islands
Client
BlueOceanMedia
![](https://framerusercontent.com/images/ioFDMp7M2eRG322vUbLo0i0FFA.jpg)
![](https://framerusercontent.com/images/nLvQRgSYoV37hPNg1TzmMyCPg8.png)
![](https://framerusercontent.com/images/ioFDMp7M2eRG322vUbLo0i0FFA.jpg)
![](https://framerusercontent.com/images/nLvQRgSYoV37hPNg1TzmMyCPg8.png)
Challenge
Challenge
Creating a website with a range of apartments from the Cypriot Islands
Creating a website with a range of apartments from the Cypriot Islands
As part of the assignment, I created the main page with offers as well as a modal that expands the details of the apartment offer
As part of the assignment, I created the main page with offers as well as a modal that expands the details of the apartment offer
![](https://framerusercontent.com/images/FJPy4l5mQSVC1R0xKm07GtQlAo.png)
![](https://framerusercontent.com/images/msqaofKudisZE6h1IxopxHqQvY0.jpg)
![](https://framerusercontent.com/images/msqaofKudisZE6h1IxopxHqQvY0.jpg)
![](https://framerusercontent.com/images/FJPy4l5mQSVC1R0xKm07GtQlAo.png)
![](https://framerusercontent.com/images/msqaofKudisZE6h1IxopxHqQvY0.jpg)
1 stage
1 stage
Design system, including a unique component of apartment offers cards
Design system, including a unique component of apartment offers cards
![](https://framerusercontent.com/images/Cs1JRe6nmig6PFAfkUO3VbVN14Q.jpg)
![](https://framerusercontent.com/images/Cs1JRe6nmig6PFAfkUO3VbVN14Q.jpg)
2nd stage
2nd stage
Main page collecting leads using a form
Main page collecting leads using a form
![](https://framerusercontent.com/images/msqaofKudisZE6h1IxopxHqQvY0.jpg?scale-down-to=2048)
![](https://framerusercontent.com/images/msqaofKudisZE6h1IxopxHqQvY0.jpg?scale-down-to=2048)
3rd stage
3rd stage
Modal presenting the exact specification of an apartment from the Cypriot Islands
Modal presenting the exact specification of an apartment from the Cypriot Islands
![](https://framerusercontent.com/images/4FkBhicP3JSOubrdHjMqRBUscE.jpg?scale-down-to=2048)
![](https://framerusercontent.com/images/4FkBhicP3JSOubrdHjMqRBUscE.jpg?scale-down-to=2048)