Law Firm

UX Design for website

About

The client wanted a website redesign that promoted the discovery of new articles and improved navigation. While working within their framework, we developed designs from wireframes to high-fidelity mockups. Due to the NDA, names and information of the client have been removed.

Wireframes

Screen Shot 2022-04-07 at 10.48.06 AM.png

The exploration phase of the design involved creating wireframes with different ideas in order to find the best solution. 

The website currently has 3 columns in the second navigation bar on the left. While they wanted to keep that feature, we proposed a smaller secondary navigation bar in addition to their ask.

Screen Shot 2022-04-07 at 10.49_edited.jpg
Screen Shot 2022-04-07 at 10.48_edited.jpg

Wireframe Selection

From the exploration phase, we selected screens with the best designs to design further.

Screen Shot 2022-04-07 at 10.49.57 AM.png

Mid-Fidelity Designs

Three-column secondary navigation bar

Screen Shot 2022-04-07 at 10.50_edited.jpg
Screen Shot 2022-04-07 at 10.50_edited.jpg

Annotation Mode allows users to highlight, comment, and track information in the Portal. These designs were translated from Adobe XD to Figma and redesigned.

Two-column secondary navigation bar

Screen Shot 2022-04-07 at 10.51_edited.jpg

Single-column secondary navigation bar

Screen Shot 2022-04-07 at 10.51_edited.jpg
Screen Shot 2022-04-07 at 10.51_edited.jpg