![Black Simple Pencil Sketch Storyboard (20).png](https://static.wixstatic.com/media/2e0764_4829d0d16df54dcbac95f5a036e80324~mv2.png/v1/fill/w_702,h_378,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Black%20Simple%20Pencil%20Sketch%20Storyboard%20%20(20).png)
Summer Internship 2023
How Did I Revamp the User Experience for Columbia University's Center of Usability and Experience Design Website?
What's the Big Picture of My Summer Internship Project?
Duration
8 weeks
Team
Solo Project
Tools
![](https://static.wixstatic.com/media/2e0764_8e5f44d8cd5749c5ba3f5de9da93d5f0~mv2.png/v1/fill/w_35,h_36,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/2e0764_8e5f44d8cd5749c5ba3f5de9da93d5f0~mv2.png)
![](https://static.wixstatic.com/media/2e0764_5d70066ed8214ddda1805ee02929c5a2~mv2.png/v1/fill/w_35,h_36,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/2e0764_5d70066ed8214ddda1805ee02929c5a2~mv2.png)
What did I do?
Usability Testing
Lo-Fi Design
High-Fi Design

What Adventures Did I Embark On During My Internship?​
During my summer internship at CUIT, I actively supported the entire UX and digital production pipeline, contributing to essential meetings and meticulously documenting key discussions and decisions. My experience extended to conducting comprehensive UX research for Columbia University's Center of Usability and Experience Design Website, where I gathered and analyzed both quantitative and qualitative data, and executed usability tests. Additionally, I crafted wireframes, prototypes, and presentations to significantly enhance the user experience, showcasing my ability to translate complex user needs into practical digital solutions.
What Surprising Insights Did Usability Testing Uncover?
![Screenshot 2024-06-03 at 2.59.21 PM.png](https://static.wixstatic.com/media/2e0764_d8fc000f096746d1ab916c395cde95c5~mv2.png/v1/fill/w_95,h_75,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/2e0764_d8fc000f096746d1ab916c395cde95c5~mv2.png)
Underutilization of Key Content
![Screenshot 2024-06-03 at 3.01.12 PM.png](https://static.wixstatic.com/media/2e0764_f09c8237421d49feb7e0e18decc5082a~mv2.png/v1/fill/w_73,h_75,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/2e0764_f09c8237421d49feb7e0e18decc5082a~mv2.png)
Complex Website Navigation
![Screenshot 2024-06-03 at 3.07.56 PM.png](https://static.wixstatic.com/media/2e0764_80e1bcc13ec847f1a203105735a1ca1a~mv2.png/v1/fill/w_63,h_63,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/2e0764_80e1bcc13ec847f1a203105735a1ca1a~mv2.png)
Necessity for Website Redesign
![Screenshot 2024-06-03 at 3.06.03 PM.png](https://static.wixstatic.com/media/2e0764_f8e3e57bacab4c59a99c80508dfb6e00~mv2.png/v1/fill/w_60,h_62,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/2e0764_f8e3e57bacab4c59a99c80508dfb6e00~mv2.png)
High User Drop-off Rates
Which Metrics Showed Our Redesign Was a Hit?
Outcomes at a Glance
47%
Average Time on Page
9%
User Visits and Pageviews
13%
Exit Rate
How Did I Tackle the Final Design Phase?
​
The website redesign project began with usability testing involving peers to identify effective elements and areas needing improvement. Based on this feedback, the designs were iterated approximately 10-15 times per section, refining each until the final design was achieved. After implementation, a comprehensive website analysis was conducted to evaluate changes in user interactions, ensuring the redesign effectively enhanced the overall user experience and met project objectives.
![5.png](https://static.wixstatic.com/media/2e0764_23718ddc22fe4efbaee6c66a64ee10fb~mv2.png/v1/fill/w_570,h_455,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/2e0764_23718ddc22fe4efbaee6c66a64ee10fb~mv2.png)
How Did I Elevate the Landing Page Experience?
The landing page succinctly introduces the center’s services and resources. It features an intuitive layout with direct access to information on usability testing, services offered, research methods and educational content, enhanced by prominent call-to-action buttons and straightforward navigation.
Centered Alignment of Text and Image
![noun-arrows-1901711_edited.png](https://static.wixstatic.com/media/2e0764_f9c73f52e58945adaa470329661f173b~mv2.png/v1/fill/w_75,h_86,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/noun-arrows-1901711_edited.png)
![noun-arrows-1901711_edited_edited.png](https://static.wixstatic.com/media/2e0764_d5a47e738c1749148b9909ea4d52e76a~mv2.png/v1/fill/w_75,h_86,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/noun-arrows-1901711_edited_edited.png)
![noun-arrows-1901711_edited.png](https://static.wixstatic.com/media/2e0764_f9c73f52e58945adaa470329661f173b~mv2.png/v1/fill/w_75,h_86,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/noun-arrows-1901711_edited.png)
Improved Readability of Text Over Background
Enhanced Visual Appeal with Thumbnail Cards
2. How Did I Upgrade the Services Offered Page?
The subpage offers users a detailed outline of the various services provided by the center. Accessible directly from the landing page, this section effectively introduces the range of support options available, including usability testing, UX consultation, and design strategy services, to enhance project outcomes for researchers and developers within the university community. This page serves as a crucial resource for users seeking specialized assistance in improving user interfaces and experiences.
Refined Layout with Enhanced Clarity and User Engagement
![BOX 2.png](https://static.wixstatic.com/media/2e0764_72c8a4eb2d2e4cc6b415fa37d2df52e9~mv2.png/v1/fill/w_453,h_212,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/2e0764_72c8a4eb2d2e4cc6b415fa37d2df52e9~mv2.png)
![BOX 2.1.png](https://static.wixstatic.com/media/2e0764_eaf8dfe9b25a40fd9d8431813de88655~mv2.png/v1/fill/w_428,h_212,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/2e0764_eaf8dfe9b25a40fd9d8431813de88655~mv2.png)
Streamlined Service Categorization and Enhanced Content Clarity
![Screenshot 2024-06-03 at 6.30.00 PM.png](https://static.wixstatic.com/media/2e0764_4e070704da7442e3b115623de79b9f34~mv2.png/v1/fill/w_444,h_204,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/2e0764_4e070704da7442e3b115623de79b9f34~mv2.png)
![BOX 3.1.png](https://static.wixstatic.com/media/2e0764_061b1cd4e8214a768e8683ce98e811a7~mv2.png/v1/fill/w_444,h_206,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/2e0764_061b1cd4e8214a768e8683ce98e811a7~mv2.png)
Enhanced Table Design with Clickable Links and Optimized Icon Placement
![Screenshot 2024-06-03 at 6.58.32 PM.png](https://static.wixstatic.com/media/2e0764_ef3571199e7d47f190c1183bd7d03757~mv2.png/v1/fill/w_398,h_280,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/2e0764_ef3571199e7d47f190c1183bd7d03757~mv2.png)
![BOX1.1.png](https://static.wixstatic.com/media/2e0764_c667e40b2b2747689fd0a6bca04de7d0~mv2.png/v1/fill/w_457,h_356,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/2e0764_c667e40b2b2747689fd0a6bca04de7d0~mv2.png)
What Are My Biggest Takeaways from This Internship?
1. Understanding Design Systems
Studying Columbia's design system deepened my appreciation for design language and the importance of intricate details.
2. Creative Exploration
Working solo on the redesign allowed me to fully explore and implement my creative ideas.
3. New Research and Accessibility Insights
I learned new research and design methods and gained insight into the importance of accessibility in university settings.
![Black Simple Pencil Sketch Storyboard (22).png](https://static.wixstatic.com/media/2e0764_cff91491a75c43dbb880d61108a727c8~mv2.png/v1/fill/w_334,h_180,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Black%20Simple%20Pencil%20Sketch%20Storyboard%20%20(22).png)