Skip to content
Portfolio 2026 · selected work

I build screens
people love using.

Small businesses get offered two bad options: a licence they can't afford, or a template that flattens them into everyone else. I design the brand and the interface around how a business actually works, then build the system underneath it, so it stays theirs to change.

Currently
Designer & developer
@ Blitz Packaging Ltd.
blitzpackaging.co.ug ↗
Design toolkit
FigmaIllustratorReactWCAG 2.1 AA
How I work

Most businesses run on a pile of paper.I turn it into a system.

Most small businesses end up renting software somebody else designed, where anything flexible costs more than a salary. I build the opposite: shaped around the work they already do, for the buyer and the staff at once.

The rules I design by
01Every business has a story. A template will flatten it.
02Customisation isn’t an upsell. It’s the reason to build at all.
03Modern architecture, so it stays theirs to change, not mine to maintain.

Case studies

hover a row · click to readtap a row to read
01
Sales platform · Blitz Packaging Limited · 2024 to present · sole designer & developer

The power cuts. The order still goes out.

Role
Sole designer & developer
Timeline
2024 to present · in production, v3.3.0
Outcome
Entering a batch of five orders went from 40 minutes to 15.

Blitz had two ways to computerise. Buy an ERP built for a factory somewhere with reliable power and a training budget, or commission one locally at a price a startup should not be paying for software it will spend the first year working around. I looked at both, then went and asked the owners, the sales desk and the dispatch team what their week actually looks like.

My move: treat the infrastructure as the brief, not as the excuse. Power cuts, fibre cuts, a two-day wait for a technician, and a floor where the phone is the only computer most people carry. A packaged system treats all four as somebody else's problem. I designed for them first and let every other decision fall out of that.

My roleStakeholder research, product & interface design, build, onboarding, maintenance
ScopeSales, records, purchasing, dispatch planning, reporting
Design toolsFigma, HTML & CSS rebuild
In production2024 to present · currently v3.3.0
Running costUnder US$75 a year, all in
Source codeNot public · client-internal
THE PROBLEM · FOUR CONSTRAINTS

The constraints that I denoted after stakeholder analysis, and how each one led to a final system design.

CONSTRAINT 01 · POWER
Roughly four in five Ugandan firms report electrical outages.1
SOThe system runs in a browser on the phone already in their pocket. A cut moves the work onto a device with its own battery instead of ending the working day.
CONSTRAINT 02 · NETWORK
Fibre gets cut, and mobile data is slow long before it is absent.2
SOA new entry is held on the device and shown as done the moment it is made, then reconciled with the server. One second is the limit of an uninterrupted train of thought, and an outage is a great deal longer than a second.
CONSTRAINT 03 · TRAINING
A company this size cannot spare a new hire for a week of training.34
SOThe interface has to teach itself, in the vocabulary of the apps already on their phone. People start using software immediately and never read the manual, so the manual has to be the screen.
CONSTRAINT 04 · SUPPORT
One technical person, and a fault can wait two days for help.5
SONothing is destructive. Every delete is recoverable for thirty days, and there is no state a user can reach on their own that needs me to get them out of it.
WHAT THE MARKET OFFERED · A TYPICAL ERP SCREEN, REBUILT IN HTML
Composite of the systems I evaluated, rebuilt from memory rather than copied. No vendor is named, because the argument is about the category.
FileEditMaster DataTransactionsReportsWindowHelp
NewOpenSaveDeleteCopyFindPrintExit
Home > Sales & Distribution > Sales Order > Create
SALES ORDER ENTRY[ SO-ENTRY-01 ]
ItmMaterialOrder QtyUnSDescriptionCust. Material No.ItCaNet PriceCurr.PlntSLoc
10MAT-0004181,250PC WOVEN PP SACK 25KG TAN1250.00UGX10000001
20MAT-00090230RO STRETCH FILM 23MIC 1.5KG TAN52000.00UGX10000001
30           
40           
SaveCancelReset
Ready.Licensed seats: 5 of 5 in use. Contact your administrator to add users.
DIAGNOSIS · WHY NEITHER OPTION FIT
Six faults, none of them cosmetic: what it costs, whose process it carries, and what it assumes about the room it runs in.Show the list
  1. Priced for a company ten times the size. Per-seat licensing plus an implementation fee on one side, a local studio quoting a bespoke build at similar money on the other. Both ask a startup to pay enterprise prices for a fit it will not get.6
  2. The process belongs to the vendor. A packaged system carries a business model inside it, and where that model and the company disagree, the company is the one expected to change. The misfit never shows up in a demo. It shows up months later, as staff keeping the real numbers in a notebook.6
  3. Every field on one screen. Thirty inputs in a grey grid: no grouping, no order, no defaults, and no way to tell which ones matter. Recognition is replaced by recall, so you have to already know what the form wants before you can fill it in.5
  4. The screen never says what it just did. Press Save and the page reloads into the same grey. Whether the order exists is something you find out by going to look for it, which is exactly how the same order gets entered twice.5
  5. It assumes a desk, a chair and mains power. Fixed-width layouts drawn for a monitor, and a session that dies with the connection. Where the power goes out this often, that is not an edge case, it is a normal Tuesday.1
  6. Training is a line item. Nothing here is learnable by using it, so competence has to be installed by a person, in a room, for a week. That cost returns with every hire, and it is never the number on the quote.4
WHAT I SHIPPED FIRST · 2024 PROTOTYPE, REBUILT IN HTML
Sales | Blitz Packaging
RecordsOrders
Good Evening, Admin
What would you like to do this evening ?
Generate:
Sales OrderSales Order Report
Create a new record for
CustomerProductSpecificationProduct type
Account:
Sign Out
Customer records
OperationsIDCustomerCategoryAddressCityContactPhoneCurrencyPayment ModeDay NumberDesignationEmailReference
Edit Delete1Nile Beverages LtdB2BPlot 14, Industrial AreaKampalaR. Kiggundu+256 414 220 118UGXCredit30Procurement Officerprocurement@nilebeverages.exampleREF-0001
Edit Delete2Savannah Foods LtdB2BPlot 7, NtindaKampalaA. Nabirye+256 414 331 204UGXCash0Supply Chain Leadsupply@savannahfoods.exampleREF-0002
Edit Delete3Kigo Dairy LtdB2BKigo RoadEntebbeP. Ssemwanga+256 392 118 402UGXCredit45Operations Managerorders@kigodairy.exampleREF-0003
Create a new Customer Record
Create Record
THE PROTOTYPE · WHAT IT BOUGHT, AND WHAT IT COST
Shipping it ugly bought three months of real data, the requirements no interview produced, and a migration instead of a fresh start.Show the list
  1. I built this, and I did not design it. Bootstrap straight out of the box: default buttons, default modals, default tables. That was the decision, not an oversight. A company with no system at all needed one running in weeks.
  2. It bought three months of real data. v2.0 shipped a quarter later as a migration, not a move: same customers, same order history, same IDs, nothing re-typed. A system that arrives empty asks a business to do its worst week twice.
  3. It bought the requirements. Watching people use it told me what no interview did: which fields get skipped, which get filled with a full stop to get past the validation, and that most orders enter the building as a photograph on WhatsApp.
  4. But everything was a modal. Create a customer, edit a specification, delete a record: the same grey box over the same page every time. No sense of place, no way back, and no answer to the question of where in the system you currently are.5
  5. Fourteen columns, all at the same volume. The customer table printed every field it had at equal weight. The eye is very good at pulling one thing out of many when a design lets it, and a uniform grid of small grey text does not.7
  6. And it needed the network to be up. A failed form post lost the typing. That is the single thing this business cannot afford, and it is the reason there was a version two at all.1
So version two started from the constraints instead of the feature list: offline-firstDesigning on the assumption the network will be gone at some point, so a device keeps working on its own and syncs when the connection returns. The drop is a normal condition, not an error state. by default, optimistic UIThe interface shows the result the instant you act and settles up with the server afterwards. On a slow or missing connection the work carries on rather than waiting on a round trip that may never come back. on every submission, and an interface assembled out of controls people already know how to work, because a factory floor is not the place to teach anyone a new one.
WHAT RUNS TODAY · v3.3.0
These mock ups are using a demonstration dataset rather than real customers and many internal features have been stripped to maintain business secrets. What is accurate here is the design philosophy: the layout, the colour, the type and the controls.
SCREEN 01 · DASHBOARD
Blitz Packaging
Welcome, Admin!
What would you like to do this morning?
Thu, 19 Mar 2026, 09:12:04 EAT
Customers
148
+12.5%Since last month
Orders
1,284
+8.33%Since last month
Revenue
UGX 2,847,650,000
+14.7%Since last month
Orders per month
Current Period: 86, 94, 102, 97, 118, 124. Same Period Last Year: 72, 80, 88, 91, 96, 105
Orders per customer
Serengeti Snacks Ltd
Number of Orders: 3, 5, 2, 6, 4, 7
Revenue
Total Sales Amount (in millions): 185, 212, 198, 240, 266, 214
Activity
  • A new order was generated.
    Daniel Okello generated an order for Nile Beverages Ltd
    Just now
  • A new quote was generated.
    Grace Nakato generated a quote for Serengeti Snacks Ltd
    12 minutes ago
  • A new customer was added.
    Victoria Millers Ltd was added by Grace Nakato
    1 hour ago
  • A new purchase order was generated.
    Daniel Okello raised a purchase order with Rwenzori Polymers Ltd
    3 hours ago
  • A new report was generated.
    February sales report was exported by Grace Nakato
    Yesterday
Sales v3.3.0
SCREEN 02 · ORDERS
Blitz Packaging
Welcome, Admin!
What would you like to do this morning?
Thu, 19 Mar 2026, 09:12:04 EAT
OrdersQuotationsSales Report
Create a new orderBETATrash
Search by Customer Name or Order ID
OperationsOrder IDCustomer NameOrder DateDelivery DateStatus
BETAPrint OrderPrint for ProductionBP-1594Bunyoro Grain Traders18-03-202620-03-2026Created
BETAPrint OrderPrint for ProductionBP-1593Nile Beverages Ltd17-03-202620-03-2026Awaiting sync
BETAPrint OrderPrint for ProductionBP-1592Serengeti Snacks Ltd16-03-202623-03-2026Production
BETAPrint OrderPrint for ProductionBP-1591Kigo Dairy Ltd16-03-202624-03-2026Dispatch ready
BETAPrint OrderPrint for ProductionBP-1590Rwenzori Tea Exports13-03-202625-03-2026Completed
Sales v3.3.0
SCREEN 03 · TRASH
Blitz Packaging
Welcome, Admin!
What would you like to do this morning?
Thu, 19 Mar 2026, 09:12:04 EAT
TrashBack to Orders
Orders2Quotes0Purchases1
Search ID or customerFull history
Active record · restore items one by oneDeleted record · restore it and every item returns with it
Emptied automatically after 30 days
BP-1588 · Pearl Cosmetics Ltd
Deleted by Grace Nakato · 2 days ago
28 days leftRestore
BP-1571 · Victoria Millers Ltd
1 line item removed by Daniel Okello · 6 days ago
24 days leftRestore
AND WHEN THERE IS NOTHING IN IT
No deleted orders
When you delete an order or one of its items, it lands here for 30 days so you can recover it.
Sales v3.3.0
WHAT THE REBUILD DOES · AND WHY IT WORKS
  1. It runs on the phone in their pocket. One responsive app and one account, with no second mobile product to keep in step. When the power goes, the work moves to a device with its own battery, which is why the layout is designed from the small end up rather than squeezed down to it.1
  2. A submission survives the network. New entries are held on the device and confirmed on screen straight away, then reconciled when the connection returns. The alternative is a spinner on a dying link, and a spinner is just a slower way of losing the work.2
  3. Figures before sentences. Three numbers across the top, each with a direction and a comparison to last month. Position, length and colour are registered before a reader has decided to look at anything, so the state of the business arrives ahead of the reading.7
  4. The screen always says what it just did. Saved, queued, restored, re-scheduled. Every action answers in the place the action happened, so nobody has to go and verify the system by hand.5
  5. One thing at a time. Order entry is a short form and a line-item table that grows as you add to it, instead of thirty inputs demanded at once. The order is the list you can see, so the form never has to be remembered.5
  6. The process is theirs. Orders, quotations, records and purchases are named the way the floor names them, in their currency, on their delivery calendar. The software was written around their week rather than around a package's idea of one.6
THE NETWORK

Slow is a design problem before it is a bandwidth problem.

The connection here is not reliably anything, so the interface stops treating the server as the source of truth about whether your work happened. Press the button and the row appears, marked as queued, and the sync is the software's problem rather than yours. What that buys is not speed, it is the ability to keep going.2

ORDER SAVED · STILL ON THE DEVICE
BP-1594 · Bunyoro Grain Traders
Queued offline · syncs when the line is back
BP-1593 · Nile Beverages Ltd
Synced 09:14
No spinner, no lost typing, no second attempt.
THE TRAINING

Nobody reads the manual, so the screen has to be it.

New staff learn this system by using it: a short guided pass the first time you open a section, then hints that sit next to the thing they explain rather than in a document nobody opens. People are motivated to get started, not to get trained, and an interface that fights that loses to a notebook.3

FIRST TIME IN SALES
STEP 2 OF 4Create a new order +
Start here. You can add the delivery date later, and nothing is sent until you press save.
Shown once per section, then only the hints remain.
THE SUPPORT GAP

Undo is infrastructure.

Two days from technical help, the expensive mistakes are the irreversible ones. So deletes are soft for thirty days, restoring an order brings its line items back with it, and the trash tells you which is which. Confidence is a design output: people who know they cannot break it will actually use it.5

THE SECOND AFTER DELETING
BP-1588 moved to trashUndo
Kept for 30 days. Restoring the order brings its line items back with it.

Features

The two the system is actually known for internally, and what each one is for.

FEATURE 01 · INTAKE

The machine reads. The human signs.

The obvious build was a customer portal, and nobody would have used it: it asks every customer to change how they order, for the vendor's convenience. So the work went on my side of the screen instead. An order arrives as a WhatsApp photo, a PDF, a scanned purchase order, or a sheet of paper walked to the desk, and Claude reads all of it into a draft record. Nothing commits on its own.

INTAKE · WHATEVER ARRIVES, ONE QUEUE
IN THE QUEUE RIGHT NOW
WhatsApp · 4 pendingScanned PO · 2 pendingPDF · 1 needs a human
WHAT ARRIVED · WHATSAPP PHOTO, HANDWRITTEN
+256 7xx xxx 118 · Nile Beverages
headerNILE BEVERAGES LTD
line 1PO 4471 / 26
line 3PP sacks 25kg · 40,000 pcs @ 1,250
line 5deliver by 14/03
WHAT THE MODEL PROPOSED · DRAFT, NOT A RECORD
CustomerNile Beverages Ltdfrom the header
ReferencePO 4471/26from line 1
ProductWoven PP sack 25kgfrom line 3
Quantity40,000 pcsfrom line 3
Price per unitUGX 1,250.00from line 3
Delivery date14 / 03 ?Year not written. Check this before approving.
Approve and create orderSend back
Nothing is written to the order book until somebody presses approve.
WHY IT IS BUILT THIS WAY
  1. Every extracted field shows its source. Quantity, price and delivery date each name the line of the original they came from, so checking the draft is reading two things side by side rather than trusting a number that appeared.8
  2. Uncertainty is shown, not hidden. A value the model is unsure of is flagged and left for a person. Automation that is quietly wrong is worse than automation that is loudly unsure.8
  3. A person approves before anything is real. Keeping a human in the loopThe machine proposes and a person approves. Nothing a model produced reaches the record until somebody has read it and signed it off. is the difference between a tool people adopt and one they quietly work around. The time saved is in the typing, and the typing is the part nobody wanted to do.
  4. It collapsed forty minutes into fifteen. A batch of five orders used to take about forty minutes of transcription. It now takes about fifteen, and the fifteen are spent reading rather than typing.
FEATURE 02 · THE LIVING INTERFACE

Software that knows what day it is.

Blitz runs a mixed floor: Eid, Christmas, Diwali and the national days all land in the same delivery calendar. The system knows the dates, so it says so, shifts the dispatch deadlines that fall on them, and greets the people whose festival it is. Pick a day below and it tells you what dispatch can and cannot promise.

ON THE DASHBOARD, THAT WEEK
THIS WEEK
Eid al-Fitr: dispatch pauses Thu
Deadlines auto-shifted · 14 orders re-scheduled
DISPATCH CALENDAR · MARCH 2026
LIVE · PICK A DAY
Dispatch calendar
March 2026
Dispatch closedAbsorbing a closed dayRunning normallyDeliveries scheduled
March 2026
MondayTuesdayWednesdayThursdayFridaySaturdaySunday
Thursday 19 March 2026

Thursday 19 March 2026: Dispatch closed for Eid al-Fitr. 14 deliveries moved to Fri 20 Mar.

Eid al-Fitr
Eid Mubarak to everyone observing.
Provisional date, confirmed by local sighting
Moved to Fri 20 Mar · 14 deliveries
  • BP-1583Kigo Dairy Ltd
  • BP-1584Rwenzori Tea Exports
  • BP-1585Victoria Millers Ltd
  • BP-1586Pearl Cosmetics Ltd
  • BP-1587Bunyoro Grain Traders
  • BP-1588Savannah Foods Ltd
Show 8 more ↓
Working component. The arrow keys walk the month and the panel follows.
WHAT IT IS ACTUALLY FOR
  1. The planning stops being somebody's memory. Dispatch used to work out the knock-on effects of a closed day by hand, order by order. The calendar shifts the affected deadlines and shows which ones moved, so the re-plan is a thing you check instead of a thing you do.
  2. Recognising a festival is not decoration. Belonging and uniqueness are both conditions of an inclusive team, and a shared tool that names one group's festival and not another's is quietly making a statement about who it was built for. This one names all of them.9
  3. Reported back as a calmer floor. In my own conversations with staff, the two things that came up were people wishing each other well on days the system surfaced, and dispatch no longer carrying the holiday schedule in their heads. Qualitative, from a team of twenty, and reported as exactly that.
GLANCEABILITY · THE FIGURE BEFORE THE SENTENCE
THE SAME FACT, TWICE
Revenue
UGX 2,847,650,000
+14.7%since last month
AS A SENTENCE

Revenue for the month was UGX 2,847,650,000, an increase of 14.7 per cent on the previous month.

A supervisor opens this between two other jobs, so the top of every screen answers before it explains: the number, the direction it moved, and what it is being compared against. Length and position are preattentiveThe visual work the eye does before you decide to look at anything. Length, position and colour register in a fraction of a second; the same fact written into a sentence has to be read., read in a fraction of a second, while the same fact set in a paragraph has to be found first. That is why the figure is large and the label is small, and not the other way round.75
THE RECAP · A TOOL THAT SAYS WELL DONE
DECEMBER · THE YEAR, PER PERSON
Your 2026 at Blitz
1,284
orders shipped by the team
214
of them entered by you
July
the team's biggest month
Generated against the design tokensThe named values a design is built from: this grey, that radius, this step in the type scale. Because every screen refers to the name rather than the value, a look can be regenerated or restyled without anything drifting out of step., reviewed before it ships.
December closes with a recap of the team's year: orders shipped, the biggest month, the customer who grew most, each person's own share of it. Specific, attainable feedback against a goal is one of the better-evidenced findings in work motivation, and a company this size has no other moment that does this. It costs the business nothing and it is the feature people mention first.109
COST · THE REQUIREMENT NOBODY WRITES DOWN
WHAT KEEPING IT ALIVE COSTS
Hosting
AI usage
Domain
Email
Total, per year< US$75
Invoices I pay and forward. Design work: unpaid, by choice.
Under US$75 a year covers hosting, the domain, email and the AI usage, and I know the figure because I handle all four and pass the invoices to the company. A design that a client cannot afford to keep running is not a finished design, it is a proposal. Building it unpaid was my side of the trade: they got a system, I got two years of shipping one.6
RESULTS · MEASURED, AND SAID PLAINLY
4015
minutes to enter
a batch of five orders
0 / 5
informal internal survey,
20 regular users
<$75
a year to run:
hosting, domain, email, AI
0 mo
from prototype to v2.0,
migrated, not re-typed
SOURCES · 10Show the list
  1. World Bank Enterprise Surveys (2025). Firms experiencing electrical outages (% of firms), Uganda: 79.9. World Bank Group, Uganda country data. data.worldbank.org
  2. Nielsen, J. (1993). Response times: The 3 important limits. Nielsen Norman Group. nngroup.com
  3. Carroll, J. M., & Rosson, M. B. (1987). Paradox of the active user. In J. M. Carroll (Ed.), Interfacing Thought: Cognitive Aspects of Human-Computer Interaction, MIT Press, 80–111. nngroup.com summary
  4. Sweller, J. (1988). Cognitive load during problem solving: Effects on learning. Cognitive Science, 12(2), 257–285. doi.org
  5. Nielsen, J. (1994). 10 usability heuristics for user interface design. Nielsen Norman Group, last updated 2024. nngroup.com
  6. Soh, C., Kien, S. S., & Tay-Yap, J. (2000). Enterprise resource planning: Cultural fits and misfits: Is ERP a universal solution?. Communications of the ACM, 43(4), 47–51. doi.org
  7. Healey, C. G., & Enns, J. T. (2012). Attention and visual memory in visualization and computer graphics. IEEE Transactions on Visualization and Computer Graphics, 18(7), 1170–1188. doi.org
  8. Parasuraman, R., & Riley, V. (1997). Humans and automation: Use, misuse, disuse, abuse. Human Factors, 39(2), 230–253. doi.org
  9. Shore, L. M., Randel, A. E., Chung, B. G., Dean, M. A., Holcombe Ehrhart, K., & Singh, G. (2011). Inclusion and diversity in work groups: A review and model for future research. Journal of Management, 37(4), 1262–1289. doi.org
  10. Locke, E. A., & Latham, G. P. (2002). Building a practically useful theory of goal setting and task motivation: A 35-year odyssey. American Psychologist, 57(9), 705–717. doi.org
How were the numbers gathered?Read more
  • The satisfaction figure is an informal survey I ran myself with the twenty people who use the system regularly, not an independent study, and it should be read as what it is.
  • The entry-time range is measured against the prototype it replaced, on the same task with the same staff.
  • The running cost is the total of invoices I pay and forward to the company.
  • The source is not public. It runs Blitz's commercial operation, so this study argues from decisions and from what I can show.
02
Blitz Packaging Limited · 2024 to present · sole designer & developer

A factory with no front door.

Role
Sole designer & developer
Timeline
2024 to present · live
Outcome
Monthly search impressions went from about 100 to roughly 700.

My first job as their designer was to stop treating the website as decoration. Blitz makes packaging for companies across Uganda, and what a buyer met was four hand-maintained pages that never named the thing they were searching for. I wasn’t hired to restyle it; I asked to rebuild how it was organised, and then made the case for it.

My roleResearch, design & apply branding, UI, build website, handover, maintenance & analytics
Tech StackHTML, CSS, vanilla JS, PHP, Font Awesome
Design toolsFigma, Illustrator
BEFORE · 2024: WHAT I INHERITED
⚲ Plot 20-22 Nalukolongo Ring✆ +256 756 958995✉ info@blitzpackaging.co.ug
ⓘ About us▣ Products
Who we are
Blitz Packaging Ltd is primarily involved in the manufacturing of plastic bags, wrapping and packaging products for the local market in Uganda. Blitz has established itself as one of the promising players in the market providing quality while building meaningful connections with our customers.
Why choose us?
At Blitz, we understand the vital role packaging plays in enhancing your product's appeal and ensuring its safety during transit. With our unwavering commitment to innovation, quality, and customer satisfaction, we aim to exceed your expectations at every step.
What we do
We take pride in manufacturing a diverse range of high-quality products to meet your packaging needs. From carrier bags for shopping to sheeting, we have you covered. Whether you're a supermarket, bakery, bottling company or laundry service…
Our Products
Packaging Bags
These are manufactured for supermarkets, bakeries and companies providing laundry services…
Bread Bags
These are manufactured for supermarkets, bakeries and companies providing laundry services…
Shopping Carrier Bags
These are manufactured for supermarkets, bakeries and companies providing laundry services…
DIAGNOSIS · WHAT IT COST THEM
  1. Four pages, a dozen product lines. Carrier bags, bread bags, shrink wrap and the rest all shared a single Our Products strip. Nothing a buyer searched for had a page of its own to land on.
  2. It never used the words buyers type. Someone looking for carrier bags in Kampala found nothing here to match. The site answered to the company name, which is the one search nobody runs.
  3. The homepage opened on a carousel. No headline, no claim, nothing naming what the company actually made. The first words on the page were Who we are, then three paragraphs of company description before the first product appeared.
  4. No accessibility baseline. No visible focus states, no considered heading order, no alt text discipline. None of it had been measured against WCAGWeb Content Accessibility Guidelines: the standard for whether a site can actually be used with a keyboard, a screen reader, or low vision..
I didn't just restyle this. I rebuilt how it was organised: one page for each thing a buyer searches for, built for SEOSearch engine optimisation: shaping a site so it turns up when someone searches for the thing it sells, rather than only for the company name. from shared components and a custom CMSContent management system: the interface a team publishes through, so changing the site means filling in a form rather than editing code or waiting on a developer., so the team can keep it moving without me.
AFTER · 2026: WHAT I SHIPPED
Plot 20–22 Nalukolongo Ring Road, Kampala+256 756 958995info@blitzpackaging.co.ugMon–Sat, 8 AM–5 PM
AboutProductsIndustriesSustainability
ContactRequest a quote →
AboutProductsIndustriesSustainabilityContact
FLEXIBLE PLASTIC PACKAGING SOLUTIONS IN UGANDA
Packaging that carries your brand forward.
Present your product differently
From carrier bags to co-extruded films, Blitz Packaging Ltd manufactures quality flexible plastic packaging solutions in Kampala, Uganda for supermarkets, bakeries, bottlers and industry across East Africa, built on global-grade resins and precision printing.
Request a quote →Explore products
3-layer co-extrusion
Stronger, thinner films
Digital CI printing
Sharp, brand-true results
Global-grade resins
ExxonMobil · Qatar · Sabic
WHAT THE REBUILD DOES · AND WHY IT WORKS
  1. Twelve pages, one per thing they sell. Carrier bags, bread bags, shrink wrap and the rest each got a page of their own, named for the thing itself and ending in a way to ask what it costs. A buyer following a search lands on the answer instead of a homepage that happens to mention it.1
  2. A headline where the carousel was. Visual appeal is judged in roughly 50 milliseconds, before anyone reads a word, and auto-advancing panels get mistaken for adverts and skipped. So the hero holds still and carries one sentence, with three capabilities under it in six words each. People get through somewhere between a fifth and a quarter of the words on a page, and anything longer is a page you choose to open.234
  3. Pages with nothing to wait for. Shared components render flat pages with no database in the request path. Google's study with Deloitte measured a 0.1 second gain in mobile load time moving retail conversions by 8.4 percent, and the cheapest way to buy that time is never to spend it.5
  4. Accessibility built in, not retrofitted. Focus states, heading order and alt text live in the components rather than in an audit at the end. The W3C's case is that this widens reach and lowers legal exposure at once.6
THE INSIGHT

Nobody searches your company name.

carrier bags uganda
blitzpackaging.co.ug › carrier-bags
Carrier Bags in Uganda
Printed and plain carrier bags for supermarkets, bakeries and laundries in Kampala.

Buyers type “carrier bags Uganda”, not “Blitz Packaging”. So the site stopped being a brochure and became twelve pages, one for each thing they make. Each one answers the silent question a buyer arrives with: can these people actually do it?

THE CRAFT

Google reads the page before any buyer does.

ONE HERO, TWO READERS
READ BY THE CRAWLER
FLEXIBLE PLASTIC PACKAGING SOLUTIONS IN UGANDA
READ BY THE BUYER
Packaging that carries your brand forward.

Every page has two readers: the crawler that decides who finds it, and the person who arrives. Write for one and you lose the other, because words chosen to rank read like a list. So I stacked them. The line above the headline is the search phrase itself, “flexible plastic packaging solutions in Uganda”. The headline under it is for the human who just landed.

THE HANDOVER

Designed for how buyers actually make contact.

PINNED TO EVERY PAGE
✆ WhatsApp
PUBLISHED WITHOUT ME
News · Campaigns · Google Ads

A floating WhatsApp button, because that is the channel Kampala buyers actually use, not a form built for how I'd like them to behave. People arrive carrying the habits every other app taught them, and a site that argues with those habits loses. The publishing workflow means the marketing team runs the site alone: news, campaigns, Google Ads. I don’t want to be a dependency.7

RESULTS · MEASURED, NOT CLAIMED
0×
monthly search impressions,
100 → roughly 700
~0
inquiries a month,
from almost none
25%
average click-through
(Google Search Console)
SOURCES · 7Show the list
  1. Pirolli, P., & Card, S. (1999). Information foraging. Psychological Review, 106(4), 643–675. doi.org
  2. Lindgaard, G., Fernandes, G., Dudek, C., & Brown, J. (2006). Attention web designers: You have 50 milliseconds to make a good first impression!. Behaviour & Information Technology, 25(2), 115–126. tandfonline.com
  3. Nielsen, J. (2013). Auto-forwarding carousels and accordions annoy users and reduce visibility. Nielsen Norman Group. nngroup.com
  4. Nielsen, J. (2008). How little do users read?. Nielsen Norman Group, reporting Weinreich et al., ACM Transactions on the Web, 2(1). nngroup.com
  5. Deloitte, commissioned by Google (2020). Milliseconds make millions. Deloitte Ireland. web.dev
  6. W3C Web Accessibility Initiative (2018). The business case for digital accessibility. World Wide Web Consortium. w3.org
  7. Nielsen, J. (2000). Jakob's law of internet user experience. Nielsen Norman Group. nngroup.com
03
A research institute site, reorganised · 2026

World-class research, filed like an org chart.

Role
Self-initiated, no client
Timeline
2026
Outcome
A concept, so there is nothing to measure. The artifact is the argument.

The institute's value is that its work crosses departments. Its site is an administrative directory, so that is the one thing you cannot see: research surfaces as news posts and PDFs, ages off the homepage in a fortnight, then stops existing.

My move: make the research problem the primary organising unit. Not the department, not the membership category. People, labs, publications and news all hang off a problem. A directory answers "who is a member?" Members arrive asking "who else is working on this?"

Designed forMembers & faculty, first
ScopeFull IAInformation architecture: how a site's content is grouped, ordered and named. It decides what a reader can find, and it is invisible until it is wrong. rethink + 5 screens
Design toolsFigma, HTML & CSS rebuild
StatusUnsolicited concept · not affiliated with the University of British Columbia or ICICS
THE INSIGHT

A department is an answer to a question nobody asked.

I sorted the site's published work the way a member would: by what they came to do. Almost nothing sorted cleanly under a department, and everything sorted under a problem. This is desk research rather than a card sortA research method: people group the site's content into piles that make sense to them, so the structure comes from how readers think rather than from how the organisation is arranged. with participants, because it is the sort I could run alone, from what the institute has already made public. Running it properly with members is day one of the engagement, and it would test this rather than replace it.

CONTENT AUDIT · 6 PROBLEMS, 8 DEPARTMENTS
Human–computer interactionCS · ECE · Psychology
Robotics & autonomyMech · ECE · CS
Medical imaging & health informaticsECE · CS · Radiology · BME
Machine learning & dataCS · Statistics · ECE
Sensing, networks & devicesECE · Mech
Cognitive systemsPsychology · CS · iSchool
Sorted from the institute's published research areas and public member listings
THE INFORMATION ARCHITECTURE

One structural change does all the work.

Today research is a leaf node in the IAInformation architecture: how a site's content is grouped, ordered and named. It decides what a reader can find, and it is invisible until it is wrong.: buried under news, or a PDF attached to a member's page. Move it to the root and the cross-departmental collaboration the institute exists for becomes the thing you browse, not the thing you have to already know about.

NOW · ADMINISTRATIVE DIRECTORY
Institute
About · Members (by department) · News · Events · Facilities · Contact
↳ research lives inside news posts and PDFs
PROPOSED · PROBLEM FIRST
Institute
Research problems (6)
↳ people · labs · publications · news · facilities
About · Join · Members' tools
CURRENT SITE · REBUILT IN HTML, BRANDING REMOVED
[ UNIVERSITY MARK ]
[ INSTITUTE NAME ]
AboutMembershipFacilitiesResearch to InnovationNews & EventsContact
Home / Research to Innovation / Research Clusters
Research Clusters

The institute supports research clusters in areas of established and emerging strength. We provide various combinations of seed funding, lab and office space, workshop and conference logistical and financial support, and grant-writing and communications support to the following clusters:

Human–computer interaction

Lead: A. Researcher, ECE. This cluster focuses on how people work with systems that learn, including interfaces for machine learning models, the design of explanations, and the study of trust and reliance in automated decision support across a range of applied settings.

Robotics & autonomy

Leads: B. Researcher, Mech; C. Researcher, CS. The cluster endeavours to advance how machines act in unstructured space. By collaborating with experts in engineering, biology and public policy, it addresses key challenges such as manipulation under uncertainty, safe motion planning, and field deployment in remote environments, and it leverages advanced computational techniques and machine learning to promote resilient autonomous systems and enhance robotic communication.

Medical imaging & health informatics

Leads: D. Researcher, Radiology; E. Researcher, BME. Turning scans, signals and records into decisions clinicians can act on.

Machine learning & data

Lead: F. Researcher, CS (Director); G. Researcher, CS (Founding Director). The centre is the university's centre of excellence for method work and knowledge mobilisation, with a network of more than fifty professors leading groups that develop tools for decision-making and action. The centre also studies the social, policy and ethical impacts of the field.

Sensing, networks & devices

Lead: H. Researcher, ECE. The hardware layer everything else assumes.

Cognitive systems

Leads: I. Researcher, Psychology; J. Researcher, CS. This cluster brings together work on minds, models and where they diverge, spanning perception, memory and language, and connecting experimental work with computational accounts of the same phenomena.

Research Labs
Research Clusters
Integrated Sensing
Ideas With Impact
DIAGNOSIS · WHAT THE PAGE CANNOT TELL YOU
  1. Every cluster is a paragraph. Name, lead, then prose. No counts, no tags, no dates: nothing is broken out, so the only way to compare two clusters is to read both and hold them in your head.
  2. One runs eight lines, the next runs two. Length tracks who wrote the entry, not how much work sits behind it, and on a page with no other signals length is the only signal.
  3. Some clusters lead off the site entirely. A few names are links to a separately built cluster website with its own navigation and its own look. Others go nowhere at all. Either way the institute stops being the place its research lives.
  4. The overlap is in the prose, never in the structure. Individual entries mention working with clinicians, or with marine biology and public policy. That cross-faculty collaboration is the institute's stated purpose, and the page can only tell you about it one paragraph at a time.1
My move: make the research problem the primary organising unit.
PROPOSED · 2026: THE REWORK
SCREEN 01 · HOME
[ UNIVERSITY MARK ]
[ INSTITUTE NAME ]
ResearchPeopleLabsNewsJoin
MEMBERSBook spaceGrant deadlinesInternal directorySearch ⌕
WHAT WE'RE WORKING ON
Six problems, and everyone here working on them.
People, labs, publications and funding all hang off a problem, so you can see who to talk to before you know their department.
Human–computer interaction
Led by:A. ResearcherK. Researcher
How people work with systems that learn.
CSECEPsychology
24 people · 6 labs
Shares people with Machine learning & data, Cognitive systems
Robotics & autonomy
Led by:B. ResearcherC. Researcher
Machines that act in unstructured space.
MechECECS
19 people · 5 labs
Shares people with Sensing, networks & devices
Medical imaging & health informatics
Led by:D. ResearcherE. Researcher
Turning scans and records into decisions.
ECECSRadiologyBME
31 people · 7 labs
Shares people with Machine learning & data
Machine learning & data
Led by:F. ResearcherG. Researcher
Method work, and what it costs to deploy.
CSStatisticsECE
27 people · 8 labs
Shares people with 4 of the 5 other problems
Sensing, networks & devices
Led by:H. Researcher
The hardware layer everything else assumes.
ECEMech
22 people · 6 labs
Shares people with Robotics & autonomy
Cognitive systems
Led by:I. ResearcherJ. Researcher
Minds, models, and where they diverge.
PsychologyCSiSchool
16 people · 4 labs
Shares people with Human–computer interaction
FROM THE LABS
PreprintFiled under Medical imaging & health informatics, and still on that page next year
GrantFiled under Robotics & autonomy, alongside the four labs sharing it
SCREEN 02 · ONE PROBLEM
[ UNIVERSITY MARK ]
[ INSTITUTE NAME ]
ResearchPeopleLabsNewsJoin
Research / Medical imaging & health informatics
Medical imaging & health informatics
Turning scans, signals and records into decisions clinicians can act on. Four departments, one problem.
31
PEOPLE
7
LABS
84
PUBLICATIONS
4
OPENINGS
PeopleLabsPublicationsNewsFacilities
[ Name ]
Electrical & Computer Eng.
[ Name ]
Computer Science
[ Name ]
Radiology
[ Name ]
Biomedical Eng.
[ Name ]
Computer Science
[ Name ]
Statistics
WHY THIS PAGE EXISTS
A member arrives asking "who else here is working on this?" A directory can't answer that. This page can, and it answers it across four departments at once.
DEPARTMENTS INVOLVED
Electrical & Computer Engineering
Computer Science
Radiology
Biomedical Engineering
MEMBER SHORTCUTS
Book the imaging suite
Grant deadlines for this cluster
WHAT THE REWORK DOES · AND WHY IT WORKS
  1. A card that answers before you read it. Name, one line of what it is, then people and labs as figures, in the same shape every time so a short entry no longer reads as a minor one. You can rank six of these without finishing a sentence.23
  2. Departments as tags, not as prose. The faculties involved sit on the card as badges. Two clusters sharing a tag is the collaboration the institute exists for, finally visible in the structure instead of buried in the fourth sentence of a paragraph.1
  3. Overlap is a first-class field. Each cluster names the others it shares people with. That is the question a member actually arrives with, and no amount of prose per cluster can answer it: the answer lives between clusters.4
  4. Every cluster stays on the institute. A cluster page is a page here, with its people, labs, publications and facilities attached, and outside project sites become one link among those.

Features

What the rework adds, and what each one is for.

FEATURE 01 · NEWS & EVENTS FEED

News that does not stop existing after a fortnight.

A good feed needs two things: to be easy to keep current, and to be worth looking at. One decision does both. Every item is filed against a research problem before it publishes, so publishing once puts it in the feed and on the problem page, and that same tag becomes the lead item's artwork: the subject set large rather than a photograph of a corridor.

SCREEN 03 · NEWS & EVENTS
[ UNIVERSITY MARK ]
[ INSTITUTE NAME ]
ResearchPeopleLabsNewsJoin
Home / News & events
NEWS & EVENTS
Published this month, and where it will still be in 2030.
Everything below is filed against a research problem, so the feed is a view of the institute's work rather than the only place that work exists.
FILED UNDEREverything24Human–computer interaction5Robotics & autonomy3Medical imaging & health informatics7Machine learning & data4Sensing, networks & devices2Cognitive systems3
FILED UNDERMedical imaging & health informatics
News11 March 2026
Four departments, one imaging pipeline
How radiology, electrical engineering and computer science ended up annotating from the same set of rules, and what it cost to get there.
PreprintUncertainty-aware segmentation for low-dose scansMedical imaging & health informatics9 March
GrantSeed funding opens for cross-cluster projectsInstitute-wide6 March
AwardK. Researcher elected a fellow of the national academyHuman–computer interaction3 March
NewsThe field robotics testbed comes onlineRobotics & autonomy27 February
PreprintWhat people do when the model says it is unsureCognitive systems24 February
NEXT UP
Thu 12 MarGuest lecture: what a model owes its user
Thu 19 MarIntro to the imaging suite
Fri 20 MarGraduate board games night
SCREEN 04 · THE EDITOR'S VIEW
New item
TitleIntro to the imaging suite
TypeEvent · Workshop ▾
When19 / 03 / 2026 · 14:00 · Imaging suite, level 2
File underMedical imaging & health informatics ▾Required
Seats24Registration opens on publish
Publish
PUBLISHES TO
The news & events feed
The Medical imaging problem page, permanently
The events calendar, because it carries a date
Four fields the current site already asks for, and one that it does not. The one it does not is the only required field on the form, and it is the reason the other three surfaces need no separate upkeep.
WHAT THE FEED DOES · AND WHY IT STAYS CURRENT
  1. One required field does all of it. An item is filed against a research problem before it can publish, and that single tag puts it in three places at once: the feed, where it is current; the problem page, where it stays; and the calendar, if it carries a date. The CMSContent management system: the interface a team publishes through, so changing the site means filling in a form rather than editing code or waiting on a developer. gains one field and the site stops losing its own history.
  2. The feed is a view, not the archive. Nothing here exists only in the feed. A post from four years ago still sits on the problem page it belongs to, because that page is organised by subject rather than by date. News ageing off the homepage stops being the same event as news disappearing.1
  3. The one visual element is generated from the record. The problem an item is filed under is already captured, and setting it large is what makes the lead read as a lead. Visually engaging and easy to update stop being two requirements if the art comes out of a field the editor has already filled in.2
FEATURE 02 · INTERACTIVE EVENTS CALENDAR

Filter by what it is. Register without leaving.

Speaking engagements, workshops, socials and deadlines, narrowed by type and registered for in the same row you read them in. The filters work, the days select, arrow keys move through the month and the register buttons hold their state. A calendar you cannot operate is a picture of a calendar.

SCREEN 05 · EVENTS CALENDAR
LIVE · TRY IT
Events
March 2026

Showing 14 of 14 events in March 2026 · all types

March 2026
SundayMondayTuesdayWednesdayThursdayFridaySaturday
Thursday 12 March 2026
Speaking engagement
Guest lecture: what a model owes its user
11:00 · Institute seminar room
Filed underHuman–computer interaction
52 of 90 seats taken
Workshop
Lab methods: uncertainty in segmentation
14:30 · Imaging suite, level 2
Filed underMedical imaging & health informatics
12 of 18 seats taken
Social
Coffee and clusters
16:00 · Atrium
Filed underInstitute-wide
Open to all, drop in
Sample content, three months of it. Tab into the grid and the arrow keys walk the month.
WHAT THE CALENDAR DOES · AND WHY IT WORKS
  1. The filter announces itself to a screen reader. Narrowing to two types updates a count in a live regionA part of a page marked so a screen reader announces it when it changes. Without one, an update that is only visible is simply missed., so someone who cannot see the grid redraw still learns what changed. A day whose events are hidden says how many rather than quietly looking empty.5
  2. Registration sits where the decision gets made. Seats remaining are in the same row as the event, and so is the button. No second page, no third-party form, and no finding out it was full after you had already decided to go.6
  3. The whole month works from the keyboard. Tab reaches the grid once, then the arrow keys walk the month and the panel below follows the day you land on. Focus is visible on every control, the month is a real table caption so a screen reader announces which one it is reading, and the register button reports its own state instead of only changing colour. This is the part that normally waits for an audit to find it.57
ACCESSIBILITY · BUILT TO WCAG 2.1 AA
Contrast that clears 4.5:1 on body text and 3:1 on large text, a visible focus ring on everything reachable by keyboard, a heading order you can navigate by, and no colour carrying meaning on its own: WCAGWeb Content Accessibility Guidelines: the standard for whether a site can actually be used with a keyboard, a screen reader, or low vision. 2.1 at level AA, measured rather than claimed. An institute publishes for everyone who might read it, so this is a constraint the design starts from rather than an audit bolted on at the end.57
THE FILTER · RELATIONSHIPS, NOT KEYWORDS
Filter by problem, by department, by which clusters already share people with which, and by whether a cluster is taking students. The third one is the point: choosing Radiology does not only return clusters tagged Radiology, it returns the ones collaborating with it. A keyword filter can only find what somebody remembered to type into a paragraph.14
FAMILIAR UI · WHY IT IS ROUNDED
Rounded cards, pill controls, tags: the vocabulary of the interfaces people already use every day. An unfamiliar pattern spends working memory on the interface instead of on the research. A first-year who has never read a paper should not also have to decode a website in order to find the person they want to work with.68
SOURCES · 8Show the list
  1. Institute for Computing, Information and Cognitive Systems (2026). A multidisciplinary research institute supporting collaborative research, with over 150 faculty from 10 faculties and schools. University of British Columbia. icics.ubc.ca
  2. Nielsen, J. (2008). How little do users read?. Nielsen Norman Group, reporting Weinreich et al., ACM Transactions on the Web, 2(1). nngroup.com
  3. Nielsen Norman Group (2017). F-shaped pattern of reading on the web: Misunderstood, but still relevant (even on mobile). Nielsen Norman Group. nngroup.com
  4. Pirolli, P., & Card, S. (1999). Information foraging. Psychological Review, 106(4), 643–675. doi.org
  5. W3C (2018). Web Content Accessibility Guidelines (WCAG) 2.1. W3C Recommendation. w3.org
  6. Nielsen, J. (2000). Jakob's law of internet user experience. Nielsen Norman Group. nngroup.com
  7. W3C Web Accessibility Initiative (2018). The business case for digital accessibility. World Wide Web Consortium. w3.org
  8. Sweller, J. (1988). Cognitive load during problem solving: Effects on learning. Cognitive Science, 12(2), 257–285. doi.org
Disclaimer: this is a self-initiated concept with no affiliation with the University of British Columbia or ICICS.Read more

I found a clusters page I thought could be considerably better, took it as a base and made the case. I have no inside knowledge of their constraints. Every render above is my own build in HTML and CSS, and it uses the University of British Columbia's published brand colours, because the before and the after have to share a palette or the comparison is just colour. No crest, wordmark or logo appears anywhere: those are theirs, and the argument is about structure.

The five screens are populated with illustrative content: names, counts and dates that show how the layout behaves, not findings about the institute. The content audit above is the one artifact making a claim, and it is sorted from published material.

Also shipped

Other things I have worked on, used every day.
WORDPRESS · PHP · MYSQL

Employee & HR portal

Records, time-off and clock-in hours managed by HR themselves, and it replaced a paid third-party licence.

UBC FORMULA ELECTRIC

Vehicle control software

On the vehicle controls team: the software that reads the sensors and drives the motors on a Formula Student race car, integrated with suspension and electrical.

FREELANCE · FIGMA · REACT · EXPO

HelloDay, classroom platform

Two-person build. I took the client's brand guidelines into web and mobile screens, then owned auth and load: 5,000 concurrent users, COPPA safeguards for under-13s, a security audit acted on before launch.

About

I'd rather fix the form than redraw the logo.

I'm a computer engineering student at UBC, graduating 2029. For the last two years I've been the only designer at a manufacturing company in Uganda: researcher, illustrator, full-stack dev, and the person who trains the marketing team on Monday morning.

That mix is the whole point. I design as the customer first (I want to know why someone bounced before I want to know what typeface we're using) and then as the stakeholder who has to live with the maintenance bill. What I care about most is giving a business room to be itself: real customisation, on architecture that won't trap them in two years.

EDUCATION
BASc Computer Engineering
University of British Columbia
Vancouver · 2029
CERTIFIED
HarvardX CS50W
DELF B1 & B2
LANGUAGES
English · French · Hindi
Maneet Bhatt
Available for designer & developer roles · Vancouver and remote

Got a mess? Let's give it a shape.