<- Back
01 Research02 Define03 Design04 Final UI05 Measuring Success06 Next Steps
STEAM Education technology, resources, and consultations
Visit Live Site
Background
Fluxspace was created just before the pandemic had occurred. They were looking for ways to improve their online presence since their primary focus is educating students and outfitting schools with technology. Their team have a mission to share what the future of education looks like. Whether its new PA STEELS standards or a new type of fabricating products, Fluxspace covers it all.
Challenges
Similar to another project I've done that focuses on demonstrating the importance of space in an online medium. This one is no different. The biggest challenge is sharing the same amount of passion and wonder about the future on the website as demonstrated by the team in-person.
What I Accomplished
  • A full redesign and implementation to better fit an innovative tone
  • Design, animated, and implemented spaces interactions to be more immersive for the clients
  • Designed and developed better stories to explain all the product that we believe in
Type
Product Design
Role
Research, UI/UX Design, Illustration, Animation, Development
01 Research
Where are we today?
My first step when looking at this project was to figure out where to start. The whole site was in need of a revamp. From the visual and interaction design to the organization of the code to develop the site. There was no clear story that was being told from the brand guideline. So, I started with finding all of the inconsistencies and simplifying the stories we were telling.
What our users said
"We need easy access to high-quality STEAM lesson plans that engage students and align with curriculum standards."
"Comprehensive professional development resources are essential for integrating STEAM into our classrooms."
"User-friendly tools and technologies that enhance student learning and creativity are a top priority."
"Clear, evidence-based information on the latest STEAM trends and best practices helps us make informed decisions."
Analyzing the current system
Accessing resources
This is the information they were providing to schools for educational purposes. They created content that were STEAM challenges for teachers to utilize as lessons.
Accessing spaces and products
They also included possible layouts and floorplans for new types of learning environments. As well as, case studies to provide credibility and an information page on the technologies that they offered.
Okay, what was the business saying?
Business Goal 1
Curate and Provide High-Quality Content
Business Goal 2
Grow the company and be able to open more Fluxspace locations
Business Goal 3
Offering technologies that we fully support an believe in
Business Goal 4
Troubleshoot any technological issues a school might be having
Key Takeaways
The Users...
Are worried about the quality of content/technology that they are receiving and how it impacts their students.
The Business...
Wants to provide products that they believe in, attract new clients, and spread their mission of innovating the education system.
Key Ideas
Quality
Resources
Support
Understanding
Functional
02 Define
Meet the 4th Grade Teacher
When designing, especially before starting to implement my solutions, it helps me really get into the user's mindset by creating personas. Having the ability to bounce ideas off of list of preferences, needs, and frustrations have elevated my understand for the designs I'm creating.
How can we improve Kelly's journey?
And the business' bottom line?
Business Goal 1
Curate and Provide High-Quality Content
Ensure all the content is in one location and presented in a comprehensive way
Business Goal 2
Grow the company and be able to open more Fluxspace locations
Having teachers experience our resources and spread the word to others about us
Business Goal 3
Offering technologies that we fully support an believe in
Providing pages for product that explain all the applications and spaces they would benefit
Business Goal 4
Troubleshoot any technological issues a school might be having
Offering a service to schools when they need a repair to any piece of technology
So what features were needed?
With an understanding of our user's pain points related to the current system, and the main business goals we want to achieve. It's time to start mapping out the features I'd like to implement into the new system.
03 Design
Breaking it down
With ongoing projects like these, it's impossible to show the true scope of the amount of ideation that goes into these projects. The examples below are just a quick overview of a select few of the pages. There's no such thing as a design that doesn't need iterations, updates, feedback, improvements, etc.
Products
Spaces Nav
Products
Landing
04 Final UI
Visit Live Site
05 Measuring Success
Identifying our goals
Completing my goals in a project is important because it ensures the project truly addresses user needs, resulting in a more satisfying and effective experience.
Providing high-quality content
Created a full repository of articles and information about elevating teacher's classrooms
Offering technologies that we fully support
Developed pages that are fully interactive and informational regarding product specifications
Grow our connections with schools and educators
Creating expressive illustrations of potential floorplans for inspiration
06 Next Steps
Where are we today?
Fluxspace is constantly evolving. We recently published updates to the spaces pages, enhancing user immersion in the environments we aim to showcase. Our current focus is on making our mission clearer and more accessible. To achieve this, I am pushing towards updating the About and Home pages to better convey our story and objectives.
Thank you for reaching out! I'll be in touch shortly!
Oops! Something went wrong while submitting the form.