Selected work Other projects About Contact

Akin

Enhancing creative arts & crafts classes as well as third place discovery in New York City

End-to-end UX Mobile app Client project
Akin app on laptop and phone

With the rise of 'third places' as a popular concept, Akin is aiming to provide busy people lots of options where they can be creative, social and find new places to thrive outside of work and home. Akin is a mobile app that connects users to local arts & crafts classes while also helping them discover third places in their city. The project was a 6-month end-to-end design process from research to final prototype.

Try the prototype →

Timeframe

6 months

Team

Developer
Product Manager
Graphic Designer
Product Designer

Role

End-to-end app design
User research
User testing
User journey
UI


The Problem

Arts & crafts classes are hard to discover in New York City

Many platforms exist but they are either too niche, outdated, or not focused on the creative arts space. At the same time, the concept of 'third places' — social environments beyond home and work — is gaining popularity, but there is no dedicated platform to find them.

Akin addresses both needs in one app: discover creative classes and meaningful third places, all in one seamless experience.

Akin app prototype walkthrough

Research

I needed to get to know the challenges and existing landscape of this space, so I conducted a competitive SWOT analysis. It felt like there were quite a few existing platforms that operate today in a similar fashion to what the Akin founders were thinking of. I wanted to focus particularly on any gaps, and what Akin could do that felt different.

Akin competitor analysis

Understanding the user landscape

1,149
survey responses
12
user interviews
6
competitor apps analysed
Akin survey results Akin survey results 2

User Interviews

Speaking directly to users

We spoke to 5 people in moderated user interviews, namely to uncover what roles hobbies have in people's lives and how they find them, and what makes them and other forms of community fulfilling.

User interview 1 User interview 2 User interview 3

There's an overall sense of overwhelm and not being sure where to get started, from my conversations with the participants. Community-building isn't so simple within just attending a third space either. A participant who has attended sewing classes previously said, "There's different personalities, and if everyone had that mentality [of fostering more friendliness and community] then it would be different. But I don't know how to foster that either."


Defining Personas

Who we designed for

From our research we identified three core user types: the social explorer, the skill-builder, and the community host. Each has distinct motivations and pain points that shaped our design decisions.

User persona 1 User persona 2 User persona 3

How might we help working professionals in New York feel more creative, fulfilled, and connected to their community?


Information Architecture

Mapping the experience

With a more solid understanding of user needs and pain points, and a 'How Might We' statement in place to work with, we were able to start thinking about user flows and information architecture.

Information architecture 1 Information architecture 2

We explored various approaches, including:

  • One-off purchases of classes vs. credit-based subscription models — we decided to go for the former, as we believed it made sense with what our users were telling us in terms of wanting flexibility. It didn't seem to make sense to convince customers to download yet another subscription app.
  • Location-centric vs. category-centric discovery — we decided to offer both on the app's homepage, with plans for continued testing to see what users will prefer.
  • Social features for community building — we decided this wasn't a priority for the MVP.

While considering key challenges, which we encountered early on (and continue to wrestle with):

  1. Balancing user flexibility with partner business needs
  2. Designing an intuitive categorization system for diverse event types
  3. Creating a fair and transparent booking system

Branding & Design System

Building the visual language

A wonderful graphic designer created the branding, logos, and colors for the overall look and feel of the brand. I took this work into developing utility colors, use cases for these and the typography, as well as a component library for icons, buttons, and re-used components such as menu bars and cards.

Akin's visual identity uses a warm, playful palette anchored in the brand's identity. We built a comprehensive component library to ensure consistency across all app screens — from colour tokens and typography through to interactive states.

Akin branding and design system Akin branding 2 Akin branding 3

Wireframes

From low-fi to high-fidelity

We created user flows, low-fidelity wireframes, and iterated through three rounds of usability testing before arriving at the high-fidelity designs. Key flows include onboarding, class discovery with filters, booking, and the community map.

Akin high-fidelity wireframes

Validate & Iterate

Testing with real users

After an initial round of testing with the mid-fidelity wireframes above, I set up usability tests with Maze. 9 people ended up taking this unmoderated test, with 2 main task flows to complete:

  1. Sign up for an account with Akin, which all users successfully completed.
  2. Find a class called Textile Printing, add to cart, and successfully check out.

Task: Find a specific class and obtain a ticket

Task 1 - Find a specific class and obtain a ticket Task 2

For version 2, I focused on fixing mainly text, sizing, and spacing issues. It was at this point in discussions and testing that the need for a filter on the homepage came up, and that was included in this round of iterations. We also focused heavily on accessibility, and ensured the app met WCAG 2.1 AA standards throughout.

Task 3

Prototype

The final experience

The final prototype covers the full end-to-end experience: signup, class browsing with filters, booking, and community discovery. The design system and prototype were handed off to the development team.

Akin prototype gif 1 Akin prototype gif 2 Akin prototype gif 3

Retrospective

Looking back

This project spoke to so many of my interests and passions — helping people find peace and passion in creative pursuits, and thinking more about how small business owners and creatives could both be best served. One of my main learnings that became evident through testing is to address how we can marry together brand colors in a way that's not grating, distracting, or signals a lack of professionalism. It's a constant learning for me to not use the brand colors absolutely everywhere.

This was also my first real experience working with a broader product team, and I owe so much to the Product Manager, Engineer, Brand Designer, and Marketing Expert all on this project. I learned the most seeing how business and commercial goals, which I have a background in, need to meet the technical considerations of the frontend and backend build. It was fun brainstorming as a team to see how all these different interests could be met by a few clever tricks and problem-solving.

There's so much for me to iterate on — expanding the map and filter functions are two top priorities. This app hasn't launched yet. I'm sure when it does, it will successfully address pain points in the creative event ecosystem in New York City, and I can't wait to see how we iterate based on user feedback and how we learn to differentiate in a crowded market.

next project

Socialheads