ROC DESIGN

scope of work: branding & landing page design

technology: photoshop

Web Page Creation Brief

OBJECTIVE

Create an engaging, visually appealing, and user-friendly website for Roc Design, showcasing their loft-style sliding door systems while highlighting product benefits, user inspirations, and a compelling call to action.

design notes

• Ensure smooth transitions between sections for a seamless user experience.
• Use a consistent loft-style aesthetic across the site: industrial tones, textures, and modern typography.
• Optimize for both desktop and mobile viewing.

page structure and content

first screen

• Logo: Display the “Roc Design” logo prominently.
• Headline: „Loftowe systemy do drzwi przesuwnych” (Loft-style sliding door systems).
• Campaign Tagline: „Twój loft na wyciągnięcie ręki” (Your loft within reach).

design notes

• Clean and modern design with an industrial aesthetic (reflecting loft style).
• A high-quality background image or video showing the product in a stylish loft setting.

second screen – product features

After scrolling down, users land on a section dedicated to showcasing the key features and benefits of Roc Design systems.

• Main Elements:
  1. Headline: Example: „Koniec z głośnym przesuwaniem” (No more noisy sliding).
  2. Description: Short text emphasizing the feature/benefit (content from the provided file).
  3. Visual: Full-screen background image that highlights the feature.
• Interaction:
  • Horizontal scrolling for feature/benefit exploration.
  • One feature per screen, with a smooth swipe/scroll transition between them.

third screen – inspirations

This section inspires potential customers by showcasing how Roc Design systems can enhance interiors.

• Elements:
  1. Headline: „Inspiracje” (Inspirations).
  2. Description: „Zobacz, jak możesz wykorzystać systemy Roc Design i znajdź inspiracje dla swojego wnętrza!” (See how you can use Roc Design systems and find inspiration for your space!).
  3. Gallery:
     • High-quality visualizations.
     • Each image includes a caption specifying the model and color of the sliding system.

design notes

• Use a grid or carousel for the gallery, allowing users to navigate through images easily.

final screen – cTA

Encourage users to explore pricing and consider making a purchase.

• Between the inspirations section and the final call to action – Over 7,000 loft systems sold, PoS

• Main Elements:
  1. Headline: A short, impactful phrase encouraging action.
  2. Button Options:
     • I want to see all models – primary option for a less pressuring approach.
     • Alternative: „Kup teraz!” (Buy now!).
  3. Footer:

design notes

• Highlight the CTA button with contrasting colors to draw attention.
• Ensure the footer is minimalistic and aligned with the overall design.

the final design

art Direction | UX / UI Design