Apple Journal App

Design Innovation Fall 2024 - UX Design Academy

Tools Used: Figma, FigJam

Duration: 14 weeks

How might we implement new features and personalization to incentivize users to journal more?

Our Insights

An interactive & dynamic web interface to visualize the University of Illinois Systems’ Investment portfolio, with a focus on assets invested in corporations that profit from the extraction, transportation, or combustion of coal, petroleum, or natural gas.

The Product

The homepage is split up to 4 sections. This section is the “our requests” section. An interactive feature I created is the drop down effect. Maintaining the information hierarchy and adds a level of interaction for the users, to entice further reading.

Admins can update the databases through this interactive chart like view. The idea is that when there is an error in the database, the cell turns red. An admin can than later edit that specific cell, as well as submit a comment with the request.

Request management is where admins can view the progress of their own requests, as well as review requests made by other admins.

  1. Interactively explore UIS investments over the year

  2. Visualize and interpret the complicated data

  3. Spread the importance of clean energy,

Transparent and Open Resource for Institutional Investments

Learn About Investments

Home Page

Here is an example…

Starting off with the homepage! There are two navigation bars to guide users through navigating the content heavy website. The secondary navigation sorts through the home page, and the primary navigation sorts through the main three pages of the site.

Overall, the site is very content heavy, my goal was to design an interactive site where content is more digestible for the user. Utilizing different design styles to display data and content.

The learn about investments page is a searchable database that allows users to learn about a specific companies investments. There is a search bar as well as different filters to pin point a specific company, or companies within a metric or range.

When the desired company is selected, it opens up the specific company page. Each company has a specific sector, industry, net asset value, and environmental grade. When the environmental tooltip is activated, it shows the average grade value for the sector the company falls under.

Using apex chart, we inputed graphs related to Carbon Accounting, CDP Fuel, CDP Energy, and Yahoo Finance. The graphs are interactive to display details related to each topic for the users to engage with. Lastly there is an investment details chart that lists all the different investment details by category, and there is also buttons for the users to sort by quantity.

Administration Control

There are three features of the Administration Control. Website management, administrative management, and requests management.

Administrative management allows the current admins to manage/update the admin list. The admin can either remove an admin, or remove them from the email list. There is also a functionality to invite admins as well.

Product link here

Disclaimer * Designs changes and updates have been made since handoff, not all work in the final product was done by the H4i team!

Team:

Role: Team Lead, UX Instructor

Team Members: Brianna Regione, Sebastian Vega, Millie Chu

Overview

For some context, Design Innovation is a UX design organization on the UIUC campus that offers various UX design projects for anyone with an interest in pursuing a career in UX. Within the organization there is an academy program which allows students with no UX experience to explore what it is like to work on a UX project and get familiarized with UX practices.

Our Challenge

Final thoughts & personal reflection …..

This project as a whole has pushed me in so many ways, especially as a designer. I would like to thank my awesome team for such great team work and collaboration. As well as SECS for working with us together to create this product. As the only designer on the project, I had to learn how to take initiative and be proactive in learning and developing new skills. It was challenging at times, but overall super rewarding. I learned about myself, and especially improved as a designer technically. I hope this project can help the audience learn more about the environment and our earth!!

My Role

My role was to teach and guide 3 other members to get familiarizes with best UX practices, as well as apply those skills to a re design project.

  1. Collect User Insights

  2. Improve Existing Features

  3. Create Goal Tracking Capabilities

Design Approach