top of page

You've discovered my secret stash...

I wonder what treasures await you

Capital One

OS971A1 without background.png
Agora journey map.png

"Other than presenting, I feel less confident because I want to put it on Behance, and the work on there is leagues above mine."

"Well designing a presentation format is super hard and I have to rely on others to help me. Also, I have to sit through what feels like hours of other presentations ."

Obviously I would have just started the project, I have no idea what I am doing, and depending on how well the syllabus is written it can make it harder to begin.

Since is the most technical part I think I normally gain the most feedback and it makes it easy to push forward and make decisions on my project

The Problem & Opportunity

I believe there is an opportunity to develop a system of products/services that updates the critiquing process. This system should aid design students in obtaining more relevant, diverse, and productive feedback. Be accessible to them whenever needed and provide a platform for them to build a design voice and network.  

Concept Development

During this part of the design/agile phase, I brainstormed and sketched various wireframes based on my design goals and the user feedback I had gained up to this point. The result was two concepts ( both mobile and Web application) that would work with one another. These wireframes were in a variety of tests and walkthroughs to gain the necessary feedback. I had gained inspiration from a variety of sources that I had used in my curriculum (shown below), then uploaded/transferred my sketches into a digital format to show it to the users and gather their feedback. 

aea3a05c-2bc1-4112-a066-a003dc78b95c-152
580b57fcd9996e24bc43c52e.png
website-cropped-v2.png
behance.png

Concept 1: Web application

My initial design focus on students' primary workspace, the laptop. Here students would upload their work to a webpage, leave comments, and select the phase they are on, This concept's secondary function allowed users to give presentations.  

New Project.png
Publish Selection.png
Presentation Confirmation Overlay.png
QR Code Overlay.png
  • Users didn't see the value in another "design-based" website when there is already a large variety of them such as Behance.

  • Students liked the live presentation function but thought that have reviewers pull out there phone while they are presenting would be distracting.

  • The product still seemingly relies on the class not initially solving the problem.

  • If students were not done or wanted to have feedback when still working on a project they would have to constantly export and upload.

Concept 2: Laptop + Mobile Intergration

The later design was still based around the laptop. Here students would upload their work while in the Adobe Indesign program and relied on the phone more than Concept 1A. 

Selection.png
Opened Project (Limbo Plugin).png
Selection.png
Opened Project (Limbo Plugin)-1.png
Descriptor-1.png
Menu Expansion 8.png
Publishing.png
Presenting.png
Menu Expansion 9.png
Presenting-3.png
Presenting-2.png

Laptop Plugin Feedback

  • Students liked the fact that the product will be used inside design-related programs like the adobe creative suite.

  • However, students viewed this concept as annoying due to the constant pop-ups that appear throughout the testing.

  • In this model, the icons were also hard to understand and possibly needed labels to help the user figure things out.

  • The location, as well as the color choice for the plugin, made it difficult for students to find.

v1 phone.png

Before I started to fully design the whole mobile application I was not sure how I should have projects displayed. The images to the right display the two options that I was considering. The left would provide more visibility but would rely on constant scrolling to find the project that they are looking for. The right would provide a better opportunity to fit more projects but at the expense of detail. What I decided on was the display on the left.

v2 phone.png

My original mobile design was only to consist of at least two parts. the home page (bottom left) and the presentation slide deck where one would have a vertical scroll to see questions and type (bottom right). Since I wanted to create some sort of networking opportunity but didnt want to create some sort of social media platform I added an inspiration page to view other design work which could help students with layout design. 

Mobile Application Feedback

  • Students preferred having a "contact page" where one can see who made these projects or get in contact with the designer.

  • The presentation slide-deck was nice for vertical images but possibly wouldn't work for horizontal views resulting in students having to zoom in on a piece of work.

  • The inspiration page was well accepted, but locating it by selecting the logo was awkward.

  • Students asked if the nav page would have any text and eventually came to the conclusion that both displays would appear cluttered, and I was advised to change the formatting of the page overall.

A4 - 13.png

Color & Branding

During the final week of this project, students were tasked with finalizing our concepts. During the redesigning of both the Plug-in and Mobile applications. I had pulled a few of my classmates to help me consider a name, logo, and color for my application. Students preferred Agora and Praisal due to their sound and connotation. Agora is an ancient Greek word for a marketplace where people would not just trade goods but ideas. I choose Agora. Next brainstormed color, Agora had an easy color palette. At first, I focused on greek color schemes like the images below. The results were interesting but were harder to carry over to the plug-in and fit with the adobe suite brand. I turned to the aid of a visual designer I knew and after a long discussion told me that my concepts envelop bold unique interesting and energetic feelings so I tried to focus on that which is shown in the final prototype. 

Final Prototype: Agora

Vector MacBook Gold [Converted] Gain Fee

Receive relevant feedback at any stage.

With Agora students are able to attain a variety of feedback through their own network. 

Students can choose what type of feedback they want to receive no matter.

Design is all about collaboration, students can be given feedback in a live format as well. 

Build your network. Build your design voice.

Students are able to develop an extensive design network that can go beyond the classroom. 

Gain inspiration and feedback anywhere, at any time

Agora Gain iPhone X mockup tilt right.pn
Agora Maintain iPhone X mockup front 2.p
Agora Connect iPhone X mockup tilt left.

Video Demo

Final Feedback

The conclusion of the project was to present the product to the class and guests. Listed below are some of the feedback I had received to better my work:

  • "I was wondering if you have thought this could be implemented in the work environment."

  • "How would this be developed scripting wise?"

  • "I believe this would help students who are shy or who don't like conflict."

What's Next?

The project was completed at the end of my first semester of graduate school, basically last year. Since this is not my first rodeo (if you're interested in the first one click here) I am very happy with the results. In a perfect world, I would put a bow on this project and develop it. However, that's not possible since I am a perfectionist and I still want to take this project further especially since it was well accepted by my class.

If I was to go further with this project, (which I most certainly will) I was thinking of developing this or taking it under a possible topic I can expand on for my thesis topic. This would let me focus on designing both concepts equally, allow me to conduct workshops to gain further feedback or explore new ideas and provide me the opportunity to learn scripting languages.

bottom of page