Ability Machine

Creative Studio By Neurodiverse Individuals

Project Type

End-to-end responsive website and branding

Role

Junior UX/UI Design Intern

Tools

Figma, FigJam

Scope

June 2025-October 2025

Project Type

End-end responsive website and branding

Scope

June 2025 - Oct 2025

Roles

Junior UX/UI Design Intern

Tools

Figma, FigJam

Providing a Space for Creative Neurodiverse Individuals

Providing a Space for Creative Neurodiverse Individuals

Providing a Space for Creative Neurodiverse Individuals

Often, workplaces fail to accommodate diverse minds, sensory needs, and alternative communication styles. The Ability Machine offers a studio environment designed intentionally for accessibility and inclusion, encouraging companies to partner with unique individuals. This approach produces stronger work and contributes to a more equitable industry.


Our role was to produce a website that meets WCAG accessibility standards and shows what The Ability Machine is and what The Ability Machine offers.

Often, workplaces fail to accommodate diverse minds, sensory needs, and alternative communication styles. The Ability Machine offers a studio environment designed intentionally for accessibility and inclusion, encouraging companies to partner with unique individuals. This approach produces stronger work and contributes to a more equitable industry.

Our role was to produce a website that meets WCAG accessibility standards and shows what The Ability Machine is and what The Ability Machine offers.

Often, workplaces fail to accommodate diverse minds, sensory needs, and alternative communication styles. The Ability Machine offers a studio environment designed intentionally for accessibility and inclusion, encouraging companies to partner with unique individuals. This approach produces stronger work and contributes to a more equitable industry.


Our role was to produce a website that meets WCAG accessibility standards and shows what The Ability Machine is and what The Ability Machine offers.

The Purpose of The Ability Machine

The Purpose of The Ability Machine

The Purpose of The Ability Machine

Supporting clients with creating work that showcases the capabilities of neurodiverse individuals, such as Illustrations, Graphic Design, Content Creation, and Visual Media. Ultimately, offering opportunity and excellence for both parties.

Supporting clients with creating work that showcases the capabilities of neurodiverse individuals, such as Illustrations, Graphic Design, Content Creation, and Visual Media. Ultimately, offering opportunity and excellence for both parties.

Supporting clients with creating work that showcases the capabilities of neurodiverse individuals, such as Illustrations, Graphic Design, Content Creation, and Visual Media. Ultimately, offering opportunity and excellence for both parties.

Setting Goals

Setting Goals

Setting Goals

The purpose of the site is to attract forward-thinking agencies that seek inclusive and meaningful work through a clear emphasis on social impact and accessibility. We use visuals that drive users to take action and provide guidance for learning more about The Ability Machine quickly, while keeping information architecture at the forefront.

The purpose of the site is to attract forward-thinking agencies that seek inclusive and meaningful work through a clear emphasis on social impact and accessibility. We use visuals that drive users to take action and provide guidance for learning more about The Ability Machine quickly, while keeping information architecture at the forefront.

The purpose of the site is to attract forward-thinking agencies that seek inclusive and meaningful work through a clear emphasis on social impact and accessibility. We use visuals that drive users to take action and provide guidance for learning more about The Ability Machine quickly, while keeping information architecture at the forefront.

Sitemap and wireframes

Sitemap and wireframes

Sitemap and wireframes

The current site for The Ability Machine is phase one that includes three pages. Phase two offers a more in-depth version with five pages that will be published in the future. The sitemap and wireframes were developed early on for five pages to ensure clear content hierarchy and intuitive user flows. This allowed for early feedback and collaboration for a bonsensus on what next steps to take to streamline the project.

The current site for The Ability Machine is phase one that includes three pages. Phase two offers a more in-depth version with five pages that will be published in the future. The sitemap and wireframes were developed early on for five pages to ensure clear content hierarchy and intuitive user flows. This allowed for early feedback and collaboration for a bonsensus on what next steps to take to streamline the project.

The current site for The Ability Machine is phase one that includes three pages. Phase two offers a more in-depth version with five pages that will be published in the future. The sitemap and wireframes were developed early on for five pages to ensure clear content hierarchy and intuitive user flows. This allowed for early feedback and collaboration for a bonsensus on what next steps to take to streamline the project.

fiNALIZING THE DESIGN

fiNALIZING THE DESIGN

fiNALIZING THE DESIGN

To support the immediate needs and growth of the creative studio, our focus was on an accessible structure. Our team worked closely with developers to ensure that we met all WCAG accessibility standards across the website to be usable by all people of all abilities. The design was eventually refined because of the evolving scope and time, to emphasize essential information while maintaining an inclusive foundation for future expansion.

To support the immediate needs and growth of the creative studio, our focus was on an accessible structure. Our team worked closely with developers to ensure that we met all WCAG accessibility standards across the website to be usable by all people of all abilities. The design was eventually refined because of the evolving scope and time, to emphasize essential information while maintaining an inclusive foundation for future expansion.

To support the immediate needs and growth of the creative studio, our focus was on an accessible structure. Our team worked closely with developers to ensure that we met all WCAG accessibility standards across the website to be usable by all people of all abilities. The design was eventually refined because of the evolving scope and time, to emphasize essential information while maintaining an inclusive foundation for future expansion.

Building for All Screen Sizes

Building for All Screen Sizes

Building for All Screen Sizes

We reused components created in Figma to build a cohesive design system for an easy hand off to developers.

We reused components created in Figma to build a cohesive design system for an easy hand off to developers.

We reused components created in Figma to build a cohesive design system for an easy hand off to developers.

Conclusion

Conclusion

Conclusion

The website reflects the values and motivation of The Ability Machine. It balances business needs with creativity and social impact. The foundation of phase one clearly supports immediate goals and is positioned to amplify neurodiverse talent to build on a more inclusive future.

The website reflects the values and motivation of The Ability Machine. It balances business needs with creativity and social impact. The foundation of phase one clearly supports immediate goals and is positioned to amplify neurodiverse talent to build on a more inclusive future.

The website reflects the values and motivation of The Ability Machine. It balances business needs with creativity and social impact. The foundation of phase one clearly supports immediate goals and is positioned to amplify neurodiverse talent to build on a more inclusive future.

What I learned

What I learned

What I learned

Collaborating cross-functionally on this project accelerated my growth as a designer in just five months. I gained first-hand experience how a marketing agency handles project timelines, design constraints, and project delivery at a professional level. Teamwork was central to every stage of this process, especially with the development team and coordination with the PR team.


My primary contributions included lo-fi and mid-fi wireframes, shaping content, and supporting quality assurance. I am grateful to the entire Lewis team for the opportunity to work on my first published project. Thank you to Eric Knepp, Senior UX Designer, for everything he taught me, and Tom Johnson for his guidance throughout my internship.

Collaborating cross-functionally on this project accelerated my growth as a designer in just five months. I gained first-hand experience how a marketing agency handles project timelines, design constraints, and project delivery at a professional level. Teamwork was central to every stage of this process, especially with the development team and coordination with the PR team.


My primary contributions included lo-fi and mid-fi wireframes, shaping content, and supporting quality assurance. I am grateful to the entire Lewis team for the opportunity to work on my first published project. Thank you to Eric Knepp, Senior UX Designer, for everything he taught me, and Tom Johnson for his guidance throughout my internship.

Collaborating cross-functionally on this project accelerated my growth as a designer in just five months. I gained first-hand experience how a marketing agency handles project timelines, design constraints, and project delivery at a professional level. Teamwork was central to every stage of this process, especially with the development team and coordination with the PR team.


My primary contributions included lo-fi and mid-fi wireframes, shaping content, and supporting quality assurance. I am grateful to the entire Lewis team for the opportunity to work on my first published project. Thank you to Eric Knepp, Senior UX Designer, for everything he taught me, and Tom Johnson for his guidance throughout my internship.