Bearplus Fullstack Agency's Work | ContraWork by Bearplus Fullstack Agency
Bearplus Fullstack Agency

Bearplus Fullstack Agency

Award-winning agency specializing in design and development.

    5.00
    Rating
    36
    Followers
Followed by Benjamin C, Sana M, and Sujon H
The Heron Dashboard page had to make an agent's work legible after the fact, which is a different job to explaining what the agent does. The hierarchy leads on time saved rather than activity volume. Heron's positioning rests on hours lost to repetitive modelling, so the product reports back in the same unit, supported by model health, active and pending item counts, and a feed of agent actions. The second half of the page covers contextual code questions, answered against a specific layout and occupancy rather than quoted in isolation. Mobile treated density as the core problem. The four headline figures are kept grouped so the summary survives a portrait screen, and tabular content is restructured into stacked cards rather than compressed into scrollable tables.
3
105
Team sections force a trade-off. Photography carries credibility, but it usually breaks a tightly drawn visual system. Heron's runs two states. The default is a crosshatched pen portrait, which keeps the section inside the same drafting language as the plans and elevations used across the site. On hover the card inverts to black, registration crosshairs appear at the corners, and the illustration resolves into a black and white photograph. The move also carries meaning for this audience. Drawing resolving into built reality is the basic sequence of architectural practice, so the interaction reads as native rather than decorative. At rest the grid holds as a system. On interaction it delivers the credibility a team section exists to provide.
2
2
123
Very little of the Heron site is layout, which makes responsive a design problem rather than a build task. The hero depends on a cursor drag, the preloader on a datum line moving up a full elevation, the explanation on a four-beat scroll sequence, and the whole visual system on architectural linework that fails when scaled down. Each of those was re-solved for mobile. The hero interaction was rebuilt for touch and reframed to portrait. The scroll sequence was re-timed for shorter distances. Drawings were recropped so the relevant part of the plan is shown at a readable size instead of the whole drawing at an unreadable one. Motion weight was reduced to hold performance on mid-range devices without dropping any of the beats that carry the story. Since most traffic arrives on mobile, this version had to stand on its own rather than gesture at the desktop experience.
1
80
Page transitions on Heron are treated as view changes rather than document loads. Motion exits one page and continues into the next, with no hard reset and no white flash between states. The reasoning is product-led. Heron runs inside Revit, Rhino, ArchiCAD and SketchUp, where switching context means panels updating around a drawing that stays put. A site built to sell that experience shouldn't behave like a set of separate files. The transition also gives us somewhere to hide load time, which keeps the heavier interactive sections feeling immediate on slower connections.
1
1
122