Get a first hand look at a website redesign that helps people of diversity find employment.

1. Staffing Agency Re-Design & Brand
Case Study
Abel Alvarez

2. The project:
Non-profit staffing agency needs updated online
branding and responsive web design. Requests
repurposing existing content, creatives, typography,
color, and iconography.
Project overview
Project duration:
July 2022 - August 2022

3. The problem:
Since 1983, our stakeholder has had the same
website design, look, and functionality
Project overview
The goal:
Enhance online brand presence. Utilize existing
typography palette and content. Update
website and design mobile app.

4. My role:
UX design, UI design, UX research, Validation
Project overview
Responsibilities:
My job is to plan, design, research, develop a
prototype, and produce app.

5. Understanding
the user
● User research
● Personas
● Problem statements
● Competitive audit
● Ideation

6. User research: summary
I conducted research insight surveys and interviews to better understand how users could benefit
from the service provided through the website, and studied their interaction with apps similar to
that of the stakeholder before launching a live version of these responsive assets.
User groups confirm that the service fulfills a great need missing from the marketplace. Studies
revealed users need an easy process that they can follow that has limited, but obvious options
available to select. It was assumed that aesthetic design would have an impact on user conversion,
but our assumptions changed after conducting our research.

7. Persona: Ernesto Gonzalvo
Problem statement:
Ernesto is a blue-collar
worker who needs
specialized training to
improve his
occupational status. He
wants a secure website
and phone app that he
can easily connect with
recruiters and
educators.

8. Persona: Lana Jackson
Problem statement:
Lana is a receptionist
who needs to be able to
know if there are
opportunities to work as
a photographer any time
of the day because her
occupation requires it.
she wants a fast and
secure phone app and
website address that she
can easily track jobs.

9. Competitive audit
The goal of this audit was to
identify any missing needs
in the job recruiter
marketplace, determine if
getting support in a timely
manner was possible, and
testing ease of use for this
type of technology.
Click to view the full competitive audit and audit report

10. Ideation
The goal of this ideation was
to develop the splashpage
and coherent pages that
were thoughtful, coherent,
and brief based upon the
competitive audit analysis.
This paper wireframe depicts
a process that is pleasing,
simple to use, and enhances
the stakeholder’s brand.

11. ● Digital wireframes
● Low-fidelity prototype
● Usability studies
Starting
the design

12. Digital wireframes
The goal throughout the
development process was
to keep the app extremely
simple to use, engaging,
and relevant.
Kept design
simple by
including only 1
call to action
button above
the fold.

13. Low-fidelity prototype
The user flow proceeds
through three to four
screens that are simple
to understand and use.
Click to view the
low-fidelity prototype

14. Usability study: parameters
Study type:
Unmoderated usability study
Location:
United States, remote
Participants:
5 participants
Length:
5-10 minutes

15. Usability study: findings
Users need more precise
and simpler options to be
available when they are
outlining the details of
their ideal job.
Provide Options
Make it Fun
Notifications Help
Users need positive
reinforcement to help
them get the full benefit of
using digital tools.
Users want to know
immediately when there’s
a job opportunity that
meets their criteria.
1 2 3
We redesigned the website to be responsive and developed an app for job seekers to get immediate help from the non-profit staffing
agency. Through our usability study we found that the main user wants an enjoyable experience while searching and scheduling
appointments and applications should be easy for users to complete. We determined users could complete core tasks within the
prototype of the website and app and that these responsive properties were not difficult to use.

16. ● Mockups
● High-fidelity prototype
● Accessibility
Refining
the design

17. Mockups
Early design goals were to
provide information while
also making the start process
simple. After usability studies,
it was determined that
keeping one call to action
with very limited text on the
Home screen was the best
way to go.
Before usability study After usability study

18. Mockups
Early design goals were to
highlight specific members who
contributed. After usability
studies, it was determined that
the best approach was to
dedicated pages specific to
organizations and build out
more content to boost SEO.
Before usability study After usability study

19. Key mockups

20. High-fidelity
prototype
The final high-fidelity
prototype encompasses all
the ease and clarity
necessary for general public
use based from usability
study testing and research.
Click to view the high-fidelity
prototype.

21. Accessibility considerations
Enabled ability to create
Shortcut from the lock
screen for better access
when in emergency
1 2 3
Enabled magnification
and color correction or
inversion.
Enabled screen readers to
detect and read text that
has been manually or
automatically selected.

22. ● Information architecture
● Responsive design
Responsive Design

23. Sitemap
This sitemap is an
organizational structure
for stakeholders
responsive website design
ensuring that the user has
a coherent experience
throughout responsive
website and mobile app.

24. Responsive designs
Responsive design for
screen size variation
includes mobile, tablet, and
desktop device viewing
ability and optimization so
that the user has a positive
experience on any device
no matter what screen size.

25. ● Takeaways
● Next steps
Going forward

26. Takeaways
Impact:
As the designer of this project, I feel that the
responsive website and mobile app help
enhance the stakeholders online brand and
digital presence.
What I learned:
I’ve learned that ideas are limitless and in
today's world, it’s possible to realize them
nearly instantly. In an organized and appealing
manner, a presentation can inspire an exact
prototype and full scale product.
“What a great design for the website where the pictures
and colors are. I can get around it pretty good. I think
the phone app is a one of a kind.” - Chuck, Plano, TX

27. Next steps
Conduct more usability
studies to shape the
website navigation and
phone app.
Conduct A/B testing.
Implement ecommerce
store with information
packed digital products.
1 2 3

28. LinkedIn
Email
Thank you for reviewing this staffing agency website
redesign and branding case study, No.2.
Feel free to contact me if you have any questions.