User:Helios1836/Design ideas

General

 * Top Nav Bar - Blue background (Royal Blue?)
 * Wordmark - "Bewitched" font, white, flush left. Move "Bewitched Wiki" text/link to the right of the wordmark.
 * Lostris: What do you mean with "flush left"?
 * Helios: It's an old typing term meaning all paragraphs are aligned at the left margin, no indentations at the beginning of each paragraph. I meant that the wordmark should be on the left, not in the middle. That's what you've done. Sorry for the confusion.
 * L: oh, you mean the placement in the top left corner? That's just the standard placement of the wordmark. You literally can't put it anywhere else :-)
 * H: Gotcha! Will you please remove that old text "Bewitched Wiki"? Just leave the Wordmark. I've changed my mind on having both. Thanks.
 * I can't. That section is designed to hold the community name and is beneficial for Google's bots to find the name and thus for the SEO of this wiki. If you really don't like the double name, you can change it to something else (like the slogan of the show), but it cannot be left blank.
 * No problem. I understand. Can the Wordmark just be "Bewitched" instead of " Bewitched Wiki"?
 * Yes, but the "problem" is that the wordmark has a standard size of 250x65px. The word "Bewitched" currently has a height of 65px, so you see the amount of wasted space if we wouldn't fill that up with "wiki". Besides that, we generally also tend to add that as a sort of uniformity, but it is not mandatory if you really want it gone.
 * I understand and agree with you.

Section Header Bars

 * Same color blue as top nav bar
 * Yellow text - see photo of yellow text on blue background. All caps for the headers. Same point. Don't know if that particular font is necessary (if it's even available). Probably just a non-serif font will be fine.
 * L: Do you prefer that font or the font of the wordmark to be used in the headings on the mainpage?
 * Helios: I only want the Wordmark to have that special cursive font. If the closing credits font (the Ashmont font) is available, I'd like that for the header bars. If it's not available, a non serif font is fine.
 * I have both fonts available, so it was just a matter of preference.
 * Great!
 * In regards to the background, I perhaps had an alternative idea (as the blue one with the subtle starts will be very ... subtle 😅). Would you perhaps be okay if I just livened it up a bit by adapting this image to be a background? The idea would be the same: overall blue with the starts, but to add something more to it, one side of the background would also contain the animated form of Samantha and those buildings would run along the bottom of the background.
 * I have trouble visualizing this. Could you do a test page and let me see?
 * For sure. I had hoped to already get started on this, but some other things unexpectedly came up that required my attention. I'll definitely present you with a background (and main page) design for before implementing.
 * So this is the background I had in mind. Any thoughts?
 * I love it! So will Samantha and the stars show on the left? Just stars on the right? And the buildings along the bottom of the screen?
 * I'm glad you like it! And yes, that's the idea indeed. I would also make the content area a bit transparent so some of the stars in the middle also shine through. I should be able to present you later today with the design of the main page, which will also include the background being implemented so you can see what I mean.
 * Thanks!
 * I can implement the background already if you wish.
 * Yes, please implement it. Thanks!

Colors

 * I'm open to your ideas for:
 * Back/middle/foreground colors
 * Text and Link colors
 * ''I prefer no black or dark middle-grounds with light-colored texts. However, I don't want a white middle-ground either (like it is now).
 * I changed the original home page colors to what they are now. I know it's not spectacular. It was just a temporary fix for better contrast. The original was blue links on a blue background.

Background

 * L: Any images you'd like to have as a background?


 * Helios: Is it possible to replicate the subtle "white stars" seen in the Ashmont pic?
 * I'll see if I can whip something up, blue background with subtle stars.
 * Thanks!

Sections

 * I want to rearrange the sections. This means some sections will stay on the home page and others will move. The Bewitched and Tabitha character portals will go to each show's portal page respectively. Of the section headers on the home page, only Featured Article, News, and Legal Disclaimer will remain. I'll also be adding some new sections for the home page. I'm still working on this content. I just wanted to let you know before you redesigned all of the header bars.
 * No need to worry about that beforehand. I am just going to create a heading template with the specific font and design, so it can say whatever word we want. No need to have figured the entire design out beforehand. Would you be okay if I just played around with some designs for the main page, see what looks good?
 * Totally okay.
 * What do you think of this? General overview, closer look 1, 2 (the news template would be the one you currently have that I didn't import to my test wiki), 3, and 4. If you'd be okay with enabling Discussions on you wiki, I could also add a template that would refer back to Discussions. What do you think?
 * I like it. I have some more requests and ideas for the exact layout of the page. Let me finalize that and get it to you. Could be a few days. I don't know how the Discussions function works. I'm really a "content man". I have no experience with administrative duties like that. How does it work?
 * If you want, I could already implement what I have thus far, and then I can later always adjust it based on what you would still like to see happen? Nothing has to be set in stone by changing some parts already.
 * I'd like to get my ideas to you first.
 * ''I haven't forgotten you. It's taking me longer to get my ideas together than I thought it would, and I got sick again. I should have it all for you sometime this week. Helios1836 (talk) 13:56, 25 January 2021 (UTC)
 * Haha, thank you for letting me know. Looking forward to hearing your ideas, but feel better soon!
 * I'm done with the redesign, though if you reconsider about enabling Discussions, feel free to reach out!

Mobile main page
Lostris: considering that the majority of your viewers does so from a mobile device, I took liberty of curating the mobile main page of this wiki with some standard, most commonly looked for categories (which is also why I created that "Bewitched Episodes" category). You are of course more than welcome to change any of the items that I listed there (you can edit the mobile main page only when you're on desktop by going to the main page, clicking the arrow next to the edit button, and selecting the last option to "edit mobile main page"). Note of "caution" though: whenever you rename a category or image that is also used on the mobile main page, please do also change it there. If you don't, that page will break, and you'll be unable to update it until you fix the error.
 * Helios: Thanks for doing this! I'd planned to do the episode category reorg anyway. I edited and moved some things around. I had planned to ask you to update the mobile home page after the desktop version was done, but you beat me to it. I appreciate your help and work.
 * You're very welcome! And by all means, change whatever you'd like. You're the expert, I just wanted to get the ball rolling on that front, as it it something that's often overlooked but quite useful for the mobile user.

Discussions
Speaking of things that could be beneficial for mobile users, but in generally just fun for the community as a whole: ever thought about having Discussions enabled on this wiki? It's the replacement for the old forums and could serve as a place for this wiki's community to discuss the fandom or whatever. I could help enable it if you'd like.

Discussions is the new version of the forums that Fandom has. Posts there can be reported by community members, after which they will show up in the reported posts (easily accessible with the link in the bottom toolbar "reported"). You can track the newly created posts via the "social activity" tab that you can find at the top of the recent changes page (next to wiki activity).
 * Let me get back to you on this. I have a lot of questions, but want to finish the main page content first.

Main Page Ideas
Here are some requests to begin with while I finish the rest of my content ideas.

General

 * Will the top navigation drop down menus still be on there? I don't see them on your mockup.
 * Yes, because that's the MediaWiki:Wiki-navigation and not something generated by the main page design. It was absent in my mock-up design, because I created it on a test wiki and didn't bother recreating your entire navigation bar.
 * Please take "The" out of the "Bewitched Wiki" text. There is actually another wiki out there called "The Bewitched Wiki". I came across it several months after I began work on this wiki. There are very few pages on it. I've never edited it.
 * Good to know. I'm going to see about closing that wiki, no need to have both. In that case, does the "the" still need to go? In any case, feel free to peruse the few pages the wiki has and take what you could possibly need before it gets closed.
 * I took some pictures. There are only 14 pages. None of the files are coded with "fairuse", a lot of the content is wrong and I think the site was last updated in the mid teens. I'd rather have the main page just read "Bewitched Wiki" without the "the".
 * Please take the photo out of the navigation bar. I'm not sure I want anything there. I think the background provides all of the needed visual interest.
 * What photo? There are several images on the main page.
 * The photo in the nav bar of your General Overview mockup. It shows the Stephenses and Endora.
 * You mean the photo flanking the subcategories? That photo is what links back to the series though: everyone who clicks it will end up on the Bewitched page.
 * Please put the Section Header text on a blue bar - like the bars currently on the main page, but in the new design theme.
 * Something like this? (If I'm honest though, I'm not particularly font of the border 😅
 * I have a look in mind for the different sections. I'll share it with you when I submit my ideas. The blue bars will hopefully make more sense to you when you see what I have in mind.

Example Websites

 * https://james-camerons-avatar.fandom.com/wiki/Avatar_Wiki
 * This is the website from which I've taken inspiration for the organization of the home page. I like the header bars and the portals. I like the arrangement on the page.


 * https://11-22-63.fandom.com/wiki/11.22.63_Wiki
 * This fandom wiki also uses the header bar format I like.

Welcome

 * Header Bar: Welcome to Bewitched Wiki!


 * Introduction: Bewitched Wiki is a fan-created encyclopedia for everything related to the series Bewitched and its spin-off Tabitha, supernatural-themed sitcoms of the 1960s–1970s era, as well as the movie and other related media. You will find everything here ranging from character and episode pages, a behind-the-scenes look at cast and crew, witch and mortal locations and organizations, and the magic explained. We hope you enjoy your time here at Bewitched Wiki.

Bewitched

 * Header Bar: Bewitched


 * Bewitched blurb - PENDING


 * Round Portals - in one row like Avatar page?


 * About
 * Portal Photo: Darrin Samantha Kiss 3×25.jpg


 * Characters
 * Portal Photo: Endora Tabitha 6×02.jpg


 * Episodes
 * Portal Photo: Kravitzes Out of Order 1×28.png


 * Cast
 * Portal Photo: Dick Sargent.jpg


 * Crew
 * Portal Photo: Bill Asher Camera.jpg

Related Shows
 * Portal Photo: Isabel Jack Dancing BW Movie.jpg

Tabitha

 * Header Bar: Tabitha


 * Tabitha blurb - PENDING


 * Round Portals - in one row?


 * About
 * Portal Photo: Tab E1 - Tabitha 4.png


 * Characters
 * Portal Photo: Minerva Adam Kitchen Tab1.png


 * Tabitha Episodes
 * Portal Photo: Tabitha Paul Party TabEp 11.jpg


 * Cast
 * Portal Photo: Mel Stewart.jpg


 * Crew
 * Portal Photo: Jerry Mayer.jpg

Witch and Mortal Worlds

 * Header Bar: Witch and Mortal Worlds


 * Round Portals - If necessary, can be two rows - 5 on top and 4 on bottom.


 * Witches
 * Portal Photo: Serena close-up (pink dress).png


 * Warlocks
 * Portal Photo: Bombay Toga 4×06.jpg


 * Mortals
 * Portal Photo: Louise Larry Paris Fashion 1×08.jpg


 * Supernatural Beings
 * Portal Photo: Cousin Edgar.png


 * Magic
 * Portal Photo: Samantha Youth Spell 3×04.png


 * Organizations
 * Portal Photo: McMann & Tate Sign 4×20.jpg


 * Locations
 * Portal Photo: 1475666334-0.jpg


 * Events
 * Portal Photo: Samantha's Coronation 4×01.jpg


 * Vocabulary
 * Portal Photo: Book of Spellees 2×03.jpg

Two Columns

 * Left Column
 * Header Bar: Featured Photo - new section with ability to add a caption


 * Header Bar: News - also include link at bottom to see the News archive


 * Right Column
 * Header Bar: Featured Article - include link at bottom to see the Featured Article archive


 * Header Bar: Did You Know? - new section - will include text and a photo, but will not link to an article like the Featured Article does.

Helping Out
Our goal is to collaborate with other fans in order to build a reliable, accurate resource with as much detailed information about episodes, characters, and story elements as possible. All are welcome to contribute here, so long as edits are constructive, discussions are positive, and both are relevant to Bewitched, Tabitha and its related media.

We are currently housing Special:Statistics articles, and Special:Statistics files. To help, please sign up to create a FREE personal account, or log in if you already have one. If you have any questions about the wiki or helping out, you can ask an administrator of Bewitched Wiki. We will be happy to assist you.

Disclaimer
 is not in any way, shape or form affiliated with Screen Gems, Sol Saks, ABC or Ashmont Productions.

Copyrights and trademarks for the episodes and other promotional materials are held by their respective owners and their use is allowed under the fair use clause of the Copyright Law.

Implementation
Lostris: Will is be okay if I just implemented the aforementioned to the main page and they you can just make adjustments as you see fit? Cause now it has very little to do with design but just wording and image choices.
 * That works for me, thanks.
 * If it's not too late, I just added the Welcome text.

Done. You're free to make any changes you'd like of course.