Year
2024-2025
Plarform
Web
Webapp
my role
UX/UI Designer
Brand Designer
Outcome
Took the product from zero to launch, delivering brand identity, marketing website, and web application MVP in 2.5 months on a tight budget.
01
PROBLEM & SOLUTION
Problem: Small and medium construction businesses in Ireland and the UK struggle to keep up with evolving safety regulations (GA2 & PUWER). Equipment inspections are still managed through paper checklists that are easily lost, misfiled, or skipped entirely — leaving businesses exposed to compliance risk.
Solution: A platform that digitizes inspection built around how construction teams actually work onsite. Operators scan QR codes attached to equipment to trigger pre-configured inspection checklists, complete them in the field, and submit records instantly. All data is stored, timestamped, and generate GA2 & PUWER Plant & equipment audit-ready reports without the administrative overhead.
Challenge: Working within a tight budget and 2.5-month timeline, the project was scoped as an MVP with no capacity for formal usability testing with construction business managers and on-site operators. Design decisions were validated through iterative client reviews who has domain expertise in the industry and informed by discovery research.
02
DISCOVERY
With no budget for formal interviews, I used social listening as the primary research method — analyzing pain points from industry forums, threads, and product reviews across construction and safety compliance communities in Ireland and the UK. I also gained first-hand context through conversations with the founder, who brought direct experience of how construction teams manage GA2 and PUWER compliance on the ground.
Insights:
Conducting social listening to uncover pinpoints that personnels face.
User persona for end users (onsite operators & safety manager) were developed based on insights gathered.
03
Information Architecture & userflows
IA: After aligning with the client and developer on MVP scope, we prioritized the onsite operator as the primary user. The application was scoped down to core equipment inspection management workflows, with the safety manager's needs partially addressed through a real-time dashboard and GA2/PUWER compliant report generation. Each module was structured around the full equipment and project lifecycle, allowing operators to create, manage, and track records.
User flows: Map out equipment inspection and equipment management flows, which are main flows that user will go through for better clarity and steakholder alignment.
04
Branding
Operating in the construction safety niche, the brand had to convey trust, simplicity, and function. After several iterations, we landed on an identity that balances professionalism with clarity.
Logo Mark
Logomark emphasizes the Irish word “Slán”, meaning safe, by having letter “S” as the focal point. The meaning of “safe” is also conveyed through the use of rounded corners reinforcing the brand's commitment to security and reliability.
Additionally, a checkmark is incorporated to visually highlight the app’s core functionality which revolves around task list.
Typography
Outfit typeface brings a sense of modernity, professionalism, and clarity to the brand through contemporary geometric letter style. Its clean lines, and open forms ensure high legibility across screens and print formats.
Colors
The identity uses varying shades of blue to communicate professionalism, with stark contrast against light gray and black.
05
Design
Wireframes focused on content structure, reviewed with the founder and developer early to surface technical constraints and align on scope before moving to high-fidelity.
High-fidelity screens are organixed by module and presented as screen flows, with annotations covering additional state logic. This structure made design walkthroughs significantly more effective, keeping both the client and developer aligned throughout the process.
Key Pages
06
Developer Handoff
I structured the design file based on module and submodule to make it easy for develop to follow. Design system was built with atomic principle in mind that allow for visual consistencies and component reusability with annotation and interaction notes.
Each submodule is wrap in section with each screens arranged in flow format to further guide developer and designer in a logical manner.
Atomic principle was used to create components and similar components are grouped together with annotation.
07
outcome
A solo design engagement working closely with the founder and developer, covering brand identity and discovery research through to development-ready MVP designs, delivered within a 2.5-month timeline and a tight budget.
Next Steps
Due to project constraints, direct user research with construction workers across Ireland and the UK was not possible during this phase. Social listening provided a strong foundation, but insights remain unvalidated against the real experiences of local end users. For the next phase, I would prioritize:
- User interviews to validate social listening insights and surface pain points specific to Irish and UK construction workers.
- Usability testing focused on the equipment creation flow and QR code inspection flow, both critical paths where friction would directly impact adoption and compliance accuracy
Product road map (Post MVP)
- Inspection scheduling & reminders for onsite operators.
- Common ERP platform integration so business unit personnels are notified of procurement or maintenance needs once operator flagged issue.
- Inspection history export & import support to ease customer migrating from current platform to SlánDocs and local data safe keeping.