Case Study 1
Case Study 1
Project Overview
Client: Sir Jerry Okwara
Industry: OK Jerry Architectural Services
Project Type: Website Design (UI/UX + Development)
Role: UI/UX Design, Content Structure, Web Development
Tools: Figma, Adobe Photoshop, WordPress, Visual Studio Code
Sir Jerry Okwara doesn’t have a strong online presence that:
- Communicates his services and philosophy
- Build trust with potential clients
- Persuade clients to hire him
- Works seamlessly across desktop and mobile devices
The existing online presence lacked clarity, structure, quality and didn’t communicate with potential clients well.
Goals & Objectives
- Establish a brand image that communicates well with potential clients
- Improve user experience through clear navigation
- Present architectural projects visually and professionally
- Elevating the company’s level of confidence.
Research & Discovery
User research
Based on my research, people who are mostly in need of architectural services are:
- Property owners and private clients
- Real estate developersContractors and collaborators
Insights
Users cherish visual clarity and project imagery
- Simple navigation is the most preferrable
- Trust is built through professionalism and persuasive information
Wireframing
Wireframes were created to:
- Structure different layouts
- Plan user navigation and responsiveness
A 12-column grid system was used for the desktop view while a column grid system was used for the mobile view to ensure consistency, unity, alignment and scalability across different screen sizes.
Visual Design (UI)
Design Style
- Architecture-focused visuals
- Balanced color and white space
- Design Alignment
Color Palette
The colors used for the design were black and white to show professionalism
and to emphasis more on the typography and imagery.
Typography
- Anton SC fonts was chosen for the logo while Crimson Pro fonts was chosen for the content of the website for readability and elegance
- Clear distinction between headings, body text, and captions
Imagery
High-quality architectural visuals were prioritized to communicate with potential clients.
Challenge: Adding vector shapes to the design
Solution: Understood the design process to create multiple attractive vector shapes
Challenge: Presenting architectural work clearly
Solution: Structured project sections with strong visual hierarchy
Final Outcome
The final website:
- Presents OK Jerry Architectural Services as a credible and professional brand
- Provides smooth and intuitive user experience
- Effectively showcases architectural projects
- Encourages client engagement and inquiries
Key Learnings
- Simplicity enhances professionalism
- Strong visuals are essential in architecture-focused websites
- Good UX directly impacts trust and user engagement
Explore the full interactive version of this design
See more
