Blogbg
Debora

Designing performance support apps HR can trust

Debora

At Leaplines, we have a 5-step approach to devel­op­ing per­for­mance sup­port apps for our clients.

Approach
Approach

One of the key ingre­di­ents to a suc­cess­ful exe­cu­tion of this approach is our effi­cient design team with an eye for trans­lat­ing busi­ness require­ments into an app’s look, feel and func­tion.

So I sat down with the team to find out how they design apps for some of the largest organ­i­sa­tions in the world.

How would you describe your design prin­ci­ples and / or work process?

Thomas:
As a User Expe­ri­ence (UX) Design­er I am trans­form­ing the best ideas and sto­ries into beau­ti­ful dig­i­tal prod­ucts. This process includes aspects of brand­ing, design, usabil­i­ty and func­tion­al­i­ty. Every projects starts with ask­ing: WHY do we need a dig­i­tal prod­uct here?” Togeth­er with the client we gath­er the moti­va­tion and val­ues for the project. With the val­ues in mind we start to think about func­tion­al­i­ty and fea­tures — what does client want to accom­plish and how are users going to con­tribute to this goal?

Thomas, Front-end and UX Desiger
Thomas, Front-end and UX Desiger

Sharine: Before design­ing a prod­uct, I first want to get to know the user. If there’s no client I’ll do some research about the ide­al user for exam­ple by read­ing stud­ies, or inter­view­ing tar­get demo­graph­ic on the street. I want to under­stand the user flows first so I can start sketch­ing the flow and writ­ing user sto­ries.

Usu­al­ly, before we start with the design, we have a brain­storm with the team to come up with some con­cepts. We make agree­ments on what direc­tion we’re going to go with the prod­uct. After that I make a list of require­ments and write down the user sto­ries. My col­leagues and I pri­ori­tise them and make deci­sions about which fea­tures we’re going to put in the MVP (Min­i­mum Viable Prod­uct).

Thomas:
We then focus on wire­frames. Wire­frames are basi­cal­ly like blue­prints where you can see the struc­tur­al place­ment of ele­ments, fea­tures and nav­i­ga­tion. We test the wire­frames with the tar­get group in an inter­ac­tive process that gives us a bet­ter under­stand­ing of users’ needs.

Early flow chart for the Survey App
Early flow chart for the Survey App

With user sto­ries we check if all func­tion­al­i­ty and fea­tures are cov­ered in the MVP. When every­thing is set we start work­ing on aes­thet­ics. Work­ing with colours, typog­ra­phy, icons, ani­ma­tions and inter­ac­tions we cre­ate unique prod­ucts and mean­ing­ful expe­ri­ences.

Sharine:
We fol­low that up with our first review meet­ing with col­leagues who will come up with some improve­ments or give a go-ahead. Usu­al­ly it takes one or two iter­a­tions on the design to com­plete it. Once the design is done, devel­op­ers will put the pix­els into code. If a prod­uct is live, we’ll go to the client for feed­back ses­sions and make a list of adjust­ments and new fea­tures for the prod­uct ver­sion 2.0.

Early design of the Survey App
Early design of the Survey App

How do you per­son­alise Leaplines expe­ri­ence for clients yet main­tain our sig­na­ture look?
Sharine:
Depend­ing on the case, it is dif­fer­ent per client. We have 2 options at Leaplines. One is using exist­ing apps; we white label them and make unique con­tent for the clients. The sec­ond option is to design for a spe­cif­ic case. Then, we cre­ate a prod­uct from the ground up.

What has been your proud­est moment at Leaplines so far?

Thomas:
Every project that leaves a smile on the client’s face is a moment we can be proud of — our mis­sion is to help clients solve their prob­lems.

Sharine:
When I’ve start­ed at Leaplines I’ve just grad­u­at­ed, so for me a lot of things were new. One of my proud­est moments was cre­at­ing the whole brand iden­ti­ty for Leaplines a few years ago. I was very hap­py when I man­aged to do that suc­cess­ful­ly. Also the first client project I led made me proud, the client was real­ly hap­py with the end results.

Sharine, UX designer
Sharine, UX designer

Thomas: I had a chance to devel­op the brand iden­ti­ty for Maxxe­cure — leader in the field of safe­ty, resilience and integri­ty. I also worked on a unique app called Vir­tu­al Event. With this app clients are able to reach large groups and make an impact. Users can enter the event using a per­son­al code. It’s a real block­buster event, but online.

Leaplines is mak­ing best-in-class apps designed to improve per­for­mance of indi­vid­u­als and organ­i­sa­tions, with clients such as Hud­sons Bay, Pathé, Albert Hei­jn, Suit­sup­ply, Nationale Ned­er­lan­den, Tom­my Hil­figer and Calvin Klein. They are a part­ner of Moovs for e-learn­ing and per­for­mance improve­ment. You can con­tact Leaplines here.

Interested? Get in touch!

send an email to debora!