Flow mapping
Document the steps and decisions in the selected user tasks.
UX/UI design for the tasks St. Petersburg buyers and users need to complete.
A redesign often inherits the old paths with new colours. We map what visitors and product users must actually do, then design screens, controls and states that support those tasks. Norml Studio works with St. Petersburg teams from its Florida office in Fort Myers.
A few clients we’ve worked with
What we do
Design flows, screens and interaction states that support a defined user task.
Where we are, and where you are.
We do not have an office in St. Petersburg, and the map is honest about it: the pin is our Florida office in Fort Myers, about 135 miles north-west of our Fort Myers office. The distance changes how easy it is to meet, not how the work runs.
The interface looks complete until someone uses an edge case.
New visual styling sits on the same confusing journey as the old site.
Empty, loading and error states were left out of the design.
Desktop screens are approved before anyone checks the mobile task.
Developers must guess how controls behave after a click or failed input.
What UX/UI design covers.
We use the selected user tasks to decide which existing patterns stay, which change and which states need design. We choose the journeys and user roles in scope, then design the information hierarchy, screens, interactions and states. The work may cover a website, dashboard or product workflow. Research and usability testing are specified separately when they need participants or data access.
Interface architecture
Arrange content and controls around the information users need at each step.
Responsive screens
Design representative layouts and behaviours across the agreed devices.
States and handoff
Show validation, empty, loading and error states with implementation notes.
What you get.
The output must explain behaviour, not just show finished screens.
- 01
User-flow maps for agreed tasks.
- 02
Responsive Figma screens and components.
- 03
Interaction and edge-state specifications.
- 04
Developer handoff notes and review criteria.
Our process
How the work runs.
Define tasks
Agree users, goals and the workflows to design.
[ 01 ]
Map flows
Resolve steps, information and decisions before detailed screens.
[ 02 ]
Design states
Create responsive screens and interaction variants.
[ 03 ]
Hand off
Document behaviour and review implementation where included.
[ 04 ]
Let's chat
“I've spent 10 years working across development and marketing. I started as a developer, but design, SEO and advertising were already part of the job. That taught me to treat a website as one system: the business, the content, the design and the code have to work together. At Norml, I lead the architecture behind our work and stay involved wherever strategy, design, development and search meet.”
Max TymoshynFounder & Architect
Get startedUX/UI design for St. Petersburg websites and products questions.
How is this different from web design?
Web design covers the public page system and buyer journey. UX/UI design can also cover application screens and the states of specific user tasks.
Does this include user testing?
Testing can be scoped with recruitment and a method. A design review alone is not presented as user research.
Are you in St. Petersburg?
Our Florida office is in Fort Myers. We work with St. Petersburg product and website teams from there.
Are the case studies from this city?
No location claim is made for the published work shown here. Norml Studio’s Florida office is in Fort Myers; the examples show service work, not St. Petersburg client results.
Will you redesign every screen?
We first select the tasks and states that need work. The scope can retain usable patterns rather than redrawing the whole interface.
See the complete scope for flows, interfaces, states and handoff.