Let’s work together!

Fill in your details below, so we know how to reach out to you.
Be sure to describe your dreams and ideas, so we can help you even better.

We would love to know a bit more about you.

What is your name?

Please enter your first name.

Please enter your last name.

Who are you working for?

Please enter the name of your company.

How can we reach out to you?

Please enter a valid e-mail address.

Your project and goals in a nutshell.

Please enter a description.

How do you think we should work together?

Which platform should be the main focus?

How long would we have the privilege of working with you?

Thank you for your enquiry. We're gonna look into this as soon as possible! 🎉

Designing the much-anticipated Magnet.me application for iOS.

We designed an iOS app as beautiful and user-friendly as the Android app and web based platform to help you find your next career opportunity. It lets companies reach out to you, instead of the other way around!

View casestudy

Services

Interface Design

Platform

iPhone app

Client

Magnet.me

Release Date

August 2015

The goal of Magnet.me is to make sure their users get in touch with the most suitable companies and eventually get them a job. Ours was to do the same for their iPhone app.

Magnet.me is a successful Dutch start-up. It lets companies connect with students and graduated looking for a job or internship. The concept is kind of extraordinary, because it's the companies that reach out to users instead of the other way around. This way users come in touch with companies they didn’t hear of just yet.

In 2015 Magnet.me finished their first design for the Android-app. They knew many of their users have iPhones, though. They had a good Android Design Team in-house, but it didn’t have much experience in iOS Design and wasn’t used to the guidelines Apple set. That’s where we came in. As we knew all ins and outs of iOS-design, we all were very confident to get an app as beautiful and user-friendly as the Android-version.

We initiated a new navigation

Traditional iOS navigation is pretty, but limited. As we had little space for all the navigation items, we proposed to hide less important features using a 'more'-tab.

Magnet.me Navigation iOS & Android

Sidebar on Android

Android embraces hamburger menus. This kind of navigations provides more space and can contain more items.

Tabbar on iOS

iOS sure loves tab bars and so do we. We decided to be faithful to Apple's guidelines and came up with this bar.

Sidebar on Android

Android embraces hamburger menus. This kind of navigations provides more space and can contain more items.

Tabbar on iOS

iOS sure loves tab bars and so do we. We decided to be faithful to Apple's guidelines and came up with this bar.

Floating Action Button

The floating action button is a brilliant Android pattern. The button is always visible, so one can press it any time to perform the most important action at that time. Magnet.me made very good use of it in their app.

Unfortunately iOS doesn't use this pattern. Since we wanted to stick to iOS Guidelines, yet still believed we should make it as easy to get to these actions, we decided to place them on the always visible top bar.

Our translation to iOS design principles.

The perfect translation is in the details. We made subtle changes to font sizes, buttons and icons and got rid of the material design approach overall.

Result

Magnet.me for iOS

We're very proud to present some of the many screens of the design. Do you see how we managed to let iOS patterns and Magnet.me style come nicely together?

Magnet.me iOS Screen Magnet.me iOS Screen Magnet.me iOS Screen
Magnet.me iOS Screen Magnet.me iOS Screen Magnet.me iOS Screen

Conclusion

Happy to help iOS users finding a job or internship.

It was very helpful to collaborate with the Android-designer, so we could understand what decisions were made and - more importantly - why they were made. That knowledge, combined with our knowhow of iOS-design, resulted in the iOS app which holds his own with the Android version.

We felt we should keep most of the interactions and flow intact, because they were thoughtfully designed and both us and the team didn’t want to make two very different apps.

We gave it a more iOS look though. We also got rid of some patterns Android loves, but Apple doesn’t use that much. So we replaced the famous floating action buttons, redesigned the look of several elements and made sure the app looked as least as good as the Android version. We think we did a pretty good job. What do you think?