apps

.ggs friend finder*

find non-toxic gamers.

  • Our client wanted to create an efficient, user-friendly system for gamers with mental health in mind to connect with other like-minded gamers through conversations and build curated profiles.

  • As a project that had already passed through several design hands before reaching us, we began by first understanding the business needs, potential endpoints, technical requirements (much of the backend had been already built prior to us entering the project), and any other prior requirements that hadn’t already been met. After interviewing users, reviewing competitor products and assessing clinician needs, we complied our research into documentation. After presenting our findings to the business, we collaborated to develop user flows (aka how a user goes through certain processes—in this case, conducting searches and scheduling appointments).

  • The result of user research, interviews, and competitive analysis allowed us to devise a solution involving an easy-to-use, two-part search bar. User research broadly indicated that gamers on the platform were hoping to build communities that were relatively within their locale, and so we added the second layer of Locale into the search. After searching, users would then find a list of gamer profiles and communities to select from. There they can compare communities, dig into profiles, and direct message users (permission-pending) to schedule chats, set up communities, or organize events online.

    From there we created basic sitemaps and lo-fi mockups; getting the basic flows documented and confirming direction with the business. Along the way, we adopted the client’s branding to inform colors, atoms, components, and overall design direction for the site. Our design system began to grow based off of the component concepts we were creating for review, evolving everything from type primitives, spacing guidelines, and atoms to reusable components and patterns.

    We collaborated through several iterations before landing on a final set of designs. Using the approved mockups and the updated design system, we began preparing views for developer handoff. As developers worked off the mockup, we were able to support them along the way with any questions they had.

marketplace for leather goods

  • Bag & Baggage is a long-standing retail shop focusing on fine luggage and travel goods. They needed an new marketplace with an update look and feel along with some general interaction improvements.

  • Our first step, doing competitive research into other retail brands and websites, wasn’t too difficult considering how many marketplaces are out there. What was difficult was figuring out how the client could update the site without our direct involvement. The client was a fairly small-sized operation, and we wanted to build something that would minimize website maintenance and overhead so they could focus on selling products.

    We decided to design and develop the marketplace in Squarespace so that the client could utilize their integrated CMS, as well as make small tweaks and updates to minimize technical risk or consequence.

  • In order to minimize technical risks to the client (a very small operation) we designed and developed the website in Squarespace (a website builder). We built the framework of the website, and then educated the client on methods of uploading products to the site, as well as managing things like metadata and SEO within the framework and tools that Squarespace provides.

    Today, we continue to consult with this client and provide updates to their marketplace.

additional apps

  • A jewelry startup needed to give users a way to customize their jewelry before purchasing. They asked us to design a 3D rendering tool so users could get a more realistic sense of how the physical end product would look.

    We designed a step-by-step UI where users could either choose from a set of presets or take a more custom approach. Using a 3D rendering integration, users could apply the settings and render them in real time. Users were also able to leave notes for the manufacturer in case they had any specific needs not met by the system.

*Much of our work is confidential. To protect intellectual property, some designs on this page have been re-named and have had the industry changed. The design is still intended to represent the integrity of certain features without revealing core design details related to the client.