CEER Website Showcase

{"type":"doc","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Designing the digital showroom for Saudi Arabia's first electric vehicle brand — where cinematic visuals meet precision-engineered UX."}]},{"type":"image","attrs":{"src":"https://mir-cdn.behance.net/v1/rendition/project_modules/fs_webp/bd5056245648777.69b21e062dc5f.png","alt":null,"title":null,"width":null,"height":null}},{"type":"image","attrs":{"src":"https://mir-cdn.behance.net/v1/rendition/project_modules/1400_webp/4be231245648777.69b21e062f2c8.png","alt":null,"title":null,"width":null,"height":null}},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"UI Design — CEER Motors Vehicle Configurator"},{"type":"hardBreak"},{"type":"text","marks":[{"type":"italic"}],"text":"Web Design · Automotive · Saudi Arabia"},{"type":"hardBreak"},{"type":"hardBreak"},{"type":"text","text":"A premium automotive web experience designed for CEER Motors — Saudi Arabia's first electric vehicle brand. The interface leads with a cinematic full-width vehicle showcase set against a moody, desaturated landscape, immediately establishing a tone of sophistication and engineering confidence."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The vehicle selection carousel below employs a clean thumbnail-grid system, allowing users to browse across the full lineup — from C-SUV to D-SUV Coupe — with a clear active-state indicator that anchors context without visual noise. The restrained monochromatic palette, punctuated by a single bold red accent vehicle, demonstrates deliberate use of contrast to guide attention."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Navigation is spare and confident: minimal typeset in all-caps, generous whitespace, and a subtle Arabic language toggle — a considered nod to the brand's regional identity. Three CTA buttons at the base — \"Start design,\" \"Search inventory,\" and \"Download design\" — are elegantly balanced with pill-shaped outlines, maintaining visual hierarchy without competing for dominance."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"A masterclass in luxury automotive web design that balances global premium aesthetics with cultural relevance."}]},{"type":"image","attrs":{"src":"https://mir-cdn.behance.net/v1/rendition/project_modules/max_1200_webp/523605245648777.69b21e062e816.png","alt":null,"title":null,"width":null,"height":null}},{"type":"paragraph","attrs":{"textAlign":"left"}}]}