Flök
User Experience & User Interface
Flök is a side project that I am working on with a handful of my peers.
It is an app designed to make arranging events with your friends easier, quicker and less formal than a standard calendar application.
If you would like to have a chat about this project, or want to work on something similar, please get in touch.
![](../../img/work/flok/Content_x2_flok_01.jpg)
![](../../img/work/flok/Content_x2_flok_02.jpg)
Flök works on a navigation based around invitation cards sitting in three sdections; Inbox, Accepted and rejected.
![](../../img/work/flok/Content_x2_flok_03.jpg)
Pulling down will unfurl the rejected section that acts as an archive of any events that you don't wish to attend.
![](../../img/work/flok/Content_x2_flok_04.jpg)
Tapping on a card will reveal the card detail, showing the title, information, location and attendees of the selected event.
A rejected event will feature red accents.
![](../../img/work/flok/Content_x2_flok_05.jpg)
If a user hasn't responded to an invitation, it appears neutral.
![](../../img/work/flok/Content_x2_flok_06.jpg)
Within the event detail, the user can respond to the event by long-pressing on the circle icon to the lower left.
![](../../img/work/flok/Content_x2_flok_07.jpg)
To the lower right, if the user long-presses on the share icon, they can chose to share to external networks or add the event to their calendar.
![](../../img/work/flok/Content_x2_flok_08.jpg)
Sharing to an external network will invoke the native share sheet.
![](../../img/work/flok/Content_x2_flok_09.jpg)
If the user accepts the an invitation, the event will feature green accents.
![](../../img/work/flok/Content_x2_flok_10.jpg)
If the user scrolls within the event detail page, they will be able to see more information, such as the event's location on a map.
![](../../img/work/flok/Content_x2_flok_11.jpg)
The user will also be able to see the event's attendees by tapping on the attendees icons.
![](../../img/work/flok/Content_x2_flok_12.jpg)
If the user creates a new event they will be able to assign; a title, a time, a date, an event description, the invitees and a location.
![](../../img/work/flok/Content_x2_flok_13.jpg)
Tapping on each field will focus on each individual entry.
![](../../img/work/flok/Content_x2_flok_14.jpg)
![](../../img/work/flok/Content_x2_flok_15.jpg)
![](../../img/work/flok/Content_x2_flok_16.jpg)
![](../../img/work/flok/Content_x2_flok_17.jpg)
Once a user has accepted an invitation, it will be moved to the accepted section which is aaccessed by pulling it up from the home screen.