Generative AI platform
to create impactful content

Transform your ideas into reality with AI. Intuitive and fast, Contents.com allows you to create and optimize great content in just a few clicks. Generate any type of content in just a few seconds.

conten.com
Sector
Artificial intelligence, technologies and software applications
Challenge
Complex AI-powered dashboard, like a Contents.com, presents hurdles for user-friendliness. Ensuring simplicity, clarity, and accessibility while incorporating advanced AI features can be challenging, but it's crucial for making AI technology accessible to everyone.
Project Time
16 weeks (Team of 4 Members)

Contents.com

Unleash the power of AI with Contents.com, the versatile platform that redefines content creation. From writing to audio transcription, chatbots, artwork, translations, and industry-specific templates, Contents.com is your go-to solution. Here's a glimpse of what it can do for you

AI Writing

With Contents.com, you can effortlessly generate compelling written content for websites, articles, and marketing materials. Harness the AI's writing prowess to craft engaging and informative texts.

Audio-to-Text Conversion

Seamlessly transform spoken words into written documents. Contents.com's audio-to-text feature ensures you never miss a word, making transcription a breeze.

AI Chat

Engage your audience like never before with AI-powered chatbots. These virtual assistants are at your service 24/7, responding to customer inquiries and providing instant support.

AI Art

Get creative with AI-generated art. Whether it's designing graphics, illustrations, or even entirely new artworks, Contents.com's AI Art feature opens a world of possibilities.

AI Translation

Break down language barriers with AI-driven translation services. From documents to conversations, Contents.com ensures your content is accessible to a global audience.

Industry-Specific Templates

Tailor your content effortlessly with industry-specific templates. Contents.com offers a wide range of templates to suit your needs, from marketing to legal documents.

Challenges

Complex AI-powered dashboard, like a Contents.com, presents hurdles for user-friendliness. Ensuring simplicity, clarity, and accessibility while incorporating advanced AI features can be challenging, but it's crucial for making AI technology accessible to everyone.

Challenges

Information Architecture

Based on the insights gained from the initial content audits, competitor analyzes and Card Sorts with potential users, I defined the sitemap for TINIA and then evaluated it via tree tests with potential users.

Architecture

The Approach

Five days of cross team collaboration.

Set a goal

The team sets a goal in order to assure our solution stays on track. Our goal was "Create value by increasing data visibility and unifying the suite

Map it out

This is a brand new concept so there is no current experience to map out. The team starts by mapping out the ideal user experience. We take the map and run it past internal experts and users to see if we are close to hitting the mark.

Expert Sessions

We have already done some upfront User Research which has given us a good place to start. We bring in internal experts and/or current users to answer some questions that are still outstanding. We run them through the new journey map to validate if we are heading in the right direction.

How Might We

These are questions that we have about solving problems. Instead of stating the problem, turning the problem into a question can help facilitate ideation.We document these on the map so we make sure we solve them along the way.

Lightning Demons

The team researched other dashboard products and illustrate what they like or dislike about them. Each member of the team presents the product they picked. We capture these ideas to help generate individual ideas for the sketching rounds.

Sketching

3 Rounds of sketching. Each person presents their concept sketches and the team then votes on the features they like the best. The most voted on features help us shape our storyboard.

Storyboard

We create and evaluate the storyboard to make sure the team is comfortable with the story we are telling and the way we plan to solve the issues.

Build Prototype

The last day calls for primarily only designers. We have PMs on standby to supply us with data and answer questions that might come up. We review the storyboard, make sure everything checks out and then we begin prototyping. Designers get assigned screens so we can build the prototype in tandem.

Wireframing, Prototyping & Usability-Testing

Paper-Prototypes

With low-fidelity paper prototypes, the planned syllabus and the general structure of the application could easily be tested in usability tests. Without much effort, adjustments could be made before going into the much more costly digital implementation.

wireframe

The atomic design system

The design system is based on the atomic Design method and delivers Sketch files and front-end code. We defined naming conventions, core interactions and scalability for all components.

design system

Visual Design

UI Designs

The visual design was developed by iterating from mood boards and styletiles to the UI kit and finally to creating a first version of the style guide.

dashboard
AI generator
AI chat
text audio
text audio
text audio

Worked as a Team

Regular team meetings were conducted to ensure alignment of expectations among team members. Despite occasional challenges, such as a shortage of designers, we collaborated effectively to continue the initial design work and brainstorm solutions collectively. Working together as a team, I gained valuable insights and experiences. As a junior designer, I embraced the multitude of responsibilities, dedicating myself to learning and contributing to every aspect of the project with diligence and enthusiasm.

My role

In this project, I served as a liaison between a team of Senior Visual Designers and three front-end developers. My responsibilities included ensuring that all requirements were met and that design specifications were implemented accurately. I reported directly to the Head of Design to ensure alignment with project objectives.

Activities

  • Share vision & roadmap with stakeholders.
  • Manage the backlog of all everything that needed to be build.
  • Designing all components together with a lead visual designer.
  • Reviewing all delivered front-end components.
  • Coordinated tests to validate component usage.
Back to homepage