➗ Operation Math - Website Designer & Developer

OpMath is a hybrid tutoring service that utilizes digital platforms to enhance in-person lessons and create a personalized math learning path for students.

My Role

Illustrator
UI/UX Designer
Web Developer

Timeline

12 weeks

Team Members

1 Project Manager
2 Designers
1 Content Creator
1 Developer

Tools

Abobe Illustrator
Procreate
Figma
WebFlow (JS)

Overview

Phase 1

Client Onboarding

Our project team of 4 met virtually with our client, Operation Math. The goal of this onboarding process was to identify what the client wanted in their new landing page. It was imperative that we maintained what was achievable given the timeframe as well as delivering a project the client is excited about.

Phase 2

UI/UX Wireframing

Using Figma, our team worked together to create Lo-Fi, Mi-Fi, and Hi-Fi mockups of what we wanted to build out for the website. At the end of each stage, we sent the mockups to Operation Math to receive feedback in order to guide us as we made edits and revisions.

Phase 3

Asset Illustrating

After solidifying our website UI/UX, I created original asset illustrations using Adobe Illustrator and Procreate. These assets would match the mission and color palette of Operation Math.

Phase 4

Web Development Building

Finally, we built out the Figma mockup on WebFlow. We added custom code to personalize the landing page and prevent it from looking like a templated site. The complete website can be found at opmath.com.

Phase 1 - Client Onboarding

Phase 2 - UI/UX Wireframe

Phase 3 - Asset Illustration

Phase 4 - Web Development Building

View full website with this link: opmath.com