top of page
WrkCkr
Overview
An independent study in which consisted of software developers, engineers, as well as my position of a UX designer, to collaborate, brainstorm ideas, and develop a MVP for the purpose of creating a pitch.
In retrospect, as the role of the UX designer with experience in user research, I generated a plan in which consisted of the following:
(a.) User Research
(b.) Wireframes
(c.) Prototypes
(d.) Usability Testing
User Research
In order to remain time-efficient and cost-effective, a survey was generated in order to identify and distinguish the needs, wants, frustrations, and pain points that users experience when job seeking within the tech field. Being that team members shared contrasting perspectives on the features of the deliverable MVP, it was important to obtain clarity and transparency via user research.
The user research addressed the following aspects:
(a.) Challenges users encountered during job seeking process
(b.) User demographics
(c.) Ways to accomplish user goals
![Survey.[A].png](https://static.wixstatic.com/media/ccd845_e4d6fac1b1df44e284d94f11953996ee~mv2.png/v1/crop/x_0,y_208,w_3772,h_2782/fill/w_980,h_723,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Survey_%5BA%5D.png)
![Survey.[B].png](https://static.wixstatic.com/media/ccd845_6d30ace3188c4ad38c4b1a3117bc0c61~mv2.png/v1/crop/x_0,y_223,w_3772,h_2844/fill/w_980,h_739,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Survey_%5BB%5D.png)
Wireframes and Prototypes
After assessing the discoveries presented in our research findings, I was able to identify that creating an accessible mobile app that addresses the users needs for mentorship and industry connections was the ultimate goal to accomplish. In order to complete the process, wireframes and prototypes needed to be developed as a MVP for usability testing.
A pencil and paper was used for the process of wireframes whereas Figma was incorporated to accomplish the process of prototyping. The main objective was to create a user-centered and interactive MVP that did not have a complex interface, simple to understand, as well as user-friendly
Low-Fidelity
After I was able to identify and distinguish the overall navigation of the app, I started to sketch low-fidelity wireframes that addressed the users needs and wants
Sketches
Task #1: Have the ability to select and assign specific job opportunities along with an advisor
![Splash.Screen.[Low.Fidelity].png](https://static.wixstatic.com/media/ccd845_483760b0a6a64839b212b91dcfa30071~mv2.png/v1/fill/w_146,h_246,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Splash_Screen_%5BLow_Fidelity%5D.png)
Splashscreen
![Onboarding.[Low.Fidelity].[a].png](https://static.wixstatic.com/media/ccd845_0c0ba119bbf6488a9a730b53b4b12572~mv2.png/v1/fill/w_151,h_247,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Onboarding_%5BLow_Fidelity%5D_%5Ba%5D.png)
Onboarding
(a.)
![Onboarding.[Low.Fidelity].[b].png](https://static.wixstatic.com/media/ccd845_3bff6feaf8af43c19b3cb433325436fa~mv2.png/v1/fill/w_145,h_247,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Onboarding_%5BLow_Fidelity%5D_%5Bb%5D.png)
Onboarding (b.)
![Companies.[Low.Fidelity].png](https://static.wixstatic.com/media/ccd845_be75cee4281143c58de8a277c29e0d90~mv2.png/v1/fill/w_145,h_247,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Companies_%5BLow_Fidelity%5D.png)
Company Directory
![About.Companies.[Mid.Fidelity].png](https://static.wixstatic.com/media/ccd845_be6fb7fcb7bb468a86580d8f22a124e3~mv2.png/v1/fill/w_152,h_246,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/About_Companies_%5BMid_Fidelity%5D.png)
Company Profile
![Mentors.[Low.Fidelity].png](https://static.wixstatic.com/media/ccd845_2fd5a45a69224324936e813e69895a96~mv2.png/v1/fill/w_149,h_247,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Mentors_%5BLow_Fidelity%5D.png)
Mentor Directory
![About.Mentors.[Low.Fidelity].png](https://static.wixstatic.com/media/ccd845_54257353459b4d29845331b56a9fe040~mv2.png/v1/fill/w_156,h_247,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/About_Mentors_%5BLow_Fidelity%5D.png)
Mentor Profile
Feel free to preview the entire low-fidelity prototype
Mid-Fidelity
Next, I included UI elements during the process of creating mid-fidelity wireframes to support the functionality of the app when operated by users
Task #1: Have the ability to select and assign specific job opportunities along with an advisor
![Splash.Screen.[Mid.Fidelity].png](https://static.wixstatic.com/media/ccd845_f21fcc7b0c2f41caad6e558ffb959792~mv2.png/v1/crop/x_0,y_9,w_415,h_833/fill/w_123,h_247,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Splash_Screen_%5BMid_Fidelity%5D.png)
Splashscreen
![Companies.[Mid.Fidelity].png](https://static.wixstatic.com/media/ccd845_bf78546601614a3bb24793d52737f466~mv2.png/v1/crop/x_0,y_9,w_415,h_833/fill/w_123,h_247,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Companies_%5BMid_Fidelity%5D.png)
Company Directory
![Onboarding.Screen.[Mid.Fidelity].[a].png](https://static.wixstatic.com/media/ccd845_6001222003cc4e88bf8e6aa6f5686ab3~mv2.png/v1/crop/x_0,y_9,w_415,h_833/fill/w_123,h_247,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Onboarding_Screen_%5BMid_Fidelity%5D_%5Ba%5D.png)
Onboarding
(a.)
![Onboarding.Screen.[Mid.Fidelity].[b].png](https://static.wixstatic.com/media/ccd845_0c232cc654074d13b01c00ee70fff5e6~mv2.png/v1/crop/x_9,y_0,w_397,h_852/fill/w_115,h_247,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Onboarding_Screen_%5BMid_Fidelity%5D_%5Bb%5D.png)
Onboarding (b.)
![About.Goldman.Sachs.[Mid.Fidelity].png](https://static.wixstatic.com/media/ccd845_957d63e723464c7da3c86488e3975eb5~mv2.png/v1/crop/x_0,y_9,w_415,h_833/fill/w_123,h_247,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/About_Goldman_Sachs_%5BMid_Fidelity%5D.png)
Company Profile
![Mentors.[Mid.Fidelity].png](https://static.wixstatic.com/media/ccd845_fc89103788e742898aa0fc95b5b6eba7~mv2.png/v1/crop/x_0,y_9,w_415,h_833/fill/w_123,h_247,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Mentors_%5BMid_Fidelity%5D.png)
Mentor Directory
![About.Mentor.[Mid.Fidelity].png](https://static.wixstatic.com/media/ccd845_b30504d93c624d1dbb836e848eece711~mv2.png/v1/crop/x_0,y_9,w_415,h_833/fill/w_123,h_247,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/About_Mentor_%5BMid_Fidelity%5D.png)
Mentor Profile
Feel free to preview the entire mid-fidelity prototype
Final Prototype
![Splash.Screen.[High.Fidelity].png](https://static.wixstatic.com/media/ccd845_7441516ca2f84761a12cbfe13495094e~mv2.png/v1/crop/x_0,y_9,w_415,h_833/fill/w_123,h_247,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Splash_Screen_%5BHigh_Fidelity%5D.png)
Splashscreen
![Companies.[High.Fidelity].png](https://static.wixstatic.com/media/ccd845_f6580ce82e7c4e22b8da62f8054617d4~mv2.png/v1/crop/x_0,y_9,w_415,h_833/fill/w_123,h_247,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Companies_%5BHigh_Fidelity%5D.png)
Company Directory
![Onboarding.Screen.[High.Fidelity].[a].png](https://static.wixstatic.com/media/ccd845_6e4b06986c3d49a6a6a1aedce3254fa6~mv2.png/v1/crop/x_0,y_9,w_415,h_833/fill/w_123,h_247,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Onboarding_Screen_%5BHigh_Fidelity%5D_%5Ba%5D.png)
Onboarding
(a.)
![Onboarding.Screen.[High.Fidelity].[b].png](https://static.wixstatic.com/media/ccd845_8b25a97cbdca4396a8c51b1510e682e4~mv2.png/v1/crop/x_9,y_0,w_397,h_852/fill/w_115,h_247,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Onboarding_Screen_%5BHigh_Fidelity%5D_%5Bb%5D.png)
Onboarding (b.)
![About.Goldman.Sachs.[High.Fidelity].png](https://static.wixstatic.com/media/ccd845_7e39c68654694a08b3c6c07d7ce7c61a~mv2.png/v1/crop/x_0,y_9,w_415,h_833/fill/w_123,h_247,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/About_Goldman_Sachs_%5BHigh_Fidelity%5D.png)
Company Profile
![Mentors.[High.Fidelity].png](https://static.wixstatic.com/media/ccd845_2356e58feabd4086945a895ebbd3f8a0~mv2.png/v1/crop/x_0,y_9,w_415,h_833/fill/w_123,h_247,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Mentors_%5BHigh_Fidelity%5D.png)
Mentor Directory
![About.Mentor.[High.Fidelity].png](https://static.wixstatic.com/media/ccd845_534150eb590b4c66b23a88f115caa3ba~mv2.png/v1/crop/x_0,y_9,w_415,h_833/fill/w_123,h_247,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/About_Mentor_%5BHigh_Fidelity%5D.png)
Mentor Profile
Finally, I completed an official and finalized version of the prototype that included high-fidelity screens
Usability Testing
In order to ensure that the prototype addressed the needs and wants of the users, it was imperative to connect with 3 of the survey participants to participate in a brief usability testing session. However, prior to connecting to the participants, I made sure to connect with members of the team to test the prototype and identify any existing frictions, content, and/or user interactions that require modifications.
The usability testing revealed that users were able to comprehend the functionality of the prototype as well as the goal it is attempting to accomplish
Task #1: Have the ability to select and assign specific job opportunities along with an advisor
Conclusion
In retrospect, the MVP was able to not only exhibit the proposal but also present the ideas and discoveries found in the completed prototype. I was able to determine that (a.) user research is extremely important to validate and guide the objectives, (b.) the MVP was user-friendly and simple to operate for users, (c.) the MVP focused on the two core features, (d.) the high quality visuals were used well to complement the functionality of the MVP, and (e.) the roadmap, in terms of scalability, was able to address partnerships
bottom of page