Web App

RazinSoft

A clearer digital experience for website visitors and content managers.

I redesigned the RazinSoft website to create a modern, professional, and user-friendly experience. I also designed an admin panel to help the team manage website content through an organized interface.

Role
UI/UX Designer
Company
RazinSoft LTD
Duration
Two Month
Platform
Web Application

Overview

RazinSoft provides software development and digital solutions for businesses. This project focused on redesigning the company's public-facing website and designing an admin panel for managing its content. The website presents the company's services in a clear and structured way, while the admin panel provides an organized interface for managing website information. My focus was on improving visual consistency, organizing content, and creating intuitive experiences for both website visitors and administrators.

RazinSoft 01, 1 of 9

The Challenge

The main challenge was to create a consistent experience for two different user groups: people visiting the website and team members managing its content.

  • Presenting company services and information clearly.
  • Organizing website content for easier navigation.
  • Creating a professional and consistent visual style.
  • Designing an admin interface that makes content management easier.
  • Maintaining a consistent experience across desktop and mobile screens.

Goals

The project aimed to improve the website's usability and visual presentation while making content management more straightforward.

  • Create a modern and professional website experience.
  • Improve content hierarchy and navigation.
  • Present company services in a clear, structured layout.
  • Design an organized admin panel for website content management.
  • Maintain visual consistency across the website and admin interface.
  • Ensure the layouts work across different screen sizes.

Target Audience

  • Website visitors

    People exploring RazinSoft's services, learning about the company, and looking for software development or digital solutions.

  • Content managers and administrators

    Team members responsible for updating, organizing, and maintaining information on the company website.

Design Approach

  1. 01

    Understand the content

    Organize the website's information so visitors can understand the company and its services more easily.

  2. 02

    Structure the experience

    Create clear page sections, content hierarchy, and navigation patterns.

  3. 03

    Design the interfaces

    Develop a consistent visual direction for the public website and a practical layout for the content management panel.

  4. 04

    Refine the layouts

    Review spacing, typography, components, and responsive layouts to keep the interfaces organized and easy to navigate.

Tools

Design

  • Figma
  • FigJam

AI

  • Gemini
  • Claude
  • ChatGPT

Project

  • ClickUp
  • Discord

Design System

I used a consistent visual approach to keep the website and admin panel organized and visually aligned.

  • Color palette
  • Typography
  • Components
  • Spacing and layout

Interface Design

Public website and admin panel interfaces focused on clarity, hierarchy, and consistent styling across screen sizes.

  • Public Website — Clear content hierarchy, structured layouts, consistent typography, and responsive layouts
  • Admin Panel — Structured information layouts, clear hierarchy, consistent components, and practical content management

Interaction Design

The interaction design focused on making both interfaces straightforward to navigate and use.

  1. Website navigation
  2. Consistent interactive elements
  3. Responsive behavior
  4. Admin content management
  5. Clear section distinction
  6. Consistent panel patterns

Deliverables

  • Public Website UI Redesign
  • Admin Panel UI Design for Website Content Management
  • Color Palette and Typography Guide
  • Component Library
  • Custom Icons
  • Responsive Desktop and Mobile Layouts

Have a product that needs a better experience?

Let's design it

Open for work

Have an idea?

Send the brief, the half-formed thought, or just a hello. I read every note.

Send a message

Tell me about the project, the brief, or just say hello.
I reply to every note.