UI Design for Mobile Application
Study project
This project was part of the Digital Marketing and Sales course. The goal was to generate new ideas to improve the Kierrätyskeskus web store and increase customer engagement.
The assignment was completed in a group of five students. Since the client’s web store was only available on the web, we decided to design a mobile application that would allow customers to sell their own used items.
The project was carried out within a one-week design sprint. We divided tasks equally to work as efficiently as possible, holding brief meetings every morning and at the end of each day to check progress and ensure the project stayed on track. I was responsible for creating UI mockups for the mobile application, alongside another student. In this section, I will focus on the mobile application and the UI mockups, rather than presenting the entire concept.
Client
Pääkaupunkiseudun Kierrätyskeskus
Year
2022
As circular economy was a key focus of the client’s business, we wanted to highlight this theme in the app. The app would serve not only as a marketplace for customers but also as a channel for donating and recycling used items. We designed a separate section for donations, which provided easy access to track the collection truck and order a pick-up service from Kierrätyskeskus. This way, users could not only sell and buy but also recycle and donate items easily through the app.
On the profile page, we included personal data that demonstrates how users have saved natural resources by selling or buying used items. Every time a user sells, buys, or donates items, the app visually reflects this by growing a graphical tree on the profile page.
We created the mockups using Figma, staying true to the brand’s style by incorporating their colors, logo, and using their images and graphics.
Our goal was to design a clear and user-friendly UI that would provide a smooth and intuitive experience for users.
At the final phase of the project, we held a pitch for the client, where we presented our service concept and mockups. I was responsible for presenting the UI mockups and the main features of the app.
The client was pleased with the outcome, and we received the highest grade, 5/5, for our work.
Key Takeaways
Created mockups using Figma to visualize the app's UI.
Ideated features that would bring more value to the end-users.
Followed the brand's style guidelines throughout the design phase.
Worked collaboratively as part of a team during a one-week sprint.
Presented the mockups and final concept to the client.