Unico

A user study and design coursework aimed to develop a sustainable shopping platform mainly catering to university students. 

UNICO desktop browser
Device frame
UNICO mobile web browser
Device frame

About Unico

Background and Problem
Emoji icon 1f4ac.svg

Living sustainably is important but challenging due to high costs, limited options, and lack of support. Students, in particular, struggle to find affordable, sustainable choices. 

Direction
Emoji icon 1f449.svg

The project aims to create a sustainable shopping platform for university students, combining various eco-friendly shops and brands with student discounts and easy delivery. 

Goals
Emoji icon 1f4ab.svg

The project seeks to:

  • Centralize sustainable shopping options.
  • Provide student discounts and convenient delivery.
  • Build a supportive online community for students.

User Research

Our study involved three university students who were interested in sustainability. We recruited participants by interviewing friends within this demographic, ensuring familiarity and comfort for candid responses.

  • "In my country, I don't get that much information about sustainable shops or eco-friendly products."

    He suggested that the service should be user-friendly, and offer delivery services.

    “Also if they get any discount or like any incentive because they're referred by the eco-friendly websites I think people would be more encouraged or more motivated to go to this eco-friendly store or shopping mall or you can say any shops.”

    “I would be interested to participate in a forum to discuss topics because I love these things.” 

    Male, 25-30, Bangladesh
  • "Maybe the color, maybe they use some plant or tree pictures to demonstrate the sustainable growth.”

    "They can show the distance from the place to my house and the surface of delivering"

     "I think something that is catchy, colorful. In one hand, it is going to attract viewers to the website.”

     “…it's going to, let's say that sustainability can be fun, can be easy, can be colorful too."

    Female, Under 18, Vietnamese
  • "..they don't feed me too much information and try to dump the products at me."

    "...they will choose a very durable fabric to make the style..."

    "I would like to see how those companies are actually acting...".

    “...for me, it's hard to actually believe that if they are sustainable brands or not...”

    "So if you have this kind of community that you share the same values, it would be really nice."

    "I think that less is more."

    Female, 31 - 40, Chinese
Emoji icon 1f4a1.svg

Key Takeaways

Confirmation and Innovation: The interviews validated our initial concept and provided new ideas.

Essential Requirements:

  • Ease of use
  • Convenient access to information
  • Availability of sustainable products
  • Delivery services
  • Student discounts

Communication: Participants highlighted the inefficiency of current communication channels and the need for diverse methods to raise awareness about sustainability.

Simplicity and Authenticity: Ensuring the service is straightforward and genuinely sustainable was crucial.

Persona

To crystallize our understanding of users, we craft one persona, which can serve as an invaluable tool in guiding design decisions and ensuring a user-centric approach. 

Persona 1

Concept map

Our user-centric approach begins by highlighting the cost-conscious students and community-driven individuals as central figures in the conceptual model. 

The following concept map visually articulates the essential components of the conceptual model, emphasizing the interconnectedness of features and functionalities tailored to cost-conscious and community-driven users. 

Concept map

Use Scenario

Eino, a sustainability-conscious university student, often struggles with finding and exploring sustainable shops offline due to scattered information and limited discussions. She uses the UNICO website to discover a wide range of sustainable shops, compare options, and read user comments.

One day, while on campus and needing to buy daily necessities, Eino accessed the UNICO website on her mobile phone. She navigated to the ‘Shops’ page and used the ‘student_discount’ filter to find shops offering special deals. She reviewed several shops to ensure their prices fit her budget.

Next, Eino explored the forum for additional insights by selecting ‘Forum’ from the hamburger menu. She used the search bar to find relevant comments about the shops, avoiding extensive scrolling.

Satisfied with the positive feedback, Eino checked the shop’s location by selecting ‘Map’ from the hamburger menu. She searched for the shop on the map, assessed the address, and determined its convenience for a visit.

Unico Design Process

  • 1

    Sitemap

    The information architecture of the web application is visualized in the sitemap.

    Sitemap
  • 2

    Wireframes

    Although we also designed one screen for desktop browsers, this project focused mostly on mobile browsers. Therefore, only wireframes for the mobile version are displayed here.

    Mobile wireframes
  • 3

    Design decisions

    Our design concept for UNICO revolves around simplicity, sustainability, and user engagement

    Informed by the user study, we made a deliberate choice in our color palette, selecting two shades of green as primary and secondary colors. This decision was driven by the association of green with sustainability, aligning our design with the platform's environmental ethos.

    Design decisions
  • 4

    High-fidelity screens

    In the culmination of our design process, we transitioned from wireframes to the creation of high-fidelity screens using Figma.

    Screens
  • 5

    Enjoy Unico

     The interactive prototype aims to showcase the finalized designs for the key screens that hold substantial value for the user.

    The prototype allows users to interact with buttons and navigation elements, fostering a realistic simulation of the web service's functionality.

    All interactions were implemented with a focus on accessibility, ensuring that users can easily navigate and click buttons. 

    Prototype
Emoji icon 1f917.svg
Built on Unicorn Platform