GORDEN OWUSU KEGYA
Upload to our gallery now! keyboard_arrow_right
What works
Color palette communicates trust and professionalism. The dominant blues create a consistent brand tone that suits a legal services site.
Clean, minimal header and visible logo help establish hierarchy. The hamburger and logo placement are conventional and easily scanned on mobile.
The composition uses modern layered shapes and a phone-within-screen motif to signal mobile-first service. The rounded geometry feels contemporary and approachable.
The search bar as the central CTA is a good choice for a service that wants users to ask questions quickly.
What weakens the piece
Contrast and legibility are a problem. White text on mid-to-dark blue is readable in places, but the headline and small UI text compete with the busy background and lose impact, especially against the circular gradients.
The hero photograph is overfiltered with blue tint and heavy overlays, which reduces emotional warmth and makes the subject appear muted. The face and expression, the natural point of connection, are visually suppressed.
The layered circles overlap the focal photo in ways that feel arbitrary rather than purposeful. They obscure key parts of the image and break the visual flow.
The search field lacks strong affordance. The input and its border are subtle and do not read as an immediately tappable element on a small screen.
The bottom and top system chrome in the screenshot steal real estate and reduce immersion. They distract from evaluating the design itself.
Typography scale could be improved. The headline and the input placeholder do not have a strong size contrast, which flattens the information hierarchy.
Concrete suggestions
Increase contrast for text. Either darken the background behind the headline or add a subtle, semi-opaque overlay behind the text so the copy reads clearly on all devices.
Reduce or remove the blue cast on the photograph. Let the photo retain more natural tones so the subject feels more human and trustworthy. If a color treatment is needed, use a lighter tint or a gradient fade toward the background rather than full color wash.
Rework the decorative circles. Use them to frame or point toward the CTA instead of covering the subject. Consider lowering their opacity or resizing them so they complement rather than compete with the photo.
Make the search input more tappable. Add a clear boundary, slightly higher contrast, and a gentle drop shadow or inset to communicate depth and interactivity. Increase the placeholder size and weight to enforce hierarchy.
Tighten typography. Increase headline size or weight, and ensure a greater gap between headline and input. Use a type scale that prioritizes the main action and guides the eye downward.
Crop or deliver mockups without device chrome when presenting the design. That will let the layout breathe and make evaluation easier.
Accessibility and UX notes
Test color contrast ratios against WCAG standards for all text states, including placeholder text and disabled states.
Ensure tappable targets meet minimum size guidelines and have sufficient spacing to avoid accidental taps on mobile.
Add clear focus styles and labels for the input so keyboard and assistive technology users can interact reliably.
Consider an alternative accent color or a secondary warm tone for CTA highlights to balance the cool blues and add emotional warmth.
Overall impact
The design communicates competence and modernity, which is appropriate for a legal service. However, stylistic choices currently undercut emotional connection and usability. With stronger contrast, less aggressive filtering of photography, and clearer input affordances, the piece could better balance professional authority with human approachability.

Comments
Post a Comment