Changing the layout of user profile edit page I am working on a website based on Drupal Commons.
It uses Commons Profile Module to add extra fields to add user information.

I want to accomplish two tasks:


Change the layout of User Profile edit page i.e. : mysite/user/%user/edit.
Where do I make the changes. Should I create a new *.tpl.php file and if so, then where?
I want to fetch the User Information Fields added by the Commons Profile Module to the edit form. 


Please provide a solution in which both these issues are taken care of.
I had to do this in the past and I went the module route.

Using Display Suite, Renderable Elements and Field Group I was able to fully change the layout of edit forms.


  Display Suite allows you to take full control over how your content is
  displayed using a drag and drop interface. Arrange your nodes, views,
  comments, user data etc. the way you want without having to work your
  way through dozens of template files. Screencast
  
  Renderable Elements enables you to register any forms and manage the
  display through an UI. It will also make (additional) elements
  available of existing entities on the manage forms/display screens or
  you can for example register the contact form and rearrange the fields
  through Field UI. Screencast
  
  Field Group will, as the name implies, group fields together. All
  fieldable entities will have the possibility to add groups to wrap
  their fields together. Fieldgroup comes with default HTML wrappers
  like vertical tabs, horizontal tabs, accordions, fieldsets or div
  wrappers.


Edit: Also using Display Suite, you can add different views or blocks directly as fields to your node. So pulling fields from other entities shouldn't be a problem if you are good with views.