( Axact / February 2010 to April 2011 )
Internal Enterprise CRM
[NEEDS-INPUT: anything remembered about the CRM's own reception.
- My role
- Assistant User Interface Architect
- Timeline
- February 2010 to April 2011
- Platform
- Web (internal enterprise application)
- Category
- Enterprise CRM
- Status
- New design, delivered
Tools jQuery, JavaScript, HTML, CSS, Adobe Photoshop
Generated schematic, not a screenshot. Real imagery to follow.
( The account )
Context
Axact built and licensed enterprise software, with a catalogue running across ERP, CRM, HRM, recruitment, finance, payroll, procurement and user portals. Alongside the products it sold, it ran an internal department that built software for the company's own use. More than 2,000 employees worked inside those systems every day, which meant the internal tools carried a real operational load rather than sitting as side projects.
The CRM was one of those systems. It sat with the rest of the internal suite and served staff whose working day depended on it, which set the standard it had to meet: not a demo, not a prototype, but something people would be inside for eight hours.
This was 2010. The vocabulary the industry now takes for granted did not exist in the department. There were no design systems, no component libraries, no Figma, no handoff tooling, no shared language for the space between a designer and an engineer. What existed was a browser, jQuery, and a team of software developers building the back end.
The problem
There was no design. Not a thin design, not a late design: none. No comps, no wireframes, no specification, nobody upstream producing an interface for the CRM to be built from. The department had software developers and it had one person responsible for what the software looked like and how it behaved, and no process connecting the two.
The conventional answer in 2010 would have been to draw the screens in Photoshop, slice them, and hand the pieces to a developer to reassemble in markup. That route has a well-known cost even when a team is staffed for it: the drawing is not the thing, so every gap between the picture and the working page becomes a negotiation, and the person who drew it is not the person discovering the gaps.
With one UI person against a full development team and an internal user base already waiting, that round trip was the constraint. The interface had to become real at the same speed the back end did.
What I did
Design in the browser, and be the person who ships it.
Rather than producing an artefact for someone else to translate, the interface was designed by writing it: layout, interaction and behaviour built directly in HTML, CSS and jQuery, in place, next to the developers building what sat behind it. The design decision and the implementation were a single act, so there was no translation step to lose anything in and no specification to keep synchronised with a running page.
That collapsed the loop to its shortest possible form. A question about how a screen should behave was answered by changing the screen, in front of the developer who had asked, and moving on.
Decisions
build the interface instead of drawing it
- What
- Design the CRM directly in HTML, CSS and jQuery, skipping the comp-and-slice stage entirely.
- Alternatives
- The standard 2010 route, full Photoshop comps handed to a developer to rebuild in markup.
- Why
- One UI person against a full development team made the round trip the bottleneck, not the drawing. Building in the browser removed the translation step, made every decision testable as the real interface rather than a picture of it, and let the front end keep pace with the back end being written alongside it. It also put the decisions in the hands of the person who understood them.
work from the owners directly rather than through documents
- What
- Take requirements in conversation from department owners and developers, and answer them by changing the running screen in front of them.
- Alternatives
- A written specification agreed up front and built against.
- Why
- The department had no process that would have kept a document and a running system in agreement, and no one to maintain it. A working screen is unambiguous in a way a specification is not, so the shortest path to agreement was to show the thing rather than describe it. This is also what made representing the department to its owners possible: the answer to a question was always something they could look at.
[NEEDS-INPUT]
- What
- [A third decision would strengthen this. Strong candidates from what you have described: whether you standardised reusable front-end patterns across screens rather than writing each one bespoke, and if so why; or a specific interaction or layout call you remember arguing for.]
- Alternatives
- - **Why:**
- Why
- ---
Outcomes
- Delivered the CRM front end end to end as the sole UI person, designed and implemented in code, for a suite used by a workforce of more than 2,000
- Reached Assistant User Interface Architect within twelve months of joining, the fastest progression the department had recorded
- Ranked first or second in the department's monthly performance scoring consistently across the role
- Won two company awards, Trainer of the Year and Gold Performer of the Year
- Front-end development training delivered to the department, which is what the Trainer of the Year award recognised
- Trusted with representing the department to its owners, and with interviewing and testing candidates for it
What I learned
Building the interface rather than drawing it was treated at the time as a constraint, the thing you did because there was no design process to lean on. It was actually the better method, and it took another fifteen years for the industry to arrive at the same conclusion and give it a name. The shortest distance between a design decision and a working product is to have the same person make both, and every argument for that in 2025 was already true in 2010.
The second thing is about the absence of tooling. No design system, no component library, no handoff tool, and the work still shipped and still held up under daily use by a large internal user base. The tools are an accelerant, not the capability. What carried the project was knowing what the screens needed to be and being able to make them exist.
Third, the training and the recruitment work turned out to matter as much as the CRM. Being the only person who could do something is a fragile position for a department to be in, and the way out of it is to teach it and then hire for it. That instinct, to build the capability around the work rather than to hold it, is the one that has repeated in every role since.
( Tags )
- Product Design
- Interaction Design
- Information Architecture
- Visual Design
- Web
- Enterprise SaaS
- CRM
- End-to-End Design