Hypercode Blog, Projects, Page 2

Hypercode × awork: Making Client Projects Work

Project management tools came and went. Honestly, none of us ever got particularly excited about them. 🙈

Then, over two and a half years ago, we discovered awork. We’ve been using the Hamburg team’s software to organize our projects ever since, and we’ve become fans. Last year, we even released our own awork for Raycast extension to make it an even closer part of our product development workflow.

We were pleased to welcome the awork team to our office recently to discuss how we use the software, particularly when working with clients directly in a project. Joining us was Florian Ehle from dimedis, a client we work with in awork every day, including on trade fair and event apps.

The awork team listened closely to our feedback and made the video above during their visit. Bringing the studio, client and partner perspectives together is what makes this useful for us. Thanks for coming and for the open conversation! 🙌

awork for Raycast: Our Favorite Project Management Tool Meets Our Favorite Launcher

As a Digital Product Studio working mainly on client projects, we rely on efficient resource planning, clear project communication and time tracking that fits into the flow of work.

After what felt like an endless search for the right project management tool, we discovered awork in summer 2023. The Hamburg team’s software brought together what we needed: communication, planning and time tracking in one platform. It’s well designed, actively developed and, thanks to open APIs and good documentation, gives us room to build our own extensions.

We’re also big fans of the app launcher Raycast, so the next step felt obvious: an extension to search awork, open projects and tasks, and log time using keyboard shortcuts. We recommend Hyperkey+A. It keeps awork within reach wherever we’re working: checking a task while designing in Figma, logging time after a successful pull request or finding a project’s email address to forward a message. For that last one, try ⌃E.

We’ve been using the extension internally for several months, and it’s become part of our daily routine. After a positive conversation with the awork team, we decided to release it for free in the Raycast Store, so other teams can simplify their workflows too. To get started, you just need to set up an API client in awork’s user interface. The steps are covered in this awork support guide.

👉 Learn more
Explore the features and setup instructions on our project page:
→ hypercode.de/en/projects/awork-raycast/

🚀 Tell us what you think
We’d love your feedback, feature requests or even a quick thumbs-up. Find us on LinkedIn or Instagram, or send us an email. ☺️

WALZWERK App: An Interactive Site Map with Tenant Search and GPS Navigation

The WALZWERK app on a smartphone, showing a color-coded site map, tenant search and a welcome message.

WALZWERK is home to businesses in digital technology, e-commerce and education, and a popular destination for culture and leisure in the Cologne area. The 35,000-square-meter site in western Pulheim welcomes business visitors and members of the public every day. Alongside companies and studios, it houses a theater, swimming pool, restaurants, a church and artists’ workshops. With so much spread across the site, finding your way can be a challenge.

Since December, the WALZWERK app at app.walzwerk.de has been helping visitors get around:

  • Interactive site map and tenant search — Find tenants and studios quickly, see them marked on the map and follow a live route from your GPS location.
  • Real-time GPS navigation — Directions update on the map as you move towards your destination. If GPS is unavailable, the route starts at the main entrance road or the sign whose QR code you scanned.
  • No installation needed — The app runs directly in the browser. Signs with QR codes around the site help visitors find it.
  • Mobile and desktop — It works on smartphones, tablets and desktop computers, so directions can be viewed and shared anywhere, including in an email signature.
The WALZWERK app on desktop, with an interactive site map, search and labeled building areas.

Protecting visitors’ data was a priority. GPS location is used only for navigation and stays on the visitor’s device. It is neither stored nor processed for any other purpose.

WALZWERK tenants can also send guests a direct link with their studio already selected, for example in a message or an email signature:

These links are generated as you use the app and can be copied or shared directly from the browser. Tenants will also be able to embed the site map on their own websites at a later date.

The WALZWERK app connects directly to the site’s digital tenant directory, keeping information up to date and applying changes automatically.

A Flexible New Website for Quiply, the #1 Employee App

The Quiply website on mobile

From channels and chats to surveys and an employee directory, Quiply helps people connect and share information at work. The app can be adapted to the needs of different industries, including manufacturing, healthcare, retail, hospitality and municipal businesses.

Quiply’s breadth of features was also the biggest challenge for the website’s UX/UI design and development. Each feature needed to be explained in a way that made sense to its audience. The requirements for the relaunch soon became clear: use interaction, video and audio to show what the app can do, and give editors flexible page-building tools to present the different use cases with variety.

Quiply had already supplied a new corporate identity, visual design and website design. We developed these across screen sizes, content elements and subpages, documented the page types and components in a module guide, and turned the visual component library into an interactive pattern library. This formed the basis of a Craft CMS setup that brings together flexible page layouts, reusable frontend components and HubSpot content. You’ll find more examples of flexible websites that combine a strong brand identity with demanding technical requirements in our Corporate Websites section.

Discover our work for Quiply and learn more about the employee app on the Quiply website.