Curriculum Vitae (Nancy's Version)

.

Freelance Website Dev

πŸ“ (TBA) β€’ Toronto, ON β€’ Remote
  • Next.js; Payload CMS (headless CMS integration)
  • to be added :)

React Web Developer

πŸ“ First Sip Matcha Bar β€’ Toronto, ON
  • Migrate to a fullstack e-commerce application using Square Checkout API and Next.js, with REST API, PostgreSQL and Prisma ORM for cookie-based user authentication, and React as the frontend
  • Collaborate with the founder to extend design workflows and business goals, and lead end-to-end process from wireframes to MVP deployment
  • Improve user experience through Incremental Static Regeneration, Static Site Generation, and web accessibility (a11y, WAI-ARIA)
  • Achieve a Google Lighthouse score of 98 by optimizing page load speeds and SEO for best visibility
  • Prepare development stack for end-to-end testing and headless CMS integration to achieve modern CI/CD pipeline

Lead Barista

πŸ“ First Sip Matcha Bar β€’ Toronto, ON
  • Lead operations across 10+ pop-up stores, ensuring high-quality beverages and excellent customer service
  • Increase B2C sales by leveraging products knowledge (45+ recipes), making personalized recommendations, and educating staff and customers on matcha tea blends
  • Strengthen customer retention (18% return rate) for a small business by fostering strong relationships and translating manager feedback into improvements in service and product offerings
  • Handle barista training, order priorities, cash/POS, inventory audits and opening/closing duties, as required
  • Maintain clean workspaces and ensure full compliance with health/food safety protocols and local regulations

Student Mentor Captain

πŸ“ Lassonde School of Engineering, York University β€’ Toronto, ON
  • Conducted in-person and remote workshops for groups of 30-32 first-year Computer Science students
  • Increased remote attendance and engagement by 8-13 students through interactive presentation software
  • Coordinated with the student recruitment team to successfully address students' academic and career challenges

Program Mentor

πŸ“ K2I Academy, York University β€’ Toronto, ON β€’ Remote
  • Co-led an accelerated end-to-end design process, from concept to MVP delivery
  • Managed a cross-functional team of 10 high school students, and led resource planning and final presentation to stakeholders, ensuring deliverables for each project deadline
  • Designed introductory mobile UX curriculum to help students with their fire safety and prevention initiative
  • Oversaw project scopes and reported daily outcomes to manager, ensuring no scope creep
  • Facilitated a virtual learning program aligned with the science and technology curriculum, resulting in increased interest in further STEM education among all students

Fancy Bear Photobooth | Web Application

  • Figma
  • React.js
  • Git
  • Led frontend development and UX design in a one-month design sprint to adapt the traditional user journey of Korean-style photo booths
  • Improved mobile performance by 60% by optimizing dynamic HTML Canvas rendering of 2D graphics
  • Implemented user-centred responsive designs for cross-browser compatibility, drastically improving user experience and reducing error rates by 40%
  • Built a freeform image decorator using Event and Canvas APIs to allow users to customize the final products, featuring robust undo/redo functionality, handling of finger gestures and pointer devices inputs, and 20+ custom stickers
  • Led technical documentation in a storytelling format to convey complex product aspects effectively
  • Hosted on GitHub as a single page application reached 10,000+ viewers

Apple Fitness: Rest Day | UI Mockup

  • Figma
  • Conceptualized a new feature into a design mock-up using the Apple design systems for iOS and watchOS
  • Researched existing users to determine the feasibility and scope of the ability to pause exercise goals for one day
  • Streamlined the UI to de-emphasize goal completion, reduce cognitive load, and ensure clarity across multiple touchpoints

Global Repatriation Council | Website

  • Figma
  • HTML
  • CSS/SCSS
  • jQuery
  • Developed a 6-page static website for a fictional organization tasked with restoring global stability, inspired by the Marvel Cinematic Universe media franchise
  • Designed the information architecture for a global disaster response by analyzing COVID-19 public health protocols and communication strategies
  • Customized a design system aligned with the Web Content Accessibility Guidelines (WCAG) by extending the United States Web Design System
View all projects

Media Executive

πŸ“ yuHack β€’ Toronto, ON
  • Improved team workflow efficiency with collaborative design tools (Canva)
  • Collaborated on the development of social media marketing and advertising campaigns
  • Developed a cohesive design palette aligned with the yuHack brand guidelines
  • Managed media assets, team deadlines, event announcements, and social media engagement with hackers, students and sponsors

Media and Marketing Executive

πŸ“ Lassonde School of Engineering, York University β€’ Toronto, ON
  • Helped incoming first-year students for Fall 2020
  • Planned and coordinated social events, educational opportunities, and networking initiatives for Frosh orientation
  • Applied UI design principles to create posters and advertisements
  • Increased social media engagement through daily announcements and advertisements
  • Collaborated on apparel design for Executives, Captains, and Leaders

Community Moderator and Campus Ambassador

πŸ“ Lassonde School of Engineering, York University β€’ Toronto, ON
  • Helped incoming first-year students transition to post-secondary education
  • Created virtual introductory workshops on web development (HTML, CSS, JS) and Java programming
  • Moderated the Slack workspace for students and peer moderators across all channels
  • Coordinated with the student recruitment team to provide relevant resources
  • Contributed to academic, social, and mental health conversations

Media and Marketing Executive

πŸ“ ElleHacks β€’ Toronto, ON
  • Applied UX/UI principles to collaborative design planning
  • Recruited as a designer and video editor
  • Assisted event volunteers to ensure smooth execution of the hackathon
  • Gained experience working with university-wide organizations, contrasting with prior involvement in high school clubs
  • Gained experience in budgeting, sponsorship challenges, and time management

Student Mentor

πŸ“ Go Code Girl β€’ Toronto, ON
  • Mentored in programming basics to female students across elementary to high school
  • Simplified concepts like HTML DOM (Document Object Model) using relatable or relevant methods
  • Collaborated on an introductory web development workshop with HTML and CSS
  • Encouraged students to explore independently using W3Schools

Student Ambassador, Lead

πŸ“ A. Y. Jackson Secondary School β€’ Toronto, ON
  • Promoted to Grade 12 Lead Ambassador (September 2018), tasked with early arrival and coordination with teaching staff
  • Assisted with operations for school events such as Parent-Teacher Conferences and Picture Day
  • Led and trained current and new student ambassadors in effective communication and assistance techniques

Skills

Tools and Frame­works

Figma, UX Design, Solution Design, Responsive Design, Agile, React, Git, TailwindCSS, Visual Studio Code, Android Studio, Adobe After Effects, Microsoft Office Suite, G-Suite

Program­ming

HTML, CSS/SCSS/SASS, JavaScript, jQuery, Python, Java, C/C++, UNIX, MySQL

Personal

Hobbies

Movies, Gaming, Coding, Sports, eSports, Music, Piano, Drawing, Painting, Baking, Writing, DIY Projects, Knitting (NEW)

Likes

Marvel Cinematic Universe (MCU), PokΓ©mon, National Basketball Association (NBA), Toronto Raptors, Volleyball, Hockey (sometimes), Toronto Blue Jays (NEW)