MY ROLE & RESPONSIBILITIES
UI/UX Design, User Research, User Flows
TIME
2 months (June 2023 - August 2023)
TOOLS
Figma, Photoshop
In June 2023, we were approached by DUOS and had been asked by them to recreate and rebrand their current website. Their website was out of date, filled with clunky UI, messy layouts, large color blocks, and inconsistent text sizes and colorings. They hoped to rebrand into a more airy, playful theme.
Before we committed to the job, we needed to make sure that our design styles and ideas for the rebrand would match the client's needs. To do that, we created 3 different UI samples. These samples all followed the idea of creating an airy, playful theme, while still being different enough to show off the range of our design abilities. The client was also asked to provide some examples of websites they liked and would take inspiration from. Each sample consisted of a logo, color palette, and three screen examples.
After a little bit of back and forth, we collectively ended up choosing the second option.
Before we could begin designing the wireframes, we needed to map out and know which pages were needed and the flow of the site. To do that, we navigated through their current site in order to build a sitemap. After discussing with the client, we figured out all the necessary pages were for the redesign.
With the help of the site map, I started drawing up some paper wireframes to layout the basic design of the home page. I wanted to make sure I incorporated a hero image, a featured section, and a footer with company details.
After the lo-fi sketches got approved, we wanted to make sure we established an exact brand and style guide moving forward. This significantly decreases the time it takes to create and ideate our designs because we know we have a reference to look back to.
After establishing a style guide, we began creating out high-fidelity screens that eventually led to our final designs. We made sure that the designs would translate well onto mobile as well.
After the hi-fidelity screens were approved, we reached out to the developers and came up with this final product:
View Final Design
