back
UI/UX DESIGN, WEB DESIGN & DEVELOPMENT, DATABASE MANAGEMENT
Reach Studio

Role: Senior Web Designer

reachstudio.ca

Project Toolkit

  • HTML
  • CSS
  • PHP
  • Bootstrap
  • JavaScript/jQuery
  • MySQL

REACH Studio represents an interdisciplinary network which brings creatives and academics together to produce innovative new approaches to learning and research. .

In my role as Senior Web Designer, I:

  • Met with the project director to collect project requirements
  • Designed the project website in Figma as an interactive high-fidelity prototype
  • Developed a responsive website using Bootstrap, HTML5, JavaScript, CSS, and PHP
  • Imported and organized project data into MySQL tables from an Excel sheet of over 11,400 records
  • Maintained a MYSQL database used to manage the content on the website
  • Developed a search feature allowing users to query the database with data presented as cards or a table

After a client consultation for project requirements, I created an interactive Figma prototype.

I designed landing pages for each of the four research projects related to the studio's areas of interest. The pages feature an image that represented the research, a project description, and a heading that described the research in one sentence along with a button to an external project website.

I created a search feature allowing users to query the project's MySQL database. The search criteria is based on the columns of the database and the search uses Ajax JavaScript and PHP to fetch and display results. Results are presented either in a card or table view.

When the "view details" button is clicked, the data record's metadata is presented in an overlay window.