NYC Data Science Academy Website Redesign

By re-organize the new navbar and redesign the bundle page, the academy achieved 200% growth in sales during the first day of launch

Project 1: NYC Data Science Academy Website Redesign



As one of the most important ways of presenting the company, the website ( requires an update of the content, structure and visual elements to provide better user experience and solve issues existing on the current website.

Time/ Duration

Jan 2019 - May 2020


  1. ​Understanding the current site structure and products offered 

  2. Understanding the target audience about their pain points and goals

  3. Conducting research to back up design decisions

  4. Prioritizing tasks/web page for developing

  5. Providing a better experience throughout the whole website by producing designs, iterations, and specification documentation

  6. Holding meetings to present proposals, research, and designs to the development team, marketing team and CTO

  7. Monitoring the process of developing, providing feedback and testing the final products


  1. Reorganized the product navigation bar to provide a clear view of products offered
  2. Introduced new products, Bundles, to the clients, and achieved 200% sales growth the first day of launch

  3. Renaming products and page to avoid confusion

  4. Introduced financing options throughout the site 

  5. Designed and generated content on the Bootcamp page with information that is essential for the clients 

  6. Designed and launched the checkout process and shopping cart page for both web and mobile platform

  7. Designed and launched the hiring partner page for better visual experience and linkage to the other product: Job Portal

Application Process Mock-up - Launching Soon


Project 2: NYC Data Science Academy Job Portal


NYCDSA provides career support including resume revision, opportunities to apply for exclusive jobs for qualified students. Job Portal ( is the progressive web app that helps students to develop their profile resume, apply for jobs and connect with the career support team; for the hiring partners to get to know our students and contact candidates who apply for their jobs; and for the admin team to coordinate and manage the activities.

Time/ Duration

Jan 2019 - May 2020

Mentor Meeting Scheduler - Live


  1. Provide solutions for, from the student perspective, how to build a profile, apply for jobs and connect with NYC Data Science Academy mentors

  2. Provide solutions for, from the hiring partner perspective, how to browse students, receive applications for their jobs, and connect with NYC Data Science Academy Administration team

  3. Provide solutions for, from the NYC Data Science Academy Administration team perspective, how to manage students, mentors, job postings, mentor meetings, and system emails

  4. Host weekly meetings to discuss new requests, review tickets and assign tasks in Jira


Review implementation

  1. Launched the student profile resume feature including profile editors and resume book

  2. Launched job board feature that allows admin to post jobs, students to apply for jobs and hiring partners to view candidates and contact both candidates and NYC Data Science Academy administration

  3. Launched a mentor meeting feature that allows students to book meeting with mentors, rate mentors; mentors to manage their meetings; and administration team to monitor the mentors and the meetings


Project 3: NYC Data Science Academy Brand Guidelines


To help NYC Data Science Academy build its image and regulate how it presents itself to external clients and internal employees, the beneficiary launched the brand guidelines. In the guidelines, the beneficiary has formatted various templates that play an important role in display brand identity. 

Time/ Duration

Feb, 2019 - April, 2019


  1. Interviewed company employees, synthesized insights and understood the company values, stories, and history

  2. Formatted company figure by providing guidelines on visual elements and templates


  1. Defined company values, stories and the tone of voice

  2. Selected company color palette, typefaces, and usage of the logo

  3. Redesigned the course logos and regulated the style of company icons

  4. Provided templates for presentation, social media posts and company emails


Project 4: NYC Data Science Academy Online Classroom

Quiz- Live

Progress Viewer - Live


The NYCDSA Online Classroom system is a progressive web app that assists students to access course materials and related content. In this app, the admin portal is also designed and implemented to manage to enroll students, teaching assistants and course materials.

Time/ Duration

Jan 2019 - May 2020


  1. Provide a smooth experience for students who have signed up for the boot camp products to access course materials, taking quizzes, and submitting projects

  2. Create an intuitive experience for administration team and instructors to manage programs, students and assignments

  3. Host weekly meetings to discuss new requests, review tickets and assign tasks on Jira 


  1. Updated programs feature including the UI improvements and the workflow for students to review class video recording and download course documents

  2. Designed and launched student workflow including on-boarding experience, taking quizzes, and submitting homework and projects

  3. Designed and launched the referral feature for alumni to refer their friends and for administration team to collect, monitor, and analyze data for marketing insights

  4. Designed and launched progress viewer for instructors to have a clear overview of whether a student has met the part-time courses graduation standard


More Projects...

Esport Stock Market

Creating an on-boarding experience for an Esport Stock Market Progressive Web App


Grow while your plants are growing! The app that manages your plants at home

©2020 by Nicole Song. 

  • linkedin
  • dribbble