acidtango main logo

La Rosa del Desierto

La Rosa del Desierto is a single page web site. It was created for a short film that narrates a story of love between two children living in the occupied Western Sahara, forced to live apart due to the social situation in that territory.

Tecnologías: Ruby on Rails, JavaScript, Jquery, Slim, Sass, Mysql

See liveRose ipad 8fcecc7bbaea601acd76122718d4fd51f3e89de7351b8d55ada74c18a1869290

This is the typical example of the challenges faced when creating a landing page for a product. In this case, a short film with a significant impact in various festivals. The goal was to create an immersive landscape that resembled the one in the film. Using JavaScript, we created a window to the desert that changes when the user scrolls through the page.

"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi voluptate a eveniet cum"

Face case b6259e96ce83573ae0731767d6cf4148600ddf5f10efebdf8dc7f4fffbdd7990
- Betsabe Ramírez, Mitsix CEO -

Process

The page adapts to the screen size and scroll is performed in a way that resembles pages turning in a very dynamic way. In all our works, wire framing and mock-ups were heavily used to involve the clients in the process of design and web development.

Rose process a46545959c4888cc13bcdd91f67983f40e077140c414ee93797703aa10936b1c

Dynamic effects

We have used different effects to achieve a modern, dynamic look. SVG animations, CSS effects and JavaScript based page transitions were implemented.

  • Javascript icon 3205aa315ee70f5e21c9e454d95bd61c77153821d4826c05f4cf90952a5034b9
  • Svg icon aa601a7a39042e5047801a3f42dae68d67febba41bc83f26d648388ec64e0ed0
  • Pantone icon 9e3ae6806ae206c7090fdc8839669de334fb0e6419d01f28d303536d9520309d

Responsiveness

The page keeps its aesthetics in mobile devices, but is slightly adapted to improve readability and user interaction. In order to achieve this effect across platforms, we followed a responsive design process.

Rosa del desierto showcase e0187b9f4d5a75bd46ba864f4b5e06678621553f252505622bb3a3c35c7e7290

Did you like this project?

Tell us about yours!