acidtango main logo

Mitsix

Mitsix is a dating social network that brings groups together and sets up amazing nights out for them. Users are presented with possible groups that might fit within their dating preferences. When there is a match between two groups, the administrator sets up a date in a cool location.

Technologies: Ruby on Rails, JavaScript, Jquery, Slim, Sass, Mysql

See liveMitsix app a2743dd48e2d6e64727fa2d6e7d6c91c8de99025c71aea4991a5b5f00c11277c

During the development, we focused on usability. Creating groups and selecting the ones you like to initiate dates had to be fluid and usable. The use of JavaScript was key to achieve that fluid UX goal.

Group interactions

Multiple groups can be created per account. When doing so, the user can choose between two services: regular date (with pictures) in which the user chooses the other group or a blind date, where only the type of date is specified.

  • Normal date 48774b51ba029136e255e12600c99a42240a2c7ee16e03d12bee1c5c264cd5c3
  • Blind date 49002e668bdcdf0af66d0f1dd66cf2720cf83f971127d00d1cb20612ae532a80
  • 404 icon 53f02b8afcc75cbd6c5680197f8ecf54d750c9d0b314ff78951ef59be45df0a0
Icons a3d5ff0f52f95ecabc25397df536c0ecc50b4efbba90e6b4fa729040de567518

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

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

Facebook API integration

The platform is built around Facebook. Login and registration are done via Facebook users. This way, we can retrieve user information to recommend dates based on his or her likes. To invite friends, the Facebook API is used. This provides us with a powerful, fast way of acquiring new customers.

Facebook friends details 4c4c632fbbeed8e53eaa26ea89fc0ae0ade3003fa5aeea558e0f5b514c5c8851

City 8958e947661412d2b96bd8562acb92541909e74a30d662517afee6277bfa5fb0

Desktop and mobile.

When designing the app, we took a mobile-first approach; that is, mobile screens were implemented first and then scaled up to the desktop views. We took into consideration concepts such as vertical rhythm, font sizes, different layouts based on the screen in which it is displayed, and responsive design.

Mitsix showcase d2f2cd1f7aa21f0615f7fe61c41388623a38ec1d4c1be9a8a7e4bf6cd04af301
Mitsix background 7bf5ba76c797d74bc0e7fda9783b469c3edd53ca3540a57f3e4567ddf5d074c2

User experience

For the mobile application, we created a different layout, changing the menu placement and adapting the structure to the device's screen to create a unique and more efficient user experience.

  • App menu 23f8eca7114eec2a98c59bbc22672f6ddced9eee3ab96f1851b849a897777033
  • App quest c41da67cbe41d4aaee756991da762cfafe19029f9cc002b78c8982d65aa899f0
  • App group 7f3195064aa1765eee8415ba1b046f4f952dd80b8bd1a8fff8c75460b6e1cfe6

Did you like this project?

Tell us about yours!