top of page
Laptop Mockup.jpg

A Modern Website redesign for a technology-driven business that 

captures and intergrates life sciences research data

Project 
Client - Iseehear Inc, Toronto
Timeline - January 2024 - April 2024

 
Goal

This project involved a complete redesign of the website as the existing website was outdated. The goal was to enhance the user experience, interface elements and boost the overall functionality.  
Design Process 

Research

Setting goals
Competitor analysis
Identifying pain points
Gathering insights 

Ideation

Visual Analysis
Brainstorm Ideas
Develop Wireframes

Prototype

User Flow
Information Architecture
Functional Prototype 

UI Design

Interface Elements
Accessibility 
Animation

 

Laptop Mockup 2of1.jpg
Problem

The common pain point was that the existing website was outdated. It lacked to deliver the aesthetic quality and ease of navigation across pages. 
Lack of visual appeal
Too much navigation
Inconsistent branding elements and colour scheme
Lack of interactive elements
Complex and confusing Information architecture 
Role

I spearheaded the redesign of the website with a focus on UI/UX and Visual Design. I carved out the happy path that a user would like to take. The new website is a single page website that is user friendly, visually appealing and intuitive with a cohesive color scheme and consistent branding. 
UI Elements

Typography


The typeface and fonts were chosen from the organization's existing design system to maintain consistency.   
Frame 40.jpg
Color Scheme

The colors used in the website application were carefully selected from the company's logo and existing design system to ensure brand consistency and recognition. By leveraging the established color palette, the design maintains a cohesive and professional appearance that aligns with the company’s visual identity.

 

The primary colors from the logo were applied to key interface elements such as navigation bars, buttons, and highlights, reinforcing the brand presence throughout the application. Secondary colors from the design system were used for backgrounds and secondary buttons, creating a balanced and harmonious look.

 

This approach not only enhances the visual appeal but also provides users with a familiar and intuitive interface, ultimately improving their overall experience with the application.

Frame 41.jpg
Interactive Elements
Frame 42.jpg

Grid

Screenshot 2024-06-13 145011.png
Frame 44.jpg

Navigation Bar

Frame 43.jpg
2023_04_06_Iseehear_logo_final.png
Laptop Mockup Portfolio Section.jpg
Laptop Mockup STory Section.jpg
Desktop Prototype.png

Thanks! 

bottom of page