Schotland Architecture's merging old and new
Architecture studio with a clear differentiator: classic design combined with high-performance features that fulfill sustainability requirements and a comfortable modern lifestyle. Their website was designed to reflect their traditional design vision, atract a senior target audience, and reflect a high-end service and expertise.
Commissioned work by the Architectural Marketing Institute. Scotland's site goals were to increase leads and high-quality long-form content to improve SEO and drive conversions.
The marketing agency handled the copy and wireframing with Relume, while I handled the stylistic direction with preliminary concepts and delivered all the high-fidelity mockups for Desktop and Mobile, following UI principles and suggesting improvements.
TIMELINE: 4 weeks
ROLE: WEB/UI DESIGNER
DELIVERABLES: HIGH FIDELITY MOCK-UPS OF ALL SCREENS IN DESKTOP AND MOBILE BREAKPOINTS WITH DEV HAND-OFF
SOFTWARE: RELUME, FIGMA, PHOTOSHOP, ILLUSTRATOR.
Home Page Desktop Version
Home sections on mobile breakpoint
Figma hand-off sample annotations took into account consistent use of spacing, basic measurements in pixels, type styles, image constraints, tap/hover states when needed, and differences between desktop and mobile breakpoints that should be taken into account.
Internal page (Desktop and mobile versions)
Opt-in page
